/*
Theme Name: Mind The Gap
Theme URI: http://mindthegaptravel.co.uk/
Description: Custom theme for Mind The Gap Travel.
Version: 2
Author: Human Made Limited
Author URI: http://humanmade.co.uk/

*/
html { font-family: Verdana, Arial, sans-serif; color: #333; background-color: #666; text-rendering: optimizeLegibility; -webkit-text-stroke: 1px transparent; }

/* Links */
a:link, a, a:visited { text-decoration: none; color: #9B1F4D; cursor: pointer; }
a:hover, a:focus, a:hover *, a:focus * { text-decoration: underline; }

/* Classes */
.hidden { display: none !important; }

/* Header */
#header { background: -moz-linear-gradient( top, rgba( 119, 50, 122, .99 ), rgba( 89, 36, 90, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 119, 50, 122, .99 ) ), to( rgba( 89, 36, 90, .99 ) ) ); background-color: #763279; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 974px; margin: 15px auto 0; position: relative; }
#header h1 a { display: block; width: 300px; height: 144px; text-indent: -9999px; background: url(images/logo.png) no-repeat 30px 15px; }
#header p { position: absolute; background: url(images/header-background.jpg) no-repeat 3px 3px; left: 369px; top: 29px; width: 563px; height: 27px; color: #FFF; font-size: 13px; text-align: right; padding: 80px 10px 0 0; font-weight: bold; border: 1px solid #915F93; }

#navigation { border-bottom: 1px solid #999; overflow: hidden; margin-top: 15px; background: -moz-linear-gradient( top, rgba( 233, 233, 233, .99 ), rgba( 186, 186, 186, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 233, 233, 233, .99 ) ), to( rgba( 186, 186, 186, .99 ) ) ); background-color: #BCBCBC; }
#navigation li { float: left; color: #444; font-size: 13px; line-height: 37px; border-left: 1px solid #ABABAB; }
#navigation .welcome { width: 250px; text-align: center; font-weight: bold; border: 0; color: #444; font-size: 13px; line-height: 37px; padding-left: 10px; }
#navigation .welcome:hover { background: none; }
#navigation ul { overflow: hidden; float: right; }
#navigation a { display: block; color: #444; text-decoration: none; padding: 0 20px; position: relative; z-index: 200; }
#navigation li:hover, #navigation .current_page_item, #navigation .current_page_parent { background: -moz-linear-gradient( top, rgba( 255, 255, 255, .99 ), rgba( 221, 221, 221, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, .99 ) ), to( rgba( 221, 221, 221, .99 ) ) ); background-color: #EEE; }
#navigation .active-arrow { background:url("images/link-active.png") no-repeat scroll center bottom transparent; bottom:0; display:block; height:15px; position:absolute; width:25px; z-index:100; }

#subnav { height: 37px; margin: -18px -20px 20px; max-width: none !important; }
#subnav li { float: left; padding: 7px 10px; list-style: none; }
#subnav a { border: 1px solid #ABABAB; display: block; padding: 3px 15px; line-height: 23px; background: -moz-linear-gradient( top, rgba( 233, 233, 233, .99 ), rgba( 186, 186, 186, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 233, 233, 233, .99 ) ), to( rgba( 186, 186, 186, .99 ) ) ); background-color: #BCBCBC; color: #444; }
#subnav li.current_page_item a, #subnav li a:hover { text-decoration: none; background: -moz-linear-gradient( top, rgba( 255, 255, 255, .99 ), rgba( 221, 221, 221, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 255, 255, 255, .99 ) ), to( rgba( 221, 221, 221, .99 ) ) ); background-color: #EEE; }
body #subnav ul { list-style: none; margin: 0; }

#article ul.ui-tabs-nav { margin: 0; overflow: hidden; background: -moz-linear-gradient( top, rgba( 233, 233, 233, .99 ), rgba( 186, 186, 186, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 233, 233, 233, .99 ) ), to( rgba( 186, 186, 186, .99 ) ) ); background-color: #BCBCBC; padding: 5px 0 0 5px; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:hover span { text-decoration: none; }
.ui-tabs-panel { clear: both; }
#article .ui-tabs-nav li { float: left; list-style: none; border: 1px solid transparent; border-bottom-color: #CCC; margin: 0 2px; }
.ui-tabs-nav a { padding: 5px 10px; color: #666; display: block; }
#article .ui-tabs-nav li.ui-state-hover { background-color: #FEFEFE; border: 1px solid #DDD; border-bottom-color: transparent; }
#article .ui-tabs-nav li.ui-tabs-selected { background-color: #FFF; border: 1px solid #CCC; border-bottom-color: transparent; }


#content { width: 974px; margin: 0 auto; overflow:hidden; background-color: #FFF; }

#article { width: 684px; min-height: 300px; float: right; background: #FFF; padding: 20px; line-height: 18px; font-size: 12px; color: #333; position: relative; }
#article > * { max-width: 495px; }
#article > ul { max-width: 455px; }
#article.no-sidebar { width: 934px; }
#article h2 { font-size: 16px; color: #666; margin-bottom: 15px; line-height: 120%; }
.single-mtgproject #article h2 { max-width: none; } 
#article h3, #article h4, #article h5, #article h6 { margin: 10px 0; }
#article p { margin: 15px 0; }
#article h1, #article h3, #article h4, #article h5, #article h6 { color: #991F4C; }
#article ul, #content ol { list-style: disc outside; margin: 20px; }
#article li { margin-bottom: 10px; }
#article .country { color: #CEA87E; }

.apply, .apply:visited { -moz-box-shadow: 0 0 2px #333; -webkit-box-shadow: 0 0 2px #333; box-shadow: 0 0 2px #333; -moz-border-radius: 4px; border-radius: 4px; background: -moz-linear-gradient( top, rgba( 0, 168, 161, .99 ), rgba( 0, 125, 119, .99 ) ); background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 168, 161, .99 ) ), to( rgba( 0, 125, 119, .99 ) ) ); background-color: #753178; width: 150px; padding: 8px 15px 10px; text-align: left; color: #FFF; display: block; margin: 25px 0; font-size: 14px; font-weight: bold; }
.apply:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #333; text-decoration: none; }

#aside { position: absolute; right: 15px; top: 53px; width: 180px; }

#contact-widget, #map { border: 1px solid #702F73; padding: 0 10px 10px; overflow: hidden; }
#map img { display: block; margin: 10px auto 0; }
#contact-widget h3 { color: #FFF; font-size: 14px; background-color: #702F73; margin: 0 -10px; padding: 10px; }
#contact-widget h4 { color: #DCC2A4; text-transform: uppercase; padding-bottom: 0; }
#contact-widget a { color: #9B1F4D; word-wrap: break-word; }

#map h3 { color: #CEA87E; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 5px; display: block; }
#map h4 { font-weight: normal; margin: 0; }

/* Projects */
#sidebar { background-color: #00958E; float: left; width: 230px; padding: 10px; overflow: hidden; }
#sidebar .sidebar-arrow { display: block; width: 19px; height: 13px; position: absolute; margin: -11px 0 0 105px; background: url(images/sidebar-arrow.png) no-repeat; }
#sidebar h3 { font-size: 16px; font-weight: bold; color: #FFF; margin: 10px 0 20px; }
#sidebar .project { margin-top: 10px; display: block; }
#sidebar .project:hover, #sidebar a.project:hover * { text-decoration: none; }
#sidebar .project.active { }
#sidebar .country { color: #CEA87E; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 10px; display: block; }
#sidebar .project h3 { font-weight: normal; font-size: 12px; text-align: left; color: #9B1F4D; line-height: 1.3; margin: auto; }
#sidebar .project div { background-color: #FFF; padding: 10px; }
#sidebar .project:hover div h3 { text-decoration: underline; }
#sidebar .project img { display: block; }

#sidebar .projects { background-color: #FFF; margin: 20px 0; padding: 10px; font-size: 12px; }
#sidebar .projects a { display: block; margin-left: 20px; line-height: 1.3; }
#sidebar .projects a:hover { text-decoration: underline; }
#sidebar .projects a.active { font-weight: bold; }
#sidebar .projects img, #sidebar .project div img { float: right; margin-left: 5px; }

#sidebar-gallery img { margin-bottom: 10px; border: 1px solid #78327B; }

#footer { clear: both; background: url(images/footer-logo.png) no-repeat center center, url(images/footer-bottom.png) no-repeat bottom; background-color: #753178; padding: 20px 20px 20px; color: #D9C6D9; text-align: left; font-size: 11px; overflow: hidden; height: 100%; width: 934px; margin: 0 auto 40px;}
#footer p, #footer strong, #footer img { line-height: 1.8; float: left; clear: left; }
#footer .abta img { margin: 20px 0; }
#footer a { color: #D9C6D9; }
#footer .elsewhere { list-style: none; display: block; width: 84px; margin: 10px auto; float: right; clear: both; }
#footer .elsewhere li { float: left; margin: 0 5px; }
#footer .elsewhere a { width: 32px; height: 32px; display: block; text-indent: -9999px; outline: none; opacity: .8; }
#footer .elsewhere a:hover, #footer .elsewhere a:focus { opacity: 1; }
#footer .elsewhere .twitter { background: url(images/twitter_32.png) no-repeat; }
#footer .elsewhere .facebook { background: url(images/facebook_32.png) no-repeat; }
#footer .elsewhere .youtube { background: url(images/youtube_32.png) no-repeat; }

#elsewhere { display: block; padding-top: 10px; float: right; }

.gallery { width: 495px; height: 330px; position: relative; margin-bottom: 10px; }
.gallery a:hover { opacity: .75; }
.gallery img { display: block; }
.gallery .description { display: block; overflow: hidden; color: #333; background-color: #F1F1F1; background-color: rgba( 255, 255, 255, .8 ); position: absolute; bottom: 0; width: 100%; min-height: 35px; } 
#article .gallery .description p { margin: 0 10px 20px; font-size: 11px; display: block; padding: 10px; }
.gallery-nav { position: relative; z-index: 50; margin: -25px auto 0; text-align: center; }
.gallery-nav a { display: inline-block; width: 2px; height: 2px; background-color: #706E66; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px; margin-right: 7px; font-size: 0px; color: transparent; }
.gallery-nav a:hover, .gallery-nav a.activeSlide { background-color: #763179; color: transparent; }
.gallery .next, .gallery .prev { height: 17px; font-size: inherit; padding: 0; display: block; float: left; width: 22px; text-indent: -9999px; background: transparent url(images/gallery-arrows.png) no-repeat center left; opacity: .5; margin: -25px 10px 0; position: relative; z-index: 99; }
.gallery .next { float: right; background-position: right; }

/* Blog */
#article .post h2 { margin-bottom: 0; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #CCC; }
#article .post:first-of-type h2 { border-top: none; margin: 0; padding: 0; } 
#article .post h2 a { font-size: 18px; }
#article .post p { line-height: 150%; }

#article .pagination { margin: 10px 0; }
#article .pagination .previous { float: right; }

/* Begin Images */
#article p img { padding: 0; max-width: 100%; margin: 20px 7px; float: left; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }	
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center;  background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.post ol { padding: 0 0 0 35px; margin: 0; }

/* Tabs */

.ui-tabs .ui-tabs-hide { display: none; }

#lightbox { z-index: 300 !important; }