/**
 * Tequila Totties stylesheet
 * @author crazed.org.uk
 *
 * requires reset-fonts.css
 */

html, body {background: #000000; color:#fff;}
a {text-decoration: none; color:#fe0606;}
a:hover { text-decoration: underline; color:#fff;}

#content a:hover { color:#E26C6A; }

p {}

h2 {
	font-size: 115%;
	font-weight: bold;
	margin-bottom:1em;
}

blockquote { margin-right:3em; margin-bottom:1em; }
cite { margin-top: 1em; margin-left:2em; }

#content p, #content ul {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
#content p strong, #content p em, #content p  i {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/**
 *	Layout
 */

#container {
	width: 966px;
	margin: 12px auto 0;
	background: url(../images/open24_gfx_with_spillover.jpg) no-repeat top left;
	position: relative;
	padding-top:190px;
}

/** header **/
#header {
	height: 190px;
	top:0; right:0; width:748px;
	position:absolute;
	background: url(../images/header_gfx_bg.gif) no-repeat 0 88px;
}

#content {
	color:#000;	font-size:85%; /* 11px */
	position:relative;
	background:url(../images/main_area_without_logo_bg.jpg) no-repeat;
	padding: 12px 18px 61px 18px; /* includes some white + all of the translurent grey 8 + logo portion 39 */
	height:427px;	/* overall height = +paddings = 500,  */
}

/** footer **/

#footer {
	margin-top: -31px;
	padding: 0;
	margin-bottom: 30px;
	text-align:right;
	position:relative;
}


/**
 * header stuff
 **/

/** page titles **/
#header h1 {height:63px; margin:45px -6px 0 0; padding:0; background-repeat:no-repeat; background-position:right top; text-indent:-1000em; line-height:1;}

#home h1 {background-image:url(../images/title_tequila_totties.gif)}
#totties h1 , .category-totties h1, .s-category-totties h1 {background-image:url(../images/title_tequila_totties.gif)}
#about h1 {background-image:url(../images/title_about.gif)}
#contact h1 {background-image:url(../images/title_contact.gif)}
#entertainment h1 {background-image:url(../images/title_entertainment.gif)}
#honeytrap h1 {background-image:url(../images/title_honeytrap.gif)}
#gallery h1 {background-image:url(../images/title_gallery.gif)}
#clients h1, .category-testimonial h1, .s-category-testimonial h1 {background-image:url(../images/title_clients.gif)}
#shop h1 {background-image:url(../images/title_shop.gif)}
#copyright h1 {background-image:url(../images/title_copyright.gif)}
#terms h1 {background-image:url(../images/title_terms.gif)}
#privacy h1 {background-image:url(../images/title_privacypolicy.gif)}

#news h1, .category-news h1, .s-category-news h1 {background-image:url(../images/title_news.gif)}

/** navigation **/

#nav {text-align:left; margin-top:46px; margin-left:3px;}
#nav li.active a { color:#fff; }
#nav li { float:left; margin-right:1em; font-size:108%;} /* 14px */

.skip-link { text-indent:-100em;}

/** special layout rules (for testing) **/
.nooverlay #content {background: none;}
.nooverlay #container {background: url(../images/all_bg_no_white.jpg) no-repeat;}
.nooverlay #tt-link {background:url(../images/logo_trans.png) no-repeat; top:452px}


/**
 *	Content area
 */


/** test using a composite bg image rather than seperate logo + bg **/
.composite #content {
	background:url(../images/main_area_with_logo_bg.jpg) no-repeat;
}
.composite #tt-logo {background:none;}


/** content generic rules **/

#content p {
	margin: 0 0 1em;
}
#content ul {
	margin-bottom:1em;
	list-style: square;
	padding-left: 1.45em;
}
#content li {
	list-style:square;
	padding-left:1.55em;
	margin-bottom: 0.7em;
}
#content h3 {
	font-size:131%;
	margin-bottom: 0.7em;
	font-weight:bold;
}

strong.signoff {margin-top:1.5em; font-size:135%; display:block; }

/** content layouts **/

/** single column standard page layouts **/

#main {	border-right:0;	float:none;	margin-left: 288px;	width:auto;}
#main.text { width:auto; }

#sub { position:absolute; left:8px; top:8px; width: 280px; }

/* most common - dual column */

.dual #main {
	float:left;
	width:544px;
	border-right:1px solid #ff0000;
	position:relative;
}

.dual #main {
	margin-left: 0;
}

#content .text { height:407px; padding-top:20px; overflow:auto; }
.dual  #main.text { padding-right:20px; width:523px;}
#main.text { padding-right:20px; }

#main.long {
	height:438px;	/* optional */	/* 466px - must have been to include the foot bottom */
	/* height:407px; */
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:3px;
}

.dual #sub { float:left; margin-left:12px; width:372px; height:407px; position:relative; left:0; top:0; }

#sub .content-set { margin-left:24px; }


/* about */

#about-frame {
	position:absolute; z-index:5;
	top:0; left:0; width:195px;	height:254px;
	background:url(../images/about_pic_frame.gif) no-repeat;
}
#about-frame img { display:block; border:0; margin:auto; z-index:1; }

#about-frame-wrap {
	position:absolute;
	top:0; left:0;
	width:195px;
	/* height:254px; */
	z-index:5;
	text-align:center; /* necessary for old IE browsers */

	height:127px;
	padding-top:127px;	/* trick to vertical align the image without knowing the height of the image */
}
#about-frame-wrap img {display:block; border:0; margin:-79px auto 0;}	/* specify half the height negatively, to vertically align */
/* proper method of aligning vertically is to just calculate  254 - image height   / 2 for the margin-top, but it's nice not needing to know the frame height :) */

#about-frame-wrap b {
	text-indent: -1000em;
	position:absolute;
	top:0; left:0;
	width:195px;
	height:254px;
	z-index:5;
	background:url(../images/about_pic_frame_clear.gif) no-repeat;
}

#about #main {
	padding-left:203px;
	padding-right:20px;
	width:320px;

	background: url(../images/about_cityscape.gif) no-repeat 273px 302px;
}

#about #sub { position:relative;}
#about #sub ul li {margin-bottom: 0;}

#about-news {
	position:absolute;
	bottom:0;
	background:url(../images/about_news_box.gif) no-repeat;
	height:177px; width:372px;
	color: #fff;
}

#about-news h3 {
	margin-left:260px;
	margin-bottom:0;
	font-size:131%;
	font-weight:normal;
	text-align:center;
	line-height:1;

	/* overall height is 27px */
	padding-top: 14px;
	height:13px;
}

#about-news img {
	float:right;
	margin: 9px 12px 9px 16px;
	border:1px solid #fff;
}
#about-news .box-content {
	margin-left:16px;
	margin-top:22px;
}

#about-news a.more {
	font-style:italic;
	color:#E37777;
	text-transform:lowercase;
}
/** about news **/
#about-news-content h2 { margin-bottom:0.5em; }
#about-news-content h2 .entry-date { letter-spacing:-1px; font-weight:normal; display:inline; color:#a0a0a0;}



/** entertainment & promotional **/

#entertainment #main { height:240px; padding-top:12px; overflow:auto; }
#entertainment #sub { height:196px; padding-top:12px; overflow:auto; }

#promo-more {
	position:absolute;
	bottom:59px;
	right:18px;
	background:url(../images/entertainment_more_box.gif) no-repeat;
	height:198px; width:662px;
	color: #fff;
}

#promo-more h3 {
	margin-left:529px;
	font-size:131%;
	text-align:center;
	line-height:1;

	/* overall height is 27px */
	padding-top: 14px;
	height:13px;
}

#content .image-list li { float:left;	list-style:none; padding-left:0; }
#content ul.image-list { list-style:none; padding-left:0; margin-bottom:0; }

#promo-more ul.image-list img { border:1px solid #fff; display:block;}
#promo-more .box-content { margin-left:88px; margin-top:8px; }

/** contact **/
#contact-form {
	background: #000;
	color: #fff;
	padding: 16px 28px 11px 28px;
	line-height:1.5;
	font-size:108%;
	margin-top: 3px;
}
#contact-form label { display:block; font-weight:bold; float:left; margin-right:0.4em; }
#contact-form input, #contact-form textarea { display:block; width:100%; margin-bottom:1em; clear:left; }
#contact-form textarea { height: 6.5em; }
#contact-form input { line-height:20px; }

#contact-form .status {
 margin-left:0.5em;
 font-style:italic;
 color:#E87026;
 padding-top:1px;
 font-size:93%;
}

#contact-form-notice {
	background: #000;
	color:#fff;
	padding:32px;
	font-size:132%;
	height: 360px;
}

/** terms of use **/

#terms #content ul li {margin-bottom: 0.7em;}

/** t&c / privacy policy - background test **/

/* test
#terms #main, #privacypolicy #main {
	background-color:#fff; opacity: 0.5; filter: alpha(opacity=50);
	padding-left: 16px;
	padding-right:4px;
}*/

/** clients **/

#clients h2, .category-testimonial h2, .s-category-testimonial h2 {font-size: 174%; font-weight:normal;}
#clients #main h2, .category-testimonial #main h2, .s-category-testimonial #main h2 {font-size:167%; margin: 20px 0 2px 0;}

#clients #sub, .category-testimonial #sub, .s-category-testimonial #sub {font-size:108%; line-height:1.5; position:relative;}

#clients .prev, #clients .next,
.category-testimonial .prev, .category-testimonial .next,
.s-category-testimonial  .prev, .s-category-testimonial .next {bottom:1px; position:absolute; display:block; }

#clients .prev {left:1px;}
#clients .next {right:1px;}

.category-testimonial .prev {left:1px;}
.category-testimonial .next {right:1px;}

.s-category-testimonial .prev {left:1px;}
.s-category-testimonial .next {right:1px;}

.s-category-testimonial #main { border-right: 1px solid #ff0000; float:left; width: 544px; margin-left:0; }

/*
#clients-venues {
	background:url(../images/venuelogos.png) no-repeat 0 0;
	width: 556px;
	height:229px;
	margin-left:-10px;
	position:relative;
}
#clients-venues a { display:block; position:absolute; text-indent:-1000em;}
#content #clients-venues {margin:0 0 0 -10px; padding:0; list-style:none;}
#content #clients-venues li {margin:0; padding:0; list-style:none;}
#main > #clients-venues a:hover { background:#000; opacity:0.3;}
#clients-venues-skyclub { width:164px; height:110px; left:6px; top:9px;}
#clients-venues-babble { width:159px; height:74px; left:27px; top:130px;}
#clients-venues-latenightlondon { width:250px; height:41px; left:180px; top:12px;}
#clients-venues-thewarwick { width:138px; height:55px; left:214px; top:74px;}
#clients-venues-thelangley { width:158px; height:75px; left:210px; top:140px;}
#clients-venues-citybars { width:103px; height:58px; left:443px; top:10px;}
#clients-venues-tigertiger { width:145px; height:57px; left:392px; top:85px;}
*/

#content #clients-venues {margin:0 0 0 0px; padding:0; list-style:none;}
#content #clients-venues li {margin:0 0 1px 0; padding:0; list-style:none; }
#clients-venues li {width:170px; height:112px; float:left; }

#clients-venues a {
	display:block;
	float: left;
	background: url(/images/shadowAlpha.png)  no-repeat bottom right;
	margin: 0px 0 0 0px;
/*	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px; */
}
#clients-venues a div {
	background: url(/images/shadow2.png) no-repeat left top !important;
	background: url(/images/shadow2.gif) no-repeat left top;
	padding: 0px 6px 6px 0px;
}
#clients-venues img {
	border: 1px 0 0 1px solid #909090;
}
#clients-venues a:hover img { opacity:0.7; }

#clients-venues-viewport { height:226px; overflow-y:auto; position:relative;margin-right:20px; }
#clients-venues-viewport.nojs { height:226px; overflow-y:auto; }
#clients-venues-viewport.js { height:226px; overflow-y:hidden; position:relative; margin-right:34px;}
#clients-venues-viewport.js #clients-venues { position:absolute; top:0; left:0; width:100%;}

#cv-prev {position:absolute; top:40px; right:10px;}
#cv-next {position:absolute; top:300px; right:10px;}
#cv-prev, #cv-next {display:none;}
#cv-prev.js, #cv-next.js {display:block;}

#cv-next.disable, #cv-prev.disable { color:#aaa; }
#cv-next.disable:hover, #cv-prev.disable:hover { color:#aaa; text-decoration:none; }



/** layout client logos **/
li#client-late-night-london { width:340px; }
li#client-pitcher--piano { width:340px; }
/*
#content #client-hub {clear:left;}
#content #client-luthers {left:0; top:380px; position:absolute;}
#content #client-late-night-london {float:right !important;}
#content #client-pitcher--piano {float:right !important; margin-left:0 !important;}
#content #clients-venues #client-seone { float:right !important;margin-left:200px !important;}

#content #clients-venues #client-soho, #content #clients-venues #client-the-langley { margin-top:100px; }
*/
/** honey trap **/

#honeytrap-callnow { float:right; margin-left:50px;}
#honeytrap #content .text { margin-left:20px; font-size: 108%; line-height:1.3; }


#honeytrap #more-contact {
	position:absolute;
	left:312px; top:378px;
	width:334px; height:66px;
}
#honeytrap #more-contact h2 { font-weight:normal; font-size:167%; margin: 0 0 8px 0; }
#honeytrap #more-contact p { margin:0; font-size:116%; line-height:1.3;}

/** privacy policy **/

#privacy #more-contact {
	position:absolute;
	left:22px; top:30px;
	width:200px; height:108px;	/* original dimensions : 260px x 188px */
	padding-left:30px; padding-top:80px; padding-right: 30px;
	background:url(/images/privacyboard.jpg) no-repeat;
	color:#ffffff;
}
#privacy #more-contact h2 { font-weight:normal; font-size:153.9%; margin: 0 20px 12px 0; text-align:center; }
#privacy #more-contact p { margin:0 0 0.5em; line-height:1.3; }

/** gallery / shop / totties -  gallery layou **/

#content.gallery #main {
	width:286px;
	border-right:0;
	float:left;
	margin-left: 0;
	position:relative;
}

#content.gallery #lists {
	float:left;
	width:330px;
	margin-left:10px;
}
#content.gallery #target {
	width:308px;		/* overall width: 322px */
	margin-left:14px;
}

#content ul.gallery { list-style:none; margin:0; padding:0; overflow:auto; margin-left:-10px; }
#content ul.gallery li { width:50px; height:50px; float:left; margin:0 0 10px 10px; padding:0; list-style:none;}
ul.gallery a { display:block; width:50px; height:50px; background:#000; }

#gallery #main h2 {
	font-size:153.9%;
	margin:20px 0 20px;

	text-align:center;
}

#content.gallery #lists h2 {
	font-size: 153.9%;
	margin: 20px 30px 20px 0;

	text-align:center;
}

#content.gallery #target {
	float:left;  /* optional ? */
	width: 304px;
	margin-left:00px;
}
#content.gallery #target a {
	display:block; height:429px; background: #000;
}

#content.gallery #target img {
	background: #000;
	width:304px; height:429px;
}

#content ul.urls, #content ul.urls li {
	margin:0; padding:0; list-style:none; line-height:1.4;
}

#g-prev, #g-next {
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	top:156px;		/* 190 - 10/2 */
	text-indent:-100em;
	overflow:hidden;
}
#g-prev {
	background: url(/images/t_nav_left.gif) no-repeat;
}
#g-next {
	background: url(/images/t_nav_right.gif) no-repeat;
	right:3px;
}

#g-prev:hover {background: url(/images/t_nav_left_hi.gif) no-repeat;}
#g-next:hover {background: url(/images/t_nav_right_hi.gif) no-repeat;}

#g-prev.inactive {background: url(/images/t_nav_left_inactive.gif) no-repeat;}
#g-next.inactive {background: url(/images/t_nav_right_inactive.gif) no-repeat;}

#g-prev.loading {background: url(/images/t_nav_left_on.gif) no-repeat;}
#g-next.loading {background: url(/images/t_nav_right_on.gif) no-repeat;}

/** gallery page **/

#gallery-archive {
	margin: 0 20px;
	height: 140px;
	overflow: auto;
	text-align:center;
}
#gallery #main .intro {
	margin:1em 20px 20px;
}

#gallery #lists .description {
	margin: 2em 30px 0 1em;
}

/** totties **/
#content.gallery #totty {
	float:left;
	width:614px;
	margin-left:0px;
}
#totty-info {  }
#totty-image { float:left; margin-right:16px; width: 324px; height: 431px; }

#content.totties #main {
	height:260px;
	position:relative;
	width:273px;
	margin-right:10px;
	overflow:hidden;
}
#content.totties .gallery {
	padding-left:10px;	/* 18 - 10 margin from thumbs .. approx plus some tweaking*/
	margin-left:0;
	left:0;
	bottom:4px;
	position:absolute;
	width:251px;
}
#content.totties ul.gallery a {border:1px solid #ccc;}
#content.totties ul.gallery a:hover {border:1px solid #333;}

#totty-info h2 {
	font-size: 293%;
	letter-spacing:-2px;
	font-weight:300;
/*	padding-top:190px; */
	padding-top:72px;
}


#totty-extended-info {
	position:absolute;
	bottom:60px; left:642px;
	width:300px;
}
#totty-extended-info dt { float:left; width:7em; }
#totty-extended-info dd { clear:right; font-weight:bold; }

/* test */
#content.totties #palette {
	bottom:4px;margin-left:10px;position:absolute;height:180px;
}
#content.totties #palette ul.gallery {
	bottom:0; position:absolute;
	padding:0; left:auto; width:258px; height: 180px;
}
#t-loading {
	display:none;
	bottom:54px;margin-left:10px;position:absolute;width:250px;
	text-align:center;
}


/** shop - has an extra wrapping element #body **/

#shop #main.text { padding-right:5px; }
#shop #content .text { padding-top:0; }
#shop li { list-style:none;padding-left:0; margin-bottom:0;}
#shop ul { margin-bottom:0;padding-left:0; list-style:none;}


#shop #body {background:url(/images/main_body_mid_bg.gif) repeat-y; position:relative; padding-bottom:10px; }
#shop #content { background:url(/images/main_body_top_bg_alt.jpg) no-repeat; height:auto; padding-bottom:0; overflow:auto;}
#shop #footer {  background:url(/images/main_body_footer.gif) no-repeat top; padding-top:10px; margin-top:0; }

#shop #main { height:auto; min-height:500px; }
#shop #sub { height:auto; }

#shop .col2-right-layout #main { width:621px; margin-left:0; float:right;  }
#shop .col2-right-layout #sub { float:left; position:relative; left:auto; top:auto; }

#shop #tt-logo { bottom:84px; top:auto; }

/**
 * logo
 **/
#tt-logo {
	position:absolute;
	top:458px;		/* all height 690 - 231  -1px adjustment */
	height:231px;
	left:0;	width:305px;
	background: url(../images/logo_trans.png) no-repeat;
	z-index:10;
}
#tt-link {
	display:block;
	text-indent:-1000em;
	margin:110px 20px 0 20px;
	height:64px;
}

.olderbrowsers #tt-logo {
	background: url(../images/logo_trans.gif) no-repeat;
}


/**
 *	footer stuff
 */
#footer {font-size:93%; padding-top:5px; line-height:1.5; color:#BDBDBD;}	/* 12px */
#footer-basket {}
#copyright { display:inline; }
#copyright, #footer-terms, #footer-privacy { display:inline; padding-left:1em;}
#footer a { color:#FDB5C1 }