/*  
Theme Name: Grid Focus Public
Theme URI: http://5thirtyone.com/
Description: Grid aligned left
Version: 1.0
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.
*/

*{margin:0;padding:0;}
html,body{color:#333;text-align:center;} 
body{font:12px "Lucida Sans Unicode", Arial, sans-serif;background:url(images/bg_tile.gif) repeat-x top left;}
h1{font: 28px "Trebuchet MS";}
h2{font: bold 22px "Trebuchet MS";}
h3{font: bold 12px "Trebuchet MS";background:url(images/h3.gif) no-repeat left top;padding:4px 0px 0px 0px;}
h4{font: bold 12px "Trebuchet MS";}
img{border:none;}
a{color:#276bcf;text-decoration:none;}
a:hover{color:#c78000;}
#page{width:100%;}
#wrapper{margin:0px auto;text-align:left;width:965px;background: url(images/bg_body.gif) repeat-y top left;} 
#container{margin:0px auto;text-align:left;width:963px;border-right: solid 1px #e6e6e6;border-left: solid 1px #e6e6e6;}

/* masthead / footer - navigation and categories */
#masthead{background:white url(images/masthead.jpg) no-repeat top left;height:200px;padding:0;}
#masthead h1{visibility:hidden;}
#authorBlurb img{float:right;width:42px;height:42px;border:3px solid #EEE;}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;}
ul.nav{list-style:none;}
.nav li{float:right;display:block;padding:16px 10px 5px 5px;}
.nav li a{font-size:11px;color:#333;text-decoration:none;}
.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}
.nav li a:hover{color:#fff!important;border-bottom:solid 3px #fff;}
* html .nav li a:hover{}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block;width:100px;}
.nav li.skip a{width:100px;}
li.top{border-left:1px solid #DDD;float:right;display:block;width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}
#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}
.navigation {display:block;text-align:center;margin:5px 0px 50px 0px;}
.alignright {width:160px;float:right;text-align:left;padding:0px 0px 0px 4px;border-left:solid 1px #e6e6e6}
.aligncenter {width:100px;float:left;text-align:center;}
.alignleft {width:160px;float:left;text-align:right;padding:0px 4px 0px 0px;border-right:solid 1px #e6e6e6}

/* main - middle content and columns */
#mid{}
#mainCol{float:left;margin:0;width:420px;padding:0px 0px 0px 14px;}
#mainCol {clear:right;}

/* style individual sidebars */
#midCol a{font-weight:normal;}
/*#midCol .feedburner a{display:block;padding:0px 0px 5px 0px;}*/
#first {float:left;margin:0 0 0 16px;padding:10px 0 11px 17px;width:495px;background: url(images/first-bg.jpg) no-repeat bottom right;line-height:1.5em;}
#first .col1{float:left;width:165px;margin:0;}
#first .col1 ul{list-style:none;}
#first .col2{float:left;width:165px;margin:0;}
#first .col2 ul{list-style:none;}
#first .col3{float:left;width:165px;margin:0;}
#first .col3 ul{list-style:none;}
#first .graphs{float:right;font-size:10px;}
#first .percent{float:left;margin:0 0 0 33px;text-align:center;}
#midCol{color:#444;float:left;margin:10px 0 0 33px;width:250px;line-height:1.5em;}
#midCol p{color:#777;}
span.lawhead{font: bold 11px "Trebuchet MS";padding: 2px 0;color:#333;}
span.lawbody{display:block;color:#333;padding:2px 30px 5px 30px;line-height:1.5em;}
#searchWrap, .middle_links, .sidebar_widget {margin-bottom:20px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:180px;}
.middle_links h3, .sidebar_widget h3{margin-bottom:7px;}
#midCol ul{list-style:none;margin:8px 0 4px;}
/*#midCol ul li.cat-item{background:url(images/category.gif) no-repeat 0 0;color:#7F7F7F;line-height:1.2em;border-top:1px solid #e6e6e6;padding:4px 0 4px 22px;}*/
.middle_links ul li, .sidebar_widget ul li{/*background:url(images/li.gif) no-repeat 0 3px;*/color:#7F7F7F;line-height:1.2em;border-top:1px dotted #444;padding:4px 0 4px 0;}
.middle_links ul li.feed, .sidebar_widget ul li.feed{background:url(images/lifeed.gif) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-top: 1px dotted #444;padding:4px 0 4px 18px;}
a.feedburner {display:block;padding:0px 0px 0px 0px;}
#tertCol{float:left;width:202px;margin:10px 0 0 33px;padding: 0px 10px 0px 0px;}
#tertCol p{color:#777;}
#tertCol .sidebar_widget {margin:0 0 20px 0;clear:both;}
#tertCol .sidebar_widget h3{margin-bottom:7px;}
#tertCol .sidebar_widget select{width:214px;}
#tertCol .sidebar_widget .amzshcs {padding: 0 0 20px 0;}
#tertCol .sidebar_widget .amzshcs-item img {float:left;margin:0px 10px 10px 0px;width:55px;height:75px;border: solid 1px #333;}
#tertCol ul{list-style:none;margin:8px 0 4px;}
#tertCol .sidebar_widget ul li{background:url(images/blogroll.gif) no-repeat 0 0;color:#7F7F7F;line-height:1.2em;border-top:1px dotted #444;padding:4px 0 4px 18px;}
#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}
ul#imgLinks{list-style:none;margin:7px 0;}
#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}
#imgLinks li a img{border:3px solid #EEE;width:208px;height:69px;color:#333;font-weight:bold;}
#imgLinks li a:hover img{border-color:#DDD;}
input.sendbutton	{ 
	width:100px;  
	padding:2px; 
	margin: 5px 0 0 0;
	font-size:0.8em;
	background:url(images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/* wordpress entries styling - main content column */
.postMeta{font-size:11px;text-align:right;margin:5px 0px 10px 0px;}
.postMeta span.date{display:block;width:240px;float:right;margin:1px 0px 10px 0px;background:#FFF;color:#7F7F7F;padding:2px 0px 4px 8px;border-bottom: solid 1px #b8b8b8;border-left: solid 1px #b8b8b8;}
.postMeta span.comments{width:160px;background:#FFF url(images/chat_red.gif) no-repeat left center;padding:4px;border-left: solid 1px #b8b8b8;border-bottom: solid 1px #b8b8b8;}
.post{margin:10px 0px 40px 0px;}
.post .entry{line-height:1.4em;}
.post h2{line-height:1.2em;margin:0px 0px 7px 55px;}
.post h2 a{display:block;outline:none;}
.post-date {width: 45px;height: 49px;float:left;background: url(images/date-bg.gif) no-repeat;}
.post-month {font-size: 10px;font-weight: bold;text-transform: uppercase;color: #444;text-align: center;display:block;line-height: 11px;padding-top: 1px;margin-left: -3px;}
.post-day {font-size: 18px;font-weight: bold;text-transform: uppercase;color: #c78000;text-align: center;display:block;line-height: 18px;padding-top: 7px;margin-left: -3px;}
.entry h3{margin:1em 0;}
.archive_post_meta .post-cat,
.post .entry .post-cat {background:url(images/category.gif) no-repeat 0 0;padding:4px 0 4px 22px;}
.post .entry .post-content {clear: both;padding-top: 10px;}
.post .entry p{margin:1em 0;}
.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;}
.entry blockquote{background:url(images/blockquote.jpg) repeat-y top left;padding:5px 20px;}
.entry ul{margin:0 1.3em 0;list-style:none;}
.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.entry ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry img,.entry a img{border:3px solid #EEE;}
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }
.tags {display:block;background:url(images/tag.gif) 0 2px no-repeat;padding-left:20px;font-size:10px;}
.delicious {background:url(images/delicious.png) 0 0 no-repeat;padding-left:20px;}
.home_recent_post {border-top:1px dotted #444;padding:4px 0 4px 0;}

/* new category styling */
#side_categories { margin: 0 0 1em 0; }
#first ul.cat li { padding: 0 0 0 0; margin: 0; font-weight: normal; }
#first .col1 ul.cat li a { display: block; font: bold 12px "Trebuchet MS"; color:#444; border-bottom: 1px dotted #444; padding: 2px 12px 0 0; margin: 0; height: 18px; }
#first .col2 ul.cat li a { display: block; font: bold 12px "Trebuchet MS"; color:#444; border-bottom: 1px dotted #444; padding: 2px 12px 0 0; margin: 0; height: 18px; }
#first .col3 ul.cat li a { display: block; font: bold 12px "Trebuchet MS"; color:#444; border-bottom: 1px dotted #444; padding: 2px 12px 0 0; margin: 0; height: 18px; }
#first ul.cat li a:hover { color: #444; }
#first ul.cat li ul.children { color:#fff; list-style: none; list-style-image: url(foo.gif); margin: 0; font-weight: normal; }
#first ul.cat li ul.children li { padding: 0; margin: 0; font-weight: normal; }
#first ul.cat li ul.children li a { color:#fff; border: none; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 1em; font-weight: normal; background: url(images/sub.png) no-repeat; }
#first ul.cat li ul.children li a:hover { color:#276bcf; }


/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
.post-comments {display:block;background: url(images/mini-comments.gif) no-repeat left center;border-top: 1px dotted #444;font-size: 95%;text-align:center;}

/* New comments styling */
#comments {margin:30px 0 0 0;border-bottom: 1px dotted #CCCCCC;padding-bottom: 5px;}
#respond {margin:10px 0 0 0;border-bottom: 1px dotted #CCCCCC;padding-bottom: 5px;}
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: #f1f1f1;}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;color: #C78000;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #787878;font-size: 87%;}
#commentform input{width: 200px;border: 1px solid #bdd77f;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 400px;height: 115px;border: 1px solid #bdd77f;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
/*#commentform #submit{background: url(images/btn-bg.gif) no-repeat;font: bold 12px Arial, Helvetica, sans-serif;color: #FFFFFF;border: none;float:right;width: 144px;height: 28px;cursor: pointer;}*/
#commentform #submit{width:100px;padding:2px;margin: 5px 0 0 0;	font-size:0.8em;background:url(images/button-bg.gif) repeat-x;border:1px solid #adadad!important;border-left-color:#ececec!important;border-top-color:#ececec!important;}

/* footer - text string and links */
#footer {width:100%;background:url(images/foot-bg.gif) repeat top left;border-top:solid 5px #e5e5e5;}
#footer p {padding-top: 7px; }
#footer p a{color:#276bcf;text-decoration:none;}
#footer p a:hover{color:#c78000;text-decoration:none;}
#footer .footer_out{margin:0px auto;text-align:left;width:965px;}
#footer .foot_left{margin:0;float:left;text-align:left;width:300px;padding:15px 20px 25px 0px;}
#footer .foot_middle{margin:0;float:left;text-align:left;width:300px;padding:15px 10px 25px 10px;}
#footer .foot_right{margin:0;float:right;text-align:left;width:300px;padding:15px 0px 25px 20px;}
#footer .foot_left ul{list-style:none;margin:8px 0 4px;}
#footer .foot_left ul li{color:#7F7F7F;line-height:1.2em;border-top:1px solid #e6e6e6;padding:4px 0 4px 0;}
#footer .foot_middle ul{list-style:none;margin:8px 0 4px;}
#footer .foot_middle ul li{color:#7F7F7F;line-height:1.2em;border-top:1px solid #e6e6e6;padding:4px 0 4px 0;}
#footer .foot_right ul{list-style:none;margin:8px 0 4px;}
#footer .foot_right ul li{color:#7F7F7F;line-height:1.2em;border-top:1px solid #e6e6e6;padding:4px 0 4px 0;}


/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}