/*
Theme Name: Haynes Electric
Theme URI: http://toddlambert.com
Description: The NEW Haynes site template.
Version: 1.0
Author: Todd Lambert
*/

/* reset stuff */
	* {margin:0; padding:0;}
	:focus {outline: 0;}
/* reset */



/* body */

	html{
	background: #363b3f url("graphics/htmlbg.jpg") repeat-x top left;
	}


	body{
	font-family: tahoma, helvetica, verdana, arial, sans-serif;
	color:#333;
	padding:6px 0 0 0:
	background:transparent url("graphics/bodybg.jpg")no-repeat top center;
	}
	
	body.front{color:#fff;}
/* body */

/* layout */	
	
	#header {
	background: transparent url("graphics/headerbg.png") no-repeat top left;
	margin: 0 0 0 0;
	padding: 0;
	height:260px;
	position:relative;
	}
	
	body.front #header {background: #006993 url("graphics/headerbg-front.png") no-repeat top left;}

	#header h1{
	text-indent:-9999px;
	font-size:.1em;
	margin:0;
	padding:0;
	position:absolute;
	}

	#header h1 a{
	display:block;
	width:300px;
	height:100px;
	border:0px solid red;
	position:absolute;
	top:65px;
	left:650px;
	}
	
	body.front #header h1 a{
	top:120px;
	left:0;
	}
	
	#searchform{text-align: center; margin:25px 0 0 0;}

	body #main #threecol{padding:0 0 30px 20px; margin:10px 0 0 0; position:relative; overflow:auto; background: transparent url("graphics/frontrowbg.png") top left; display:block; height:100%;}

	.breadcrumb{clear:both;}
	
	.cgj_next{ width:20px; background: transparent url("graphics/arrow-right.gif") top right no-repeat; padding:0 15px 0 0; position:absolute; margin:0 0 0 20px;}
	
	.cgj_prev{ width:20px; background: transparent url("graphics/arrow-left.gif") top left no-repeat; padding:0 0 0 15px; text-indent:-999px; position:absolute;}
	
	.jcarousel-scroll a{text-indent:-999px;}

	#footer {
	clear: both;
	background: #006993 url("graphics/footerbg.png") no-repeat top left;
	height:30px;
	color:#fff;
	padding:0 20px;
	border:0px solid orange;
	}
	
	#footer img{margin:20px 0 0 0;}
	
	#copyright{
	float: left;
	text-align: left;
	padding: 10px 0 0 0;
	}
	
	.details{
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
	}

	#sidebar {
	float:right;
	width:244px;
	border:0px solid red;
	padding:10px 0 0 0;
	margin:0 0 0 0;
	background: transparent url("graphics/bartop.png") repeat-x top left;
	text-align:center;
	}
	
	div>#sidebar {width:244px; padding-bottom: 22px;}
	
	#main{
	margin:0 0 0 0;
	padding:0 0 10px 0;
	border:0px solid #2B3DD4;
	position:relative;
	min-height:340px;
	height:100%;
	overflow:auto;
	}

	#content{
	position:relative;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:0px solid yellow;
	height:100%;
	overflow:auto;
	}
	
	#container{
	background: #006993 url("graphics/contentbg.png") repeat-y top left;
	margin:0 auto 10px auto;
	width:960px;
	padding: 0 0 0 0; 
	position:relative;
	border-left:3px solid #333;
	border-right:3px solid #333;
	border-bottom:3px solid #333;
	}
	
	body.front #container {background-image:none; background-color:#006993;}
	
	#contentinside {
	float:left;
	width:630px;
	margin:0 0 0 0;
	padding:0 30px 20px 40px;
	position:relative;
	border:0px solid #CECECE;
	z-index:9999;
	}
	
	body.front #contentinside {padding:20px 30px; width:895px;}
	
	.bottombar {
	background: transparent url("graphics/bottombar.png") no-repeat top left;
	margin: 15px auto;
	padding: 0;
	height:47px;
	width:552px;
	position:relative;
	clear:both;
	text-align:center;
	}
	
	#forecast { 
background: #FFF url("http://www.weatherforyou.net/fcgi-bin/hw3/hw3.cgi?config=png&forecast=zone&alt=hwizone7day5&place=biloxi&state=ms&country=us&hwvbg=&hwvtc=&hwvdisplay=&daysonly=2&maxdays=7") no-repeat bottom left;
width:500px;
height:165px;
border:0px solid #333;

}

	#threecol h4{
	background: transparent url("graphics/default-menubg.png") no-repeat top left;
	padding:4px;
	color:#fff;
	text-align:left;
	padding:5px 10px;
	}

	#photobar{
	float:right;
	margin: 0 0 30px 0;
	width:960px;
	height:233px;
	overflow: hidden;
	border:0px solid #fff; position:relative; clear:right;
	}


	/* default template */
	
	
	.frontrow {
	float:left;
	width:290px;
	margin: 0 0 0 0;
	padding:0 6px;
	z-index:500;
	position:relative;
	height:auto;
	border:0px solid red;
	}

	.frontrow img{
	margin: 0 10px 2px 0;
	padding:0;
	border:0;
	border:2px solid #fff;
	}
	
	.frontrow h2{text-align:left;}
	
	/* tri template */
	
	
	/* full page template */
	body.full #main{padding:10px 15px 15px 20px; position:relative;}
	/* full page template */

	
/* layout */


/* formatting */

	body {font-size:62.5%;}
	h1 {font-size: 2.4em; margin: 0; padding: 0; font-weight:normal;} 
	h2 {font-size: 1.4em; margin: 0 0 .8em 0; padding: 0; font-weight:bold;} 
	h3{font-size: 1.3em; margin: .8em 0; padding: 0; font-weight:bold;}
	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 25px; border:1px solid #999; padding:3px; background-color:#fff; position:relative; clear:right;}
	.alignleft {float:left; margin:0 20px 10px 15px;}
	
	/* .wp-caption {font-size: .8em;} */
	.size-medium, .size-full, .spotlight img {border:1px solid #999; padding:3px; background-color:#fff; position:relative; clear:right;}
	
	em{font-style:italic;}
	strong{font-weight:bold;}
	
	#footer a, #mininav a{color: #fff; text-decoration: none;}
	#footer a img{margin-right:20px; vertical-align: middle;}
	#main a {color: #006993; text-decoration:underline;}
	#main a:hover {color: #EB2C22; text-decoration:underline;}
	
	body.front #main a{color:#fff;}
	
	
	#main h2 a, #sidebar h3 a, h4 a{text-decoration: none; font-weight:bold; text-align:left;}
	#main h2 a:hover, #sidebar h3 a:hover, h4 a{text-decoration: none; font-weight:bold;}
	
	h3{
	color: #006993;
	font-weight:bold;
	text-decoration:none;
	/* text-shadow: 0.08em 0.08em #777; */
	}
	
	
	h2{
	color: #006993;
	line-height:1.4em;
	padding:0 0 0 0;
	}
	
	body.front h2{color:#fff;}
	

	#main p{
	margin:0 0 1.5em 0;
	}
	
	#main {
	font-size: 1.2em;
	line-height: 1.5em;
	}
	
	p.highlight{color:#3660A5; font-weight:bold;}
	
	.newsbox{text-align:left; margin:0 0 0 0;}

	.results{
	border:1px solid #CCC;
	padding:4px;
	margin:0 0 2px 0;
	clear:right;
	display:block;
	min-height:150px;
	}
	
	.results:hover{background-color:#DCE2CB;}
	.results img{float:right; margin:0 0 10px 10px; width:150px; padding:2px; border:1px solid #CCC; background-color:#FFF; clear:right;}
	
	.odd{
	background-color:#E3E3E3;
	}
	
	.even{
	background-color:#F3F4F3;
	}

	
	#tobmaps{position: relative; top:0; left: -9999px;}
	
	/* Link Lists */
	ul.linklist{
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	list-style: none;
	border:0px solid #FF0000;
	}
	ul.linklist li{
	list-style: none;
  	float: left;
	margin:0 0 8px 0;
	padding:0 0 0 4px;
	}
	ul.linklist li a, ul.scrobbles li a{
	margin:0;
	padding:0;
	border-bottom:0px dotted #EEE;
	}
	

	
	#contentinside ul.linklist a{font-size:.8em;}
	#contentinside ul.linklist{padding-bottom:2em;}
	
	
	
	ul.spotlight{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style: none;
	border:0px solid yellow;
	width:640px;
	}
	ul.spotlight li{
	list-style: none;
  	float: left;
  	display:inline;
	width:300px;
	display:block;
	margin:0;
	padding:0;
	}

	.inset {
	float: left;
	padding: .5em;
	margin: .5em;
	font-size: .8em;
	}
	
	.attachment {border: 1px solid #cfcfcf; padding:3px;}
	
	img{
	border: none;
	text-decoration: none;
	}

	.tobmaps {position: absolute; top:0; left: -9999px;}

	dl, dd{padding: 0; margin: 0; font-size: 1em;}
	
	#contentinside ul{margin:0 0 10px 20px; padding:0 0 10px 20px;}
	
	#sidebar h3 {
	background: url(graphics/sidebar-top.png) no-repeat bottom left;
	color:#006993;
	padding:0 0 10px 15px;
	margin:20px 0 0 0;
	text-align:left;
	font-weight:bold;
	}
	
	.spotlight h3{
	background:none;
	padding:10px 0 5px 0;
	color:#FFF;
	background: transparent url("graphics/horzrule.png") repeat-x bottom left;
	}
	
	
	
	#sidebar p{
	font-size:1em;
	line-height:1.2em;
	text-align:left;	
	}
	
	#sidebar ul{
	margin:0;
	padding:0 0 18px 0;
	list-style:none;
	}
	
	#sidebar ul ul{margin:0 0 0 0; padding:0 0 0 0; display:block;}
	
 	#sidebar li, .newsbox li{
 	margin:0 0 0 0;
	padding:0;
	color:#006993;
	display:block;
	}
	
	#sidebar li a:hover, newsbox li a:hover{
	color:#EB2C22;
	text-decoration:none;
	}
	
 	#sidebar li a, .newsbox li a{
	text-decoration:none;
	padding:5px 0 5px 14px;
	display:block;
	text-align:left;
	font-weight:bold;
	}
	
	#sidebar li.current_page_item a {color:#EB2C22; background-color:#B9D5E6;}
	#sidebar li.current_page_item a:hover, #sidebar li.current_page_ancestor a:hover{color:#EB2C22;}
	#sidebar li.current_page_item li a {color:#006993; background-color:#B9D5E6; font-weight:normal; padding:2px 0 2px 25px; border-top:1px solid #C5DDEC;}
	
	#sidebar li.current_page_ancestor ul a{color:#006993; background-color:#B9D5E6; font-weight:normal; padding:2px 0 2px 25px; border-top:1px solid #C5DDEC;}

	#sidebar li.current_page_ancestor current_page_item ul a{color:#006993; background-color:#B9D5E6; font-weight:normal; padding:2px 0 2px 25px; border-top:1px solid #C5DDEC;}
	
	#sidebar li.current_page_parent ul li.current_page_item a{color:#EB2C22; background-color:#B9D5E6;}





	.carousel-controls-inner{display:none;}







	

	
	.newsbox h3{color:#fff;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	#contentinside .newsbox ul{margin:0; padding:0;}
	
	
	#sidebar img {margin:0 0 0 0;}
	
	
	input, select, textarea{background-color:#F5F6F7; color:#8D8D80; font-weight:bold; border:1px solid #D1D6E2;}
	
	input{height:20px; margin:0 2px 2px 0;}
	
	.border {
	margin: .3em;
	padding: .3em;
	border: 1px solid #999;
	}
	
	.line{border-top:1px solid #CCC; clear:both; margin:10px 0 5px 0;}


	.clear {clear:both; padding:0 0 0 0;}
	
/* formatting */

/* navigation */


	
	#nav {
	position:absolute;
	top:15px;
	left:10px;
	width:620px;
	height:39px;
	background: transparent url("graphics/default-menubg.png") no-repeat top left;
	margin:0 0 0 8px;
	padding:0 0 0 0;
	border:0px solid red;
	z-index:9999;
	}
	
	#nav li {
	padding:0;
	margin:0 18px;
	display:inline;
	height:39px;
	border:0px solid #FF0000;
	color:#006993;
	overflow:hidden;
	}
	
	#nav li a {
	height:39px;
	line-height:36px;
	text-decoration:none;
	margin:0;
	padding:4px;
	color:#006993;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	body.front #nav li, body.front #nav li a{color:#fff;}
	#nav li a:hover, body.front #nav li a:hover{padding:8px 4px; color:#EB2C22;}

	#nav li.current_page_ancestor a{color:#EB2C22;}
	#nav li.current_page_item a{color:#EB2C22;}

	fieldset{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	text-align:left;
	position:relative;
	border:none;
	}
	
	fieldset fieldset{float:left; width:99%; margin: 0 0 0 0; padding-top:0;}

fieldset fieldset input{display: block; width: 60%;}

	input.picbutton {
	background-color: transparent;
	border: none;
	}

fieldset.radio input{float:left; margin:2px 5px 0 0; width:16px; height:16px; clear:left;}

/* fieldset label{clear:left;} */

fieldset fieldset.radio label{display:inline;font-weight: normal;}

#tobmaps{position: relative; top:0; left: -9999px;}

label{
	/* float:left; */
	margin: 0 0 0 0;
	padding:0 0 0 10px;
	font-weight: bold;
}

select{
	display: block;
	padding: 0 2px;
	margin:0;
}

textarea{width:80%; height:100px;}

	

/* navigation */