/*

Theme Name: 93 Octane
Theme URI: http://blog.93-octane.com
Description: 93 Octane is a full-service direct marketing agency in Richmond, Virginia (VA) with a focus on print design, web design and direct mail
Author: Art Webb
Author URI: http://webbart.me
Version: 1.0

93 Octane Colors

yellow		#ffd427
orange		#ee6427
red			#af282e
green		#5b8e3f
purple		#5e2459

*/


/* 960 */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* text.css */

/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/*TEST*/

body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/*960*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


html{
background: #ffd400;
}

#header{

}

#container{
overflow: hidden;
}

/*HEADER*/

#logo{
position: relative;
width: 140px;
}
h1{
margin-top: 45px;
text-indent: -9999px;
width: 140px;
height: 159px;

}

h1 a {
left: 0;
top:45px;
  display: block;
  width: 145px;
  height: 159px;;
  outline: none;
  position: absolute;
  background: url(img/logo.jpg) no-repeat;
 }
 
 h1 a:hover {
 background-position: -145px 0;
 
 }

#main {
width: 760px;
background: white url(img/main_back_r.jpg) repeat-y scroll 0 0;}

#header{
height: 220px;
}

.top {
background:transparent url(img/main_back_t.jpg) no-repeat scroll 0 0;
height:34px;
margin: 0 0 20px 0;
}

.bottom {
background: transparent url(img/main_back_b.jpg) no-repeat scroll 0 0;
height: 34px;

}


/*NAVIGATION*/


#menu {
width: 116px;
height: 388px;
position: relative;
background: url(img/navigation-new.png);
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li{
margin: 0;
padding: 0;
}

#menu li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
width:116px;
background: url(img/navigation-new.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

li#whatwedo a{
left:0;
top:0;
height: 69px;
background-position: 0 0;
}

li#whatwedo a:hover{
background-position: -116px 0;
}

body#whatwedo_page li#whatwedo a{
left:0;
top:0;
height: 69px;
background-position: -232px 0;
}

li#howwethink a{
left:0;
top:69px;
height: 68px;
background-position: 0 -69px;
}

li#howwethink a:hover{
background-position: -116px -69px;
}

body#howwethink_page li#howwethink a{
left:0;
top:69px;
height: 68px;
background-position: -232px -69px;
}

li#whoweare a{
left:0;
top:137px;
height: 59px;
background-position: 0 -137px;
}

li#whoweare a:hover{
background-position: -116px -137px;
}

body#whoweare_page li#whoweare a{
left:0;
top:137px;
height: 59px;
background-position: -232px -137px;
}

li#blog a{
left:0;
top:198px;
height: 68px;
background-position: 0 -198px;
}

li#blog a:hover{
background-position: -116px -198px;
}

body#news_page li#blog a{
left:0;
top:196px;
height: 67px;
background-position: -232px -197px;
}


li#fastfacts a{
left:0;
top:267px;
height: 57px;
background-position: 0 -267px;
}

li#fastfacts a:hover{
background-position: -116px -267px;
}

li#talktous a{
left:0;
top:321px;
height: 68px;
background-position: 0 -321px;
}

li#talktous a:hover{
background-position: -116px -321px;
}

	
	/*
*/


/*FOOTER*/


#footer p{
font-size: 10px;
margin-top: 15px;
}

#footer a{
color: black;

}

#footer a:hover{
background: #d1af05;
color: white;
}

#foot_right{
text-align: right;
}





	
/* NEWS */

#news_page{
background: #ffd400;

}

.news_head {
text-indent:-9999px;
background: url(img/news_head.png) no-repeat;
height: 70px;
margin-left: 57px;

}

.headline{
margin-left: 57px;
color: black;
font-size: 20px;
}

.headline a{
text-decoration: none;
color: gray;
}
.headline a:visited{
color: black;
}

.headline a:active, .headline a:hover
{
color: gray;
text-decoration: underline;
}

img.floatLeft { 
    float: left; 
    margin-left:57px;
    margin-right: 20px;
    margin-bottom: 20px;
    /* border: solid 1px gray; */
}

img.floatLeft a:hover{
border: black;

}


/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}






/*blog*/

h2{

}

h2 a {
color:#ee6427;
text-decoration:none;
font-size: 18px;
line-height: 1.2em;
}

h2 a:hover{
text-decoration: underline;

}

.meta{
font-size: 10px;
font-style: italic;
color: gray;
margin: 5px 0 5px 0;
}

p {
font-size: 13px;
line-height: 1.5em;


}

.author{
margin: 10px 0 0px 0px;
color:gray;
}

.post-item{
margin: 40px 0 20px 57px;
/* padding-top: 20px; */
width:650px;
clear: both;
border-top: solid 1px gray;
}

.post-item img {
margin: 5px 20px 20px 0;

}

.more-link{
color: gray;
font-style: italic;
text-decoration: none;
}


#primary {
background: url(/img/news_head.png) no-repeat;
/* overflow:auto  added to keep primary div from breaking when inner div is longer than primary height - BUT the stupid scrollbar shows and is horribly ugly */

}

.top{
height:100px;

}
.top img {
margin: 60px 20px 20px 57px;

}


#morePrev {
color: gray;
font-size: 13px;
margin: 20px 50px 30px 57px;
text-align: right;
}

#morePrev a, #morePrev a:hover, #morePrev a:visited {
text-decoration: none;
color: gray;
}

#speedometer {
height: 208px;
width: 780px;
margin-top: 20px;
float: right;
}


.post-item p{
margin: 10px 0;
line-height: 1.5em;
}

blockquote {
font-style: italic;
background: #f1f1f1;
padding: 10px 20px;
margin: 30px;

}

img#wpstats{width:0px;height:0px;overflow:hidden}

.post-tracking {
letter-spacing: -0.2pt;	
}

.increase-tracking {
letter-spacing: 0.8pt;
}