/*
Theme Name: Version 8
Theme URI: http://toddlambert.com
Description: The new TLE template
Version: 8.0
Author: Todd Lambert
*/

body{ 
	padding: 0;
	margin:0;
	font-family: Verdana, sans-serif;
	background-attachment: fixed;
	}
	
	body.gallery {overflow:hidden;}
	
	*{margin:0; padding:0;}

	html{
	padding:0; margin:0;
	background: #fff url("graphics/bodybg.jpg") top left repeat-x;
	background-attachment: fixed;
	}
	
	
	/* formatting */

	body {font-size:62.5%;}
	h1 {font-size: 2.4em; margin: 0; padding: 0; font-weight:normal;} 
	h2 {font-size: 1.6em; margin: 0 0 .8em 0; padding: 0; font-weight:bold;} 
	h3{font-size: 1.4em; margin: .8em 0; padding: 0; font-weight:normal;}
	h4{font-size: 1.1em; margin: .8em 0; padding: 0; font-weight:normal;}
	
	.large {font-size: 205%;} 
	.larger {font-size: 250%;} 
	.largest {font-size: 300%;} 
	
	.small {font-size: 61%;} 
	.smaller {font-size: 58%;} 
	.smallest {font-size: 54%;} 
	
	.aligncenter {text-align:center; margin:0 auto;}
	.alignright {float:right; margin:0 0 10px 10px;}
	.alignleft {float:left; margin:0 20px 10px 0;}
	
	.wp-caption-text {font-size: .8em; color:#031664; font-style:italic;}
	
	
	.size-medium, .size-full, .spotlight img {border:1px solid #333; padding:3px; background-color:#333; position:relative;}
	
	em{font-style:italic;}
	strong{font-weight:bold;}
	
	#copyright a, .details a, #copright a:visited, .details a:visited, ul#mininav a{color: #0A1F92; text-decoration: none;}
	#footer a img{margin-right:20px; vertical-align: middle;}
	#main a {color: #2E2E0F; text-decoration:underline;}
	#main a:hover {color: #666; text-decoration:underline;}
	
	#main h2 a, h3 a, h4 a{text-decoration: none; font-weight:bold; margin:0 10px 0 0;}
	
	em{font-style:italic;}
	strong{font-weight:bold;}
	
	.horzrule{clear:both; height:25px; margin:20px 0; background: transparent url("graphics/horzrule.png") top left no-repeat;}
	
	#sidebar h3, #noned-sidebar h3{
	font-size:1.4em;
	font-weight:bold;
	font-family: helvetica, tahoma, verdana, sans-serif;
	}

	#main ul li h3, #main ul li p {
	margin: 0;
	padding: 0;
	border:0px solid #FF0000;
	line-height:1.5em;
	}
	
	#main h2{color:#fff; font-size:2em;}
	
	#main p{
	margin:0 0 1em 0;
	}
	
	#content {
	font-size: 1.3em;
	line-height: 1.6em;
	}
	
	img{
	border: none;
	text-decoration: none;
	}
	
	/* end of formatting */

	#navigation, #content, .section{
	padding:0;
	margin:0;
	list-style:none;
	}

 	body.gallery #content{
	overflow:hidden;
	width:100%;
	position:relative;
	height:900px;
	margin:0;
	padding:0;
	background:transparent;
	border:none;
	color:#333;
	opacity:1;filter:alpha(opacity=100);
	}
	
	body.front{
	position:relative;
	padding:0;
	margin:0;
	min-height:900px;
	background: transparent url("graphics/frontdoor.jpg") top center no-repeat;
	background-attachment: fixed;
	}
	
	#content h1 a{
	text-indent:-9999px;
	font-size:.1em;
	display:block;
	width:60px;
	height:42px;
	border:1px solid red;
	display:block;
	position:absolute;
	top:0;
	left:930px;
	border:0px solid red;
	z-index:9999;
	outline: none;
	}
	
	#content #contentinside {
	margin: 30px 0 0 40px;
	padding:20px;
	min-height:580px;
	border:0px solid blue;
	width:615px;
	}
	
	#sidebar{float:right; width:200px; margin:40px 40px 0 0; border:0px solid red; opacity:1;filter:alpha(opacity=100);}
	

	#main{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	position:relative;
	}
	
	#content{
	margin:290px 0 0 0;
	padding:0 0 10px 0;
	height:100%;
	background-color:#000;
	/* opacity:0.4;filter:alpha(opacity=80); */
	background: transparent url("graphics/filmstrip.png") top center repeat-y;
	border:3px solid #000;
	color:#fff;
	}
	

	#container{
	margin:0 auto 0 auto;
	width:960px;
	padding: 0 0 0 0; 
	position:relative;
	border:0px solid #C2BDBD;
	}
	
	#directory ul li a {display:block; font-weight:bold; font-size:1.6em; color:#fff;}
	#directory ul{list-style:none;}
	#directory ul li{display:inline; float:left; margin:0 0 0 20px; padding:45px; background: transparent url("graphics/thumbframe.jpg") top left no-repeat; width;228px; height:220px; position:relative; text-align:center;}
	#directory ul li img{border:0px solid #333; margin:-11px 0 0 -6px;}
	#directory h3{font-size:2em; color:#fff; position:absolute; top:215px; }
	
/* navigation */

	#menu {margin:0 45px 0 55px; text-align:center;}
	ul#nav {
	height:45px;
	margin:0 auto;
	text-align:center;
	}
	ul#nav li {
	padding:0;
	margin:0 10px;
	display:block;
	float:left;	
	}
	ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(./graphics/aperturebuttons.png) no-repeat;
	height:45px;
	padding:0 0 0 55px;
	font-size:1.8em;
	font-weight:bold;
	line-height:45px;
	}
		

	ul#nav li a:link, ul#nav li a:visited {background-position:0 0;}
	ul#nav li a:hover, ul#nav li a:focus {background-position:0 -45px; text-decoration:none; color:#999;}
	


	
	
/* navigation */
	
	
	
	
	body.gallery #content h2{
	color:#fefefe;
	margin:0 0;
	position:absolute;
	top:575px;
	left:140px;
	text-align:center;
	width:730px;
	border:0px solid red;
	font-size:14px;
	font-weight:normal;
	overflow:hidden;
	}
	
	body.vert #content h2 {position:absolute; top:380px; left:762px; width:238px; height:45px; line-height:38px; overflow:hidden;border:0px solid red;}
	
	#main a{
	color:#fff;
	text-decoration:none;
	}

	.section{
	width:49000px;
	position:relative;
	margin:0 0 0 0;
	}

	.section{
	position:relative;
	padding:0;
	margin:0 990px 0 0;
	width:1024px;
	height:900px;
	background: transparent url("graphics/gallery1.jpg") top center no-repeat;
	}
	
	.section img{position:absolute; top:80px; left:209px; border:1px solid #333;}
	
	body.vert .section img{position:absolute; top:38px; left:321px; border:1px solid #333;}
	
	
	body.bench .section{
	background: transparent url("graphics/gallery-bench.jpg") top center no-repeat;
	}
	
	body.bench h2{display:none;}
	
	body.vert .section{
	background: transparent url("graphics/vert-wood1.jpg") top center no-repeat;
	}
	
	.socket-l{position:absolute; top:630px; left:80px; width:20px; height:32px; display:block;	background: transparent url("graphics/socket.png") top left no-repeat; z-index:100;}
	
	.socket-r{position:absolute; top:630px; left:950px; width:20px; height:32px; display:block;	background: transparent url("graphics/socket.png") top left no-repeat; z-index:100;}
	
	
	span.prev a{
	background: transparent url("graphics/prev.png") top left no-repeat;
	width:102px;
	height:38px;
	position:absolute;
	top:195px;
	left:40px;
	text-indent:-9999px;
	display:block;
	outline: none;
	}
	
	span.next a{
	background: transparent url("graphics/next.png") top left no-repeat;
	width:102px;
	height:38px;
	position:absolute;
	top:195px;
	right:32px;
	text-indent:-9999px;
	display:block;
	outline: none;
	}
	
	body.bench span.next a{background: transparent url("graphics/next-off.png") top left no-repeat;}
	body.bench span.prev a{background: transparent url("graphics/prev-off.png") top left no-repeat;}
	
	span.guide a{
	width:105px;
	height:140px;
	position:absolute;
	top:435px;
	left:30px;
	text-indent:-9999px;
	display:block;
	outline: none;
	border:0px solid red;
	}
	
	
	
	.section .sub p{
	width:990px;
	margin:0 0;
	}
	
	.section img{position:absolute; top:80px; left:209px; border:1px solid #666;}
	
	img.size-medium{text-decoration:none;}
	
	.carousel-controls-inner{position:absolute; top;200px; left:100px;}
	
	.attachment-100x100{display:none;}

.hidden{display:none;}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{background:#000; margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        
        #cboxLoadedContent #picnav{background:#fff; padding:5px; position:relative; overflow:auto; height:95%;}
        
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        
        
        	
	#brochure-nav {
	float:left;
	width:200px;
	border:0px solid blue;
	padding:10px 0 0 10px;
	}
	
	#brochure-nav ul{margin:0 0 0 20px; padding:0; list-style-type:square;}
	#brochure-nav li a{ font-size:1.4em;}
	
	#picarea {
	float:right;
	width:500px;
	border:0px solid blue;
	padding:20px 0 0 0;
	}
	
	#picarea img{border:2px solid #333;}