/*
Theme Name: RedTruck Main Website Theme
Theme URI: http://www.redtruck.com/
Description: This is the theme for the MAIN site. The blog runs off a different theme.
Version: 1.0
Author: RedTruckPDX
Author URI: http://www.redtruck.com/

*/



/* Begin Typography & Colors */
body {	font-family: 'Segoe UI', Trebuchet MS, Verdana, Arial, Sans-Serif;   background: #f8f8f8;  	color: #222222; text-align: center;  margin: 0 auto; position: relative; padding: 0;}
a {color: #e1382b;}  
a:visited { color: #555555; }
a:hover {color: #b02b21; }
hr {width: 100%; border:0; border-top: 1px solid #d2d2d2; padding: 0; margin: 15px 0; clear: both; float: none;} 
img, a img  {border: 0;} 

h1, h2, h3 {font-size: 36px; color: #222222; letter-spacing: -1px; line-height: 1.2em; margin: 0; padding: 0 0 10px 0;}
h2  {font-size: 28px; }
h3 {color: #b02b21; font-size: 22px; letter-spacing: 0px;} 
h4 {line-height:1.2em; margin: 0; padding: 0 0 5px 0;} 
p {font-size: 15px; line-height: 1.5em; margin: 0; padding: 10px 0; font-family: 'Calibri', Arial, Helvetica, Sans-serif;} 
ul {font-size: 13px; font-family: 'Calibri', Arial, Helvetica, Sans-serif; line-height: 1.3em; margin: 0 0 0 20px; padding:0; list-style-type: square;} 
li {margin: 5px 0; padding: 0;} 


form {margin: 0; padding: 0; position:relative;}
fieldset {border: 0; margin: 0; padding: 0; position:relative;} 
input {font-family: 'Calibri',Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; margin: 0; padding: 0;} 
input#s {padding: 4px; width: 120px; border: 1px solid #d2d2d2; line-height: 1em; height: 12px; position:absolute; top: 0px; left: 0px;;}  
input#searchsubmit {color: #FFFFFF; font-weight: bold; background: #999999; border: 1px solid #888888; padding: 0; line-height: 1em; position: absolute; top:0px; right: 0px; } 

/* slightly enhanced, universal clearfix hack */
.clearboth:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	width: 100%;	}
.clearboth { display: block; }
/* start commented backslash hack \*/    * html .clearboth { height: 1%; } .clearboth { display: block; }   /* stop commented backslash hack */


#contentwrapper {	text-align: left; width: 1010px; margin: 0 auto; padding: 0px; position: relative;		 }

#superheader {margin: 0px 0 0 0; padding: 0;} 
#superheader:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	width: 100%;	}
#superheader form {float: right; clear: right; height: 25px; width: 164px;} 
#icons {padding: 12px 0 0 5px; margin: 0; position: relative; top: 3px;}
#icons img {float: left; clear: none; margin: 0 5px 0 0; }

#header { width: 960px; padding: 20px 25px 10px 25px; margin: 10px 0 0 0; background: #FFFFFF; border: 1px solid #d2d2d2; position: relative;	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; 	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-bottom: 1px solid #FFFFFF;}
#header img {position: absolute; top: 20px; left: 20px;} 




#nav ul {list-style-type: none; font-size: 16px; font-weight: bold; margin: 0; padding: 9px 10px 15px 320px; float: right; clear: both;} 
#nav li {float: left; clear: none; padding: 0 5px; margin: 0;}
#nav li a {text-decoration: none; display: block; padding: 2px 4px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-color: #e1382b; }  
#nav li.current_page_item a, #nav li.current-cat a {color: #FFFFFF; background: #999999; } 
#nav li a:hover {border-color: #e1382b; background: #e1382b; color: #FFFFFF;}


#nav li ul { /* second-level lists */ z-index: 9999 !important; 	position: absolute; 	padding: 0;	margin: 0; 	margin-top: 0em; 	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav ul li ul li {display: block; float: none; clear: both; text-align: left; font-size: 13px; } 
#nav ul li ul a {margin: 0; border: 0 !important; height: auto !important; line-height: 1.4em; text-align: left; font-weight: normal; text-transform: none; }
#nav li ul li a:hover {background: #e1382b !important; border: 0 !important;}
#nav li ul li ul li a {background: #e1382b !important; }
#nav li ul li ul li a:hover {background: #e1382b !important; border: 0 !important; }

#nav li ul ul { /* third-and-above-level lists */ 	margin: -1.95em 0em 0 15em !important; 	left: -999em; border: 0 !important; }
#nav li:hover ul ul, #nav li.sfhover ul ul { 	left: -999em; 	 } 
#nav li:hover, #nav li.sfhover {position: static;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ 	left: auto;	}


#content {background: #FFFFFF; width: 960px; padding: 0 25px 45px 25px; margin: 0px; border: 1px solid #d2d2d2; border-top: 0px;-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-top: 0px;-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; position: relative;}
#content:after {visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	width: 100%;	 }
#content.home h1 {width: 325px; margin: 0px 0 0 20px; display: inline; padding: 60px 0 0 0px; height: 270px; overflow: visible; float: left; clear: left; } 
img#hero {float: right; clear: right; }  
#homecontent {float: left; clear: left; width: 630px; margin: 0; padding: 8px 0 0 0;} 

.sm p {font-size: 80%;} 

.sidecontent, #sidebar {float: right; clear: right; width: 250px; padding: 15px; margin: 0 0 15px 0;} 
.bkg {border: 1px solid #e1382b; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e1382b; color: #FFFFFF; padding-bottom:5px;  padding: 15px; margin: 0 0 15px 0;} 
.bkg a, .bkg a:visited {color: #FFFFFF} 
.bkg a:hover {color: #D6ABAB;} 
.sidecontent ul {margin: 0; padding: 0; list-style-type: none; text-indent: none;} 
.sidecontent li {margin: 4px 0; padding: 0; } 

#sidebar {float: left; clear: left; width: 170px; padding: 15px 15px 15px 0; display: inline; } 
#maincontent {float: left; clear: right; width: 740px; padding: 8px 0 0 25px ; margin: 0 0 0 0px; border-left: 1px solid #d2d2d2;} 
#sidebar ul {list-style-type: none; margin: 0; padding: 0; text-indent: none;} 
#sidebar li a {padding: 3px; text-decoration: none;} 
#sidebar li a:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-color: #e1382b; background: #e1382b; color: #FFFFFF;} 
#sidebar li.current_page_item a {background: #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-color: #999999; background: #999999; color: #FFFFFF;} 

#sidebar .bkg { padding: 14px 7px 7px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} 
#sidebar .bkg p { font-size: .8em; line-height: 1.2em;} 

.address {font-family: 'Calibri',Verdana, Arial, Helvetica, sans-serif; font-size: 13px;} 

.postmetadata {border-top: 1px solid #d2d2d2;} 
.post {margin-bottom: 45px;} 

#footer {margin: 0 auto; padding: 0 25px; width: 980px;} 
#footer ul {list-style-type: none; margin: 0; padding: 15px 0; font-size: 11px;}  
#footer li {float: left; clear: none; padding: 0 15px 0 0; font-size: 11px !important; margin: 0;} 
#footer li ul {display: none;} 
#footer li.right {float: right; clear: right; padding: 0;} 

h2.main_formhead, #mainlegend {display: none !important;} 
select {clear: both; }
.leftform, .rightform {width: 300px; font-size: 12px;}
.leftform {float: left; clear: left; }
.rightform  {float: left; clear: right; margin-left: 30px;}
.leftform input, .leftform select {width: 225px !important; margin-bottom: 12px; margin-top: 2px;}
.whythis {display: none;}
.rightform textarea {width: 300px !important; height: 150px !important; overflow:auto;margin-bottom: 12px;}
.rightform input {margin-top: 2px;} 
.antispam {width: 245px; float: left; clear: both;} 
form#gb_form .button, #commentform #submit {color: #FFFFFF !important; font-size: 18px; font-weight: bold; background: #e1382b; border: 0px; padding: 4px;} 



.alt {background: #f7f8fb !important; }

#commentform input {padding: 6px; border: 1px solid #dddddd;  }
#commentform textarea {padding: 8px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; font-size: 12px; border: 1px solid #9fa6c5; width: 500px; white-space: normal;}
#comments h3 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: -2px !important; margin-top: 40px; }


.alignleft { float: left; display: inline; }
.alignright { float: right; display: inline;} 

ul.commentlist {list-style-type: none;}
ul.commentlist li {padding: 15px !important;  margin: 0 0 0 35px !important; font-size: 11px; line-height: 1.5em; position: relative; color: #000000; list-style-type: none;}
ul.commentlist li p, ul.commentlist li ul {margin: 8px 32px 0 0 !important; padding: 0; }
li.alt { background: #f5f7fa; }

.commentno {font-size: 35px; font-weight:900; position: absolute; left: -35px; color: #222222;}
.gravatar {position: absolute; top: 15px; right: 15px; }
.commentauthor {padding-top: 10px; font-size: 14px; font-weight: bold; }