/* ==================================
Desc:	CSS for LCBT Home page
Date:	2010-10-28
URL:	www.lcbt.co.uk
================================== */


/* Layout 
================================================= */
#Header {
	background: #667c9b url(/i/nav/home_header_bg.gif) repeat-x 0 0;
}

#MainWrapper .MainWrapperBody {
	background-color: #ffffff !important;
	padding-bottom: 50px;
}

/* Generic 
================================================= */
h1, h2, h3, h4, h5, .MainNav li, .PromoLinks .Heading { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, Verdana, Sans-Serif; }
h1 {display: none;}
p, li { font-size: 0.75em; }
li p { font-size: 100%; }
a { }
ul { list-style-type: none; }



/* Image Gallery
================================================= */
#gallery { position: relative; }
#gallery .ad-controls { display: none; }

/* Navigation */
#gallery .ad-nav-wrapper { position: absolute; top: 455px; z-index: 10000; margin:0 0 0 30px;}
#gallery .ad-thumb-list {
	background: #29211b url(/i/gallery/nav_bg.gif) repeat-x 0 0;
	padding: 0 15px 0 70px; 
	width: 505px !important;
	margin-left: 0px;
	-webkit-border-top-right-radius: 24px;
	-ms-border-top-right-radius: 24px;
	-o-border-top-right-radius: 24px;
	-moz-border-radius-topright: 24px;
	border-top-right-radius: 24px;
	border-radius:0 24px 0 0;
}
#gallery .ad-thumb-list li { margin: 0; color: #ffffff; font: bold 0.9em/1.2 "Trebuchet MS", Geneva, Arial, Helvetica, Verdana, Sans-Serif;}
#gallery .ad-thumb-list li a { color: #ffffff; height: 1.8em; padding:0.9em 10px 0.3em;}
#gallery .ad-thumb-list li a.ad-active { background-color: #7cd0fd; color: #000000; }
#gallery .ad-thumb-list li a img { display: none !important; }
#gallery .ad-thumb-list li a { text-align: center; }
#gallery .ad-thumb-list li a:hover { text-decoration: none; }

/* Captions */
#gallery #Captions {
	width: 528px; 
	min-height:60px;
	height:auto !important;
	height:60px;
	padding: 20px 30px;
	margin-left: 0px; 
	border: 1px solid #9e9e9e; 
	border-top: 0;
	-webkit-border-bottom-left-radius: 24px;
	-ms-border-bottom-left-radius: 24px;
	-o-border-bottom-left-radius: 24px;
	-moz-border-radius-bottomleft: 24px;
	border-bottom-left-radius: 24px;
	border-radius:0 0 0 24px;
}
#gallery #Captions .ad-image-description {font: 1.2em/1.2 "Trebuchet MS", Geneva, Arial, Helvetica, Verdana, Sans-Serif bold; color: #687e9d;}
#gallery #Captions .ad-image-description span {display: none;}

/* Clock
================================================= */
.ad-nav-wrapper .clock,
.ad-nav-wrapper .clock li{position:absolute;width:108px;height:108px;display:block;}
.ad-nav-wrapper .clock{top:-52px;left:-48px;}
.ad-nav-wrapper .clock li{top:0;left:0;display:none;text-indent:-999em;}
.ad-nav-wrapper .clock .h01{ background: url(/i/clock/01.png) no-repeat; }
.ad-nav-wrapper .clock .h02{ background: url(/i/clock/02.png) no-repeat; }
.ad-nav-wrapper .clock .h03{ background: url(/i/clock/03.png) no-repeat; }
.ad-nav-wrapper .clock .h04{ background: url(/i/clock/04.png) no-repeat; }
.ad-nav-wrapper .clock .h05{ background: url(/i/clock/05.png) no-repeat; }
.ad-nav-wrapper .clock .h06{ background: url(/i/clock/06.png) no-repeat; }
.ad-nav-wrapper .clock .h07{ background: url(/i/clock/07.png) no-repeat; }
.ad-nav-wrapper .clock .h08{ background: url(/i/clock/08.png) no-repeat; }
.ad-nav-wrapper .clock .h09{ background: url(/i/clock/09.png) no-repeat; }
.ad-nav-wrapper .clock .h10{ background: url(/i/clock/10.png) no-repeat; }
.ad-nav-wrapper .clock .h11{ background: url(/i/clock/11.png) no-repeat; }
.ad-nav-wrapper .clock .h12{ background: url(/i/clock/12.png) no-repeat; }


/* Main Navigation
================================================= */
.MainNav { clear: both; margin: 21px 0 15px; }
.MainNav li { font-size: 1.1em; text-align: right; padding: 6px 25px 7px 15px; }
.MainNav li div { background: transparent url(/i/nav/mainnav_arrow.png) no-repeat 0 55%; }
.MainNav li a { color: #ffffff; display: block; width: 100%;}
.MainNav .item4 { background: #816b96 url(/i/nav/mainnav1_bg.gif) repeat-x 0 0; }
.MainNav .item1 { background: #2175a1 url(/i/nav/mainnav2_bg.gif) repeat-x 0 0; }
.MainNav .item2 { background: #97455b url(/i/nav/mainnav3_bg.gif) repeat-x 0 0; }
.MainNav .item3 { background: #478e8c url(/i/nav/mainnav4_bg.gif) repeat-x 0 0; }
.MainNav .first {
	-webkit-border-top-right-radius: 24px;
	-ms-border-top-right-radius: 24px;
	-o-border-top-right-radius: 24px;
	-moz-border-radius-topright: 24px;
	border-top-right-radius: 24px;
	border-radius:0 24px 0 0; /* ie/css3pie needs the shorthand */
}
.MainNav .last {
	-webkit-border-bottom-left-radius: 24px;
	-ms-border-bottom-left-radius: 24px;
	-o-border-bottom-left-radius: 24px;
	-moz-border-radius-bottomleft: 24px;
	border-bottom-left-radius: 24px;
	border-radius:0 0 0 24px;
}


/* Promo Links
================================================= */
.PromoLinks {
	clear: both;
}
.PromoLinks li {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 15px;
	background: #fafafa;
}
.PromoLinks li a{display:block;height:60px;overflow:hidden;}
.PromoLinks li a:hover{background-position:0 -60px;}
.PromoLinks li a:hover,
.PromoLinks li a:hover span{text-decoration:none;}
.PromoLinks li a:hover .Heading,
.PromoLinks li a:hover .LinkText{color:#fff;background-position:0 -10px;}
.PromoLinks li a:hover * {
	text-decoration: underline;
}
.PromoLinks li span {
	display: block;
}
.PromoLinks li .PromoBody {
	clear:right;
	width: 130px;
	padding: 7px 5px 10px 15px;
	min-height: 40px;
}
.PromoLinks li .PromoBody .Heading {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
	color: #676767;	
}
.PromoLinks li .PromoBody .LinkText {
	background: transparent url(/i/nav/grey_arrow.png) no-repeat 0 3px;
	padding-left: 15px;
	font-size: 95%;
	color: #676767;
}
.PromoLinks li .Promo1 {
	background: transparent url(/i/promo1.png) no-repeat 1px 0;
}
.PromoLinks li .Promo2 {
	background: transparent url(/i/promo2.png) no-repeat 1px 0;
}


/* Blog 
================================================= */
.Blog {	
	clear: both;
	margin-bottom: 15px;
}
.Blog h2 {	
	padding: 7px 30px 7px 15px;
	text-align: right;
	background: #c0a15f url(/i/nav/blog_heading_bg.gif) repeat-x 0 0;
	color: #ffffff;
	font-size: 1.1em;
	-webkit-border-top-right-radius: 22px;
	-ms-border-top-right-radius: 22px;
	-o-border-top-right-radius: 22px;
	-moz-border-radius-topright: 22px;
	border-top-right-radius: 22px;
	border-radius:0 22px 0 0;

}
.Blog h2 span {	
	width: 100%;
	display: block;
	background: transparent url(/i/nav/mainnav_arrow.png) no-repeat 0 55%;
}
.Blog h3, .Blog h3 a {
	color: #ad7941;
}
.Blog .BlogBody {
	margin-top:-1px;
	border: 2px solid #c9a769;
	-webkit-border-bottom-left-radius: 28px;
	-ms-border-bottom-left-radius: 28px;
	-o-border-bottom-left-radius: 28px;
	-moz-border-radius-bottomleft: 28px;
	border-bottom-left-radius: 28px;
	padding: 11px 13px 4px 13px;
}
.Blog .BlogBody li {	
	margin-bottom: 15px;
}
.Blog p {
	padding-bottom: 0;
}
.Blog .post-meta {
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	margin-top: 5px;
}
.MainNav .first,
.MainNav .last,
.PromoLinks li,
#gallery .ad-thumb-list,
#gallery #Captions,
.Blog h2,
.Blog .BlogBody{behavior: url(/Style/PIE.htc);position:relative;}

.Blog{zoom:1;}
.PromoLinks:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.PromoLinks{border-bottom:#fff 1px solid;}

#gallery{position:relative;}
#gallery .overlay{
		position:absolute;top:0;left:0;z-index:10;
		background: url(/i/galleryGrad.png) no-repeat top right;width:688px;height:472px;}
		
.ad-nav-wrapper ie6-mask ie6-mask{display:none;}