/*  
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.
*/

#thumbnails{
float:left;
}

#byline{
font-weight:normal;
text-decoration:underline;
}

img{border:0px;}
a{border:0px;}

#audioplayer_1{
margin:0 0 10px 0;}

.postPlayer{
padding:5px 0px 0 15px;
}

#u {
text-decoration:underline;
padding:0 0 5px 0;}

.halfcover{padding:0 0 12px 0;}


#sideHeader{background-color:#000;color:#fff;text-transform:uppercase;font:10px Verdana;padding:3px 0 3px 5px;margin:0 0 10px 0;}

#searchsubmit{padding:0px 0 0 10px;position:relative;top:5px;}
.input #searchsubmit{}
#searchForm{margin:0px 0px 0px 0px;height:26px;}
#s {width:160px; border:1px solid #000;padding:3px 0 3px 0;}

*{margin:0;padding:0;}
html,body{background:#fff;color:#333;text-align:center;background-image: url('http://kalithedestroyer.com/images/swirlbg.jpg');background-repeat: repeat;} 
body{font:11px Verdana, Geneva, Arial, Helvetica,sans-serif;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:#000;text-decoration:none;}
a:hover{color:#666;}
#wrapper{margin:20px auto;text-align:left;width:770px;} 

/* masthead / footer - navigation and categories */
#masthead{padding:0px 0; background:#FF3300;height:180px;}
#masthead h1 a{text-transform:uppercase;width:500px;float:left;margin:12px 0 0 0;}
#masthead h1 a em{font-style:normal;color:#555;}
#authorBlurb img{float:right;width:42px;height:42px;border:3px solid #EEE;}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.4em;width:500px;float:right;margin:8px 0 0 0;}
ul.nav{list-style:none;background:#000;height:35px;padding:10px 0 0 35px;}
.nav li{border-right:0px solid #fff;float:left;display:block;}
.nav li a{font-size:12px;outline:none;color:#fff;text-decoration:none;display:block;width:99px;text-transform:uppercase;padding:10px 0 10px 10px;}
.nav li a span{font-size:11px;color:#fff;text-transform:lowercase;}

#navlink1:hover{color:#cdc76f!important;}

#navlink2:hover{color:#e4ebf3!important;}

#navlink3:hover{color:#aad0ab!important;}

* html .nav li a:hover{background:#fff;width:99px;}
.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: #000 !important;}

.weeklyArchive {padding:5px 20px 5px 46px; width:660px;}
.weeklyArchive img{padding:10px 20px 10px 0;}
.dailyArchive {padding:5px 20px 5px 46px;}
.archives {padding:5px 20px 5px 46px;}

#daily {background-image:url('http://kalithedestroyer.com/images/olive_paper.jpg');border-bottom:5px solid #000;}
#daily ul{list-style:square;padding:5px 5px 3px 0;}
#daily li{float:left;clear:both;}
#daily li a{font-weight:bold;color:#000;display:block;padding:2px 5px 4px 5px;}
#daily li a:hover{color:#000;background-image:url('http://kalithedestroyer.com/images/500_225_paper.jpg')}

#weekly{background-image:url('http://kalithedestroyer.com/images/500_225_paper.jpg');border-bottom:5px solid #000;}
#weekly ul{padding:5px 0 3px 0;list-style:none;width:500px;}
#weekly li {display:inline;float:left;}
#weekly li a{font-weight:bold;color:#000;padding:2px 0 4px 5px;}
#weekly li a:hover{color:#000;}

#archives{background-image:url('http://kalithedestroyer.com/images/aqua_paper.jpg');border-bottom:5px solid #000;}
#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:#000;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#000;}

/* main - middle content and columns */
#mid{background:#fff;}

#mainCol{
float:left;border-bottom: 1px dotted #000;
color: #000;
font: 11px Verdana, Geneva, Arial, Helvetica,sans-serif;
padding: 5px 5px 10px 5px;
margin:0px 20px 0px 20px;
width:500px;

}

/* style individual sidebars */
#midCol a{font-weight:bold;}
#midCol{color:#444;float:left;margin:25px 0 0 33px;width:250px;line-height:1.3em;background:#fff;}
#midCol p{color:#777;}
#searchWrap,
.middle_links{margin-bottom:20px;color:#000;}
#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:right;width:200px;margin:23px 20px 0 0px;background:#fff;}
#tertCol p{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{text-transform:uppercase;font: 12px Verdana, Geneva, Arial, Helvetica,sans-serif;text-align:right;padding: 5px 5px 5px 5px;float:right;color:#fff;}
.postMeta span.date{background:#fff;color:#000;padding:0 2px 3px 4px;font: 12px Courier;}
.postMeta span.comments {color:#fff; float:right;padding:3px 8px 3px 3px;font:11px;margin:20px 0 20px 0;}

.tagline{
float:left;
text-transform:uppercase;
}


#postfooter{
background-color:#000;
color:#fff;
text-align:right;
padding:3px 8px 3px 3px;
font:11px;
margin:20px 0 20px 0;
width:100%;}

#datebox{color:#000;padding:0 0 0 0px;font:11px Courier; margin:5px 0 10px 8px;display:block;border-bottom:1px dotted #000;width:500px;text-align:right;padding:0 0 5px 0;}

.postMeta span.comments {color:#fff;float:right;}
.postMeta span.date a{color:#fff;}
.post{margin:15px 0 15px 0;}
.post h2 a{
color: #000;
font:22px Verdana, Geneva, Arial, Helvetica,sans-serif;
font-weight:bold;
padding: 0px 5px 5px 0px;
float:left;
display:block;
width:100%;
}



.title{
padding:0 0 25px 8px;
display:block;
width:500px;

}

.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;display:block;width:500px;}
.post .entry p{margin:10px 5px 0 5px;}

.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;color: #000;}
.entry blockquote{margin:0 1.3em 0;}



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

/* 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 */
li.item{background:#efb036;border:0px;}
li.alt item{background:#cf6d36;border:0px;}
#comments{width:500px;padding:11px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;font-size:12px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#fff;}
.commentslist li:hover{border-color:#888;}
.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;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist 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:500px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}



/* footer - text string and links */
#footer {backgrond-color:#000;height:20px;}
#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;}

#link1 {background-image:url('http://kalithedestroyer.com/images/500_225_paper.jpg');padding:15px 0 15px 15px;font:12px Times New Roman;line-height:1.5em;margin:15px 0 0 0;}
#link1 a:link {}
#link1 a:visted {}
#link1 a:hover {background-color:#fff201;color:#000;}
#link1 a:active {background-color:#b4b4b4;color:#fff;}