/**
 * Theme Name: Steve Jamesson Blog
**/

/* -------- 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}
/* -------- GRID -------- */
.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;visibility: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 -------- */
body {
	font: normal normal normal 62.5% Trebuchet, "Trebuchet MS", sans-serif;
	color: #f1f1f1;
	text-align: center;
}
#page {
	font-size: 1.2em;
	line-height: 1.7;
	text-align: left;
	margin: 0 auto;
	width: 960px;
}
.entry 
{font: normal normal normal 1em/1.5 Verdana, sans-serif;}
a, a:link, a:visited
{color: #8E8C79; text-decoration: none;}
a:hover, a:active, a:focus 
{color: #c3c3c3; color: #1C5DFE; text-decoration: none;}
.post a, .post a:link, .post a:visited 
{color: #d8ba2d;}
.post a:hover, .post a.focus, .post a.active
{text-decoration: underline;}
.more a:link, .more a:visited {color: #1C5DFE; color: #8E8C79;}
.numcomments, .numcomments a, .numcomments a:link, .numcomments a:visited
{color: #8E8C79;}
.numcomments a:hover, .numcomments a:focus, .numcomments a:active,
.more a:hover, .more a:focus, .more a:active
{color: #1C5DFE;}

h2, h3, h4, h5, h6,
p, ul, ol, dl, blockquote
{margin-bottom: 1em;}
blockquote {padding: 1.2em; border: solid 1px #666; background: #111; font-family: Georgia; font-size: 1.2em}
blockquote p {margin-bottom: 0;}
.entry ol {margin-left: 2em; list-style: decimal;}
pre, code {font-family: Monaco, "Courier New", monospace; font-size: 1.1em;}
pre {background: #000; border: solid 1px #f1f1f1; padding: 0.5em 1em; margin: 1em 0;}
h2 {/*color: #d8ba2d;*/ font-size: 1.2em; font-weight: normal; text-transform: uppercase;}
.page-title {
	font-size: 1.4em; 
	text-transform: uppercase;
	font-weight: normal;
	margin: 30px 0; padding: 0;
}
h2.page-title a:link, h2.page-title a:visited {color: #f1f1f1;}
h2.page-title a:hover, h2.page-title a:active, h2.page-title a:focus {text-decoration: underline;}
.title {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2em;
}
.date, .numcomments,
.postmeta h3, #sidebar h3 
{text-transform: uppercase; font-weight: normal;}
.posts h3, .post h3, .single h3 {
	font: normal normal 1.1em Trebuchet, 'Trebuchet MS';
	text-transform: uppercase;
	margin: 2.25em 0 2em 0; padding: 0;
}
.posts ul, .post ul {
	list-style-type: disc;
	padding: 0 0 0 1.25em;
}
.posts .post {
	margin-bottom: 20px;
}

/* -------- GENERAL STYLES -------- */
.hide {text-indent: -9999px; overflow: hidden; font-size: 1%;}

/* -------- BG IMGS -------- */
body {background: #000 url(img/bg.jpg);}
#wrapper {background: url(img/bg_y.jpg) repeat-y center top;}
#page {background: url(img/bg_head.jpg) no-repeat center top;}
#footer {background: #000 url(img/foot_x.gif) repeat-x center top;}
#foot-logo {background: url(img/footer.jpg) no-repeat center top;}
#menu, #menu li a {background: url(img/nav.gif) no-repeat;}
#feed a {background: url(img/rss.gif) no-repeat;}

/* -------- LAYOUT -------- */
#header {height: 50px; position: relative;}
#menu {margin: 0; padding: 0; width: 263px; height: 9px; position: absolute; top: 22px; right: 45px;}
#menu li {float: left; margin: 0; padding: 0; height: 9px;}
#menu li a {position: absolute; top: 0; display: block; height: 90px;}
li#menu_hom a {width: 39px; left:  0px; background-position:   0   0;}
li#menu_con a {width: 66px; left: 39px; background-position: -39px 0;}
li#menu_abo a {width: 53px; left:105px; background-position:-105px 0;}
li#menu_bee a {width: 42px; left:158px; background-position:-158px 0;}
li#menu_bro a {width: 38px; left:200px; background-position:-200px 0;}
/*li#menu_ban a {width: 42px; left:238px; background-position:-238px 0; background: #999;}*/
li#menu_biz a {width: 38px; left:238px; background-position:-238px 0;}
li#menu_hom a:hover, li#menu_hom.cur a {background-position:   0   -9px;}
li#menu_con a:hover, li#menu_con.cur a {background-position: -39px -9px;}
li#menu_abo a:hover, li#menu_abo.cur a {background-position:-105px -9px;}
li#menu_bee a:hover, li#menu_bee.cur a {background-position:-158px -9px;}
li#menu_bro a:hover, li#menu_bro.cur a {background-position:-200px -9px;}
/*li#menu_ban a:hover, li#menu_bro.cur a {background-position:-238px -9px;}*/
li#menu_biz a:hover, li#menu_biz.cur a {background-position:-238px -9px;}
#feed a {height: 30px; width: 30px; position: absolute; top: 10px; right: 0; display:block;}
#sidebar {text-align: right;}

/* -------- MISC -------- */
.aligncenter {text-align: center;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}

/* -------- COMMENTS -------- */
.author-vcard {text-align: center;}
.single-comment {padding-top: 1.5em; padding-bottom: 1.5em; border-top: solid 1px #333;}
.commentlist {border-bottom: solid 1px #333;}
#comments {margin: 2em 0;}

/* -------- MAIN BLOG PAGE -------- */
.navigation {
	margin: 1.5em 0;
	color: #8e8c79;
}

/* -------- FORMS -------- */
form .text, form .button, .wpcf7 form .text, .wpcf7 form .button {
	background: #333;
	border: none 0;
	color: #f1f1f1;
	padding: 0.25em;
	font-family: Monaco, 'Courier New', monospace;
	font-size: 12px;
}
form .button, .wpcf7 form .button {
	padding: 0.5em;
	cursor: pointer;
	border: solid 2px #333;
}
form .text, .wpcf7 form .text {border: solid 2px #333;}
form .text:focus, form .button:focus,
form .button:hover,
.wpcf7 .text:focus, .wpcf7 form .button:focus
{border-color: #f1f1f1;}

span.req {color: #B0352D; font-size: 1.1em;}

/* -------- FOOTER -------- */
.footer {text-align: center; font-size: 1.1em; padding-bottom: 50px;}
#foot-logo {padding: 30px 0 50px 0;}
.footer ul li {display: inline; margin: 0 0.25em;}

/* -------- MISC -------- */
.ads {margin: 1.5em 0 1em 0;}


/* data table */
.datatable {
  border: solid 1px #555;
  background: #222;
  color: #fff;
}
.datatable th {
  font-weight: bold;
  font-size: 1.2em;
}
.datatable td, .datatable th {
  padding: 6px;
}