/*  
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{background:#FFFFFF url(images/wall.jpg) repeat;color:#333;text-align:center;} 
body{font:11px 'Lucida Grande',Verdana,Arial,Sans-Serif;}
h1{font-size:22px;}
h2{font-size:18px;color:#cb2a0e;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:16px;}
a{color:#333;text-decoration:none;}
a:hover{color:#dddddd}
#container {background:#FFFFFF url(images/wrap.jpg) repeat-y; width:978px; margin: auto;} 
#wrapper{padding:10px 0;text-align:left;width:962px;margin: auto; } 
/* masthead / footer - navigation and categories */
#masthead{}
#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 img{width:962px;height:90px;}
#authorBlurb a img {border:none}
#authorBlurb a:hover {border:none}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;}
ul.nav{list-style:none;background:#EEEEEE}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:103px;}
.nav li a{font-size:11px;outline:none;color:#cb2a0e;text-decoration:none;display:block;padding:5px 0 15px 3px;width:100px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:#777;text-transform:none;}
.nav li a:hover{background:#333333;color:#eee!important;width:100px;}
* html .nav li a:hover{background:#333333 width:100px;}
.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:#EEEEEE none repeat scroll 0% 50%;}
#archives ul{list-style:none;padding:7px 0px 0px;}
#archives li{float:left;display:block;width:103px;border-right:1px solid #DDDDDD;}
#archives li a{font-size:11px;outline:none;color:#cb2a0e;text-decoration:none;display:block;padding:5px 0 10px 3px;width:100px; height:20px;text-transform:uppercase;}
#archives li a:hover{background:#333333;color:#eee!important;width:100px;}
/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:26px 0 0 10px;width:470px;}
/* style individual sidebars */
#midCol a{font-weight:bold; color:#cb2a0e;}
#midCol a:hover{font-weight:bold; color:#FFFFFF; background:#333333;}
#midCol{color:#444;float:left;margin:0px 0pt 0pt 19px;width:220px;padding:25px 10px 0px;line-height:1.3em;}
#midCol p{color:#777;}
#searchWrap,
.middle_links{margin-bottom:20px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font:11px 'Lucida Grande',Verdana,Arial,Sans-Serif;border:1px solid #BBB;padding:2px;color:#333333;margin-right:3px;width:193px;}
.middle_links h3{margin-bottom:7px;background:#333333 none repeat scroll 0%;padding:3px 3px 5px;color:#FFFFFF;}
.middle_links h4{margin-bottom:7px;padding-top:90px;font-size:16px;}
.middle_links h5{margin-bottom:7px;padding-top:60px;}
#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-top:1px solid #BBB;padding:4px 0 4px 16px;}
#tertCol{float:left;width:200px;margin:2px 0px 0px 10px;}
#tertCol p{color:#777;}
#tertCol ul{list-style:none;margin:8px 0 4px;}
#tertCol a:hover{color:#FFFFFF; background:#333333;}
#tertCol a{color:#777;}
#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;}
/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMetaDown{background:url(images/dot.gif) repeat-x left center;text-transform:none;color:#7F7F7F;font-size:11px;text-align:right;margin-bottom:5px;}
.postMetaSec{text-transform:none;font-size:11px;text-align:left;}
.postMeta span.date{background:#FFF; color:#7F7F7F;padding:0 2px 0px 0px;}
.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMetaSec span.autor{background:#FFF url(images/autor.gif) no-repeat left center;padding-left:15px;margin-left:2px; color:#7F7F7F}
.postMetaSec span.folder{background:#FFF url(images/folder.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMetaDown span.trackbacktext {background:#FFF;}
.postMetaDown span.trackback a{background:url(images/li.gif) no-repeat center;}
.postMetaDown span.bookmarktext {background:#FFF;}
.postMetaDown span.webnews a{background: url(images/webnews.gif) no-repeat center;}
.postMetaDown span.webnews a:hover{background: url(images/webnews_hover.gif) no-repeat center;}
.postMetaDown span.mrwong a{background: url(images/misterwong.gif) no-repeat center;}
.postMetaDown span.mrwong a:hover{background: url(images/misterwong_hover.gif) no-repeat center;}
.postMetaDown span.yigg a{background: url(images/yigg.gif) no-repeat center;}
.postMetaDown span.yigg a:hover{background: url(images/yigg_hover.gif) no-repeat center;}
.postMetaDown span.delicious a{background: url(images/delicious.gif) no-repeat center;}
.postMetaDown span.delicious a:hover{background: url(images/delicious_hover.gif) no-repeat center;}
.postMetaDown span.linkarena a{background: url(images/linkarena.gif) no-repeat center;}
.postMetaDown span.linkarena a:hover{background: url(images/linkarena_hover.gif) no-repeat center;}
.postMetaDown span.alltagz a{background: url(images/alltagz.gif) no-repeat center;}
.postMetaDown span.alltagz a:hover{background: url(images/alltagz_hover.gif) no-repeat center;}
.postMetaDown span.technorati a{background: url(images/technorati.gif) no-repeat center;}
.postMetaDown span.technorati a:hover{background: url(images/technorati_hover.gif) no-repeat center;}
.postMetaDown span.google a{background: url(images/google.gif) no-repeat center;}
.postMetaDown span.google a:hover{background: url(images/google_hover.gif) no-repeat center;}
.postMetaSec span.folder a{color:#7F7F7F;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;}
.post h2 a{width:100%;display:block;outline:none;color:#cb2a0e;}
.post h2 a:hover{width:100%;display:block;outline:none;background:#333333; color:#ffffff}
.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;overflow:hidden;text-align:justify;}
.post .entry p{margin:1em 0;}
.post .entry p a{color:#cb2a0e;}
.post .entry p a:hover{background:#333333; color:#ffffff}
.entry blockquote{margin:0 1.3em 0;}
.entry ul{margin:0 1.3em 0;list-style:none;}
.entry li a{color:#cb2a0e;}
.entry li a:hover{background:#333333; color:#ffffff;}
.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,.entry a:hover img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top:15px;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }
/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 40px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a { color: #7F7F7F;}
#more_reading a img { border: none; margin:0px 0px 3px 0px; }
/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#333333;}
.commentslist .comment_text{margin:0 7px;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;text-transform:uppercase;margin:0 0 0 7px;float:left;}
span.user a:hover{background:#333333; color:#ffffff;} 
p.post_meta_date{font-size:11px;text-transform:uppercase;float:right;margin:0 7px 0 0;color:#333333; font-weight:bold;}
.commentslist li.author{background:#f5f5f5 url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li.author:hover{border-color:#333333;}
#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;}
p.pinglist{font-size:11px;text-transform:uppercase;color: #7F7F7F;}
ol.pingslist{margin:5px 18px 15px;font-size:11px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;}
ol.postlist{
	margin:5px 0px 15px;
	font-size:11px;
	text-decoration: none;
	list-style-type: none;
}
.postlist li{color:#7F7F7F;margin:0 0 4px 0;}
.postlist li a{font-weight:bold;}
.postlist li a:hover{background:#333333; color:#ffffff;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left; color:#cb2a0e }
#commentform p a:hover{font-weight:bold;background:#333333; color:#ffffff}
#author,
#email,
#url,
#comment{font:11px 'Lucida Grande',Verdana,Arial,Sans-Serif;border:1px solid #BBB;padding:2px;color:#333333}
#comment{width:462px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}
/* footer - text string and links */
#footer p {padding-top: 7px; }
#footer p a{font-weight:bold;color:#333;}
/* 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;}