/*  
Theme Name: Grid Focus Public
Theme URI: http://5thirtyone.com/
Description: Grid aligned left w/ full content + images
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{background:#FFF;color:#333;text-align:center;} 
body{font: 12px/18px Helvetica, Arial, sans-serif; background-color: #fff; color: #333;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:18px;font-weight:bold;color:#333;line-height:1.2em;margin-bottom:2px;}
h6{font-size:15px;font-weight:bold;color:#333;line-height:1.2em;margin-bottom:-2px;margin-top:10px;}
a{color:#333;text-decoration:none;}
a:hover{color:#666;}
#wrapper{border-top:3px solid #EEE;margin:20px auto;text-align:left;width:965px;} 

/* masthead / footer - navigation and categories */
#masthead{padding:5px 0;}

#masthead h1 a{text-transform:uppercase;width:400px;float:left;margin:12px 0 0 0;}
#masthead h1 a em{font-style:normal;color:#555;}
#authorBlurb {width:965px;height:70px;background: #BDD63C;}
#authorBlurb img{float:left;width:190px;height:70px;border:0px solid #EEE;}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;}

.nav {
	background: #eee;
}
.nav li {
	border-right: 1px solid #ccc;
	display: block;
	float: left;
}
.nav li a {
	display: block;
	padding: 7px 0px 0 0px;
	width: 100px;
	height: 22px;
        font-size:13px;
        font-weight:bold;
        text-align:center;
        text-transform:uppercase;
}
.nav li a span {}
.nav li a:hover {
	background: #333;
        color: #FFF;
}
.nav li a.focus {
	background: #3c6c92;
}
.nav li.subscribe {
	border-left: 1px solid #ccc;
        display: block;
	float: right;
        margin: 0 18px 0 0;
        width: 118px;
}
.nav .subscribe a img{border-color:#EEE;}
.nav .subscribe a:hover img{border-color:#EEE;}
.nav li.searchField {
	float: right;
	border: 0;
}
.nav .searchField div {
	margin: 3px 5px 0 0;
}
.nav .searchField span {
	background: #fff;
	border: 0px solid #ccc;
	border-left-color: #bbb;
	border-bottom-color: #bbb;
	display: block;
	padding: 0px;
}
.nav .searchField input {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px;
	width: 216px;
}

#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;}

/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:26px 0 0 0;width:520px;}

/* style individual sidebars */
#midCol a{font-weight:bold;}
#midCol{color:#444;float:right;margin:25px 0 0 33px;width:370px;line-height:1.3em;}
#midCol p{color:#777;}
#searchWrap,
.middle_links{margin-bottom:20px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-left:0px;margin-right:3px;width:340px;}
.middle_links h3{margin-bottom:7px;}
.middle_links a img{margin-bottom:7px;}
.middle_links a img{border:3px solid #EEE;color:#333;font-weight:bold;}
.middle_links a:hover img{border-color:#DDD;}
#midCol ul{list-style:none;margin:8px 0 4px;}
.middle_links ul li{background:url(images/li.gif) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-bottom:1px solid #BBB;padding:4px 0 4px 16px;}
#tertCol{float:left;width:224px;margin:23px 0 0 33px;}
#tertCol p{color:#333;}
#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}
#elseWhere li{margin:7px 0;}
ul#imgLinks{list-style:none;margin:7px 0;}
#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 2px;}
#imgLinks li a img{border:3px solid #CCC;width:208px;color:#333;font-weight:bold;}
#imgLinks2 li a img{border:3px solid #CCC;width:242px;color:#333;font-weight:bold;}
#imgLinks2 li{color:#7F7F7F;line-height:1.2em;padding:0 0 6px;}
#imgLinks2 li a:hover img{border-color:#DDD;}
#imgLinks li a:hover img{border-color:#DDD;}
#imgLinks3 li a img{border:3px solid #EEE;width:214px;color:#333;font-weight:bold;}
#imgLinks3 li{color:#7F7F7F;line-height:0.8em;padding:0 0 4px;}
#imgLinks3 li a:hover img{border-color:#DDD;}
#midCol2 a{font-weight:bold;}
#midCol2 {color:#444;float:left;margin:23px 0 0 33px;width:340px;line-height:1.3em;}
#midCol2 p{color:#777;}
#midCol2 ul{list-style:none;margin:8px 0 4px;}
.subscribe_links{margin-bottom:12px;}
.subscribe_links h3{margin-bottom:7px;}
.subscribe_links a img{border-color:#FFF;}
.subscribe_links a:hover img{border-color:#FFF;}
.comment_links h3{margin-bottom:7px;}
.comment_links a img{margin-bottom:7px;}
.comment_links a img{border:3px solid #EEE;color:#333;font-weight:bold;}
.comment_links a:hover img{border-color:#DDD;}
#midCol ul{list-style:none;margin:8px 0 4px;}
.comment_links ul li{background:url(images/chat_grey.gif) no-repeat 0 3px;color:#555;line-height:1.2em;border-bottom:1px solid #BBB;padding:4px 0 4px 16px;}
.about_table {margin-bottom:0px;-webkit-text-size-adjust: none;}
.about_table {background:#EEE;}
.about_table a img{border-color:#EEE;}
.about_table a:hover img{border-color:#EEE;}
.about_table li {list-style:disc inside;margin:0px 0 0 0;}
.advertise {
        clear: left;
	float: left;
	color: #000000;
	background-color: #EEE;
	text-align: left;
	margin: 0 0 30px 0;
        width: 370px;
        margin-bottom:12px;
}
.advertise img {
        float: left;
	background-color:#ffffff;
	padding: 0 3px 0 0;
	margin: 0 10px 0 0;
        align: top;
}
.advertise a img{border-color:#FFF;}
.advertise a:hover img{border-color:#FFF;}
.advertise{margin-bottom:20px;}
.wiki_strategy a img{border:0px;}
.wiki_strategy{margin-bottom:20px;}

/* wordpress entries styling - main content column */
.postaction{border-bottom:3px solid #EEE;margin:0px auto;text-align:left;width:100%;}

.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0 0 20px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;}
.post h2 a{width:100%;display:block;outline:none;}
.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin:1em 0;}
.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;}
.entry blockquote{
        margin:0 1.3em 0;
        border-left: 1px solid #BBB;
        margin-left: 21px;
	padding-left: 10px;
}
.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 a{font-weight:bold;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }

.relatedarticles {background:url(images/dot.gif) repeat-x left top;padding:4px 0 4px 0px;}
.relatedarticles a{color:#333;text-decoration:none;}
.relatedarticles a:hover{color:#666;}
.relatedarticles h3{margin:1em 0;}
.relatedarticles{line-height:1.4em;overflow:hidden;}
.relatedarticles ul{margin:0 1.3em 0;list-style:none;}
.relatedarticles li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.relatedarticles ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}

.books {margin-bottom:20px}
.books img,.books a img{border:3px solid #EEE;}
.books h3{margin-bottom:7px;}
.books a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.books ul li{border-bottom:1px solid #BBB;padding:4px 0 4px 16px;}
.list ul{margin:0 0em 0;list-style:disc outside;}
.list li a{color:#333;font-weight:regular;repeat-x bottom left;}
.list ul li{0 1px;margin-bottom:7px;}

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 13px; font-weight: bold; text-transform: nono; margin-bottom: 25px; text-align: left; }
#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 */
#comments{width:540px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#333;margin-bottom:7px;}
ol.commentlist{
        background:#FFFFFF;
	}
.commentlist li{list-style:none;
        margin: 0;
	border-top: 1px solid #bbb;
	padding: 7px 0 15px 0px;        
        }
.commentlist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentlist li.alt{background:#FFF;}
.commentlist li:hover{border-color:#888;}
.commentlist .comment_text{margin:0 0px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}
p.author_meta{font-weight:bold;font-size:14px;margin:0 0 4px 0px;}
p.post_meta{font-size:11px;margin:0 0px 0 0;}
.commentlist li.author{background:#333;color:#CCC;}
.commentlist li.author a{color:#DDD;}
.commentlist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:514px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentlist code{background:transparent;}

/* footer - text string and links */
#footer p {padding-top: 0px;-webkit-text-size-adjust: none;}
#footer p a{font-weight:bold;color:#333;}
#footer p {background: #EEE; border-top:1px solid #BBB; border-bottom:1px solid #BBB;padding:4px 0 4px 16px; margin-bottom:10px;}
#footer a img{margin-top:2px;}

/* 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;}