/*  
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{color:#333;text-align:center;}
body{background:url(images/header.jpg) top center no-repeat #fff;font:80% verdana,arial,helvetica,sans-serif;}
h1{font-size:22px;font-family:arial,verdana,helvetica,sans-serif;}
h2{font-size:20px;font-family:arial,verdana,helvetica,sans-serif;}
h3{font-size:16px;font-family:arial,verdana,helvetica,sans-serif;}
h3.special {font-size:44px;font-weight:Bold;font-family:arial,verdana,helvetica,sans-serif;}
h4{font-size:14px;font-family:arial,verdana,helvetica,sans-serif;}
small{font-size:11px;margin-bottom:14px;display:block;}
a{color:#333;text-decoration:underline;}
a:hover{color:#DF0000;text-decoration:none;}
#wrapper{margin:35px auto 0;text-align:left;width:965px;padding:0;}
#masthead{padding:5px 0 0;position:relative;}
#masthead h1 a{text-transform:uppercase;float:left;margin:14px 0 0;}
#masthead h1 a em{font-style:normal;color:#555;}
#authorBlurb{float:right;margin-top:16px;}
#authorIntro a{font-weight:bold;}
#authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;}
ul.nav{list-style:none;position:absolute;width:577px;height:36px;right:0;top:72px;}
.nav li{float:left;display:block;width:116px;margin-right:-2px;text-align:center;}
.nav li a{font-size:18px;outline:none;color:#333;text-decoration:none;display:block;padding:0 6px 14px 0;background:url(images/button-inaktiv.gif) top right no-repeat;font-weight:bold;}
.nav li a.active{background:url(images/button-aktiv.gif) top right no-repeat;padding:2px 6px 12px 0;color:#eee!important;}
.nav li a span{font-size:11px;color:#777;text-transform:lowercase;font-weight:normal;}
.nav li a:hover{background:url(images/button-aktiv.gif) top right no-repeat;padding:2px 6px 12px 0;color:#eee!important;}
* html .nav li a:hover{background:url(images/button-aktiv.gif) top right no-repeat;padding:2px 6px 12px 0;}
.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;}

ul#navi{position:absolute;right:0;top:72px;width:503px;height:35px;list-style:none;margin:0;padding:0;}
ul#navi li{float:left;margin:0;padding:0;background:none !important;}
ul#navi li a{background-image:url(images/menu-new.png);background-position:top left;display:block;text-indent:-99999px;overflow:hidden;height:35px;}
ul#navi li.home{width:90px;}
ul#navi li.filmkritiken{width:137px;}
ul#navi li.bluray{width:95px;}
ul#navi li.news{width:81px;}
ul#navi li.intern{width:100px;}
ul#navi li.home a{width:90px;background-position:0 0;}
ul#navi li.filmkritiken a{width:137px;background-position:-90px 0;}
ul#navi li.bluray a{width:95px;background-position:-227px 0;}
ul#navi li.news a{width:81px;background-position:-322px 0;}
ul#navi li.intern a{width:100px;background-position:-403px 0;}
ul#navi li.home a.active, ul#navi li.home a:hover{background-position:0 -35px;}
ul#navi li.filmkritiken a.active, ul#navi li.filmkritiken a:hover{background-position:-90px -35px;}
ul#navi li.bluray a.active, ul#navi li.bluray a:hover{background-position:-227px -35px;}
ul#navi li.news a.active, ul#navi li.news a:hover{background-position:-322px -35px;}
ul#navi li.intern a.active, ul#navi li.intern a:hover{background-position:-403px -35px;}

#mid{margin:0;padding:0 10px;border:0;}
#mainCol{float:left;margin:26px 0 0 0;width:600px;border:0;padding:0;}
#midCol a{}
#midCol{float:left;margin:25px 0 0 38px;padding:0;width:302px;border:0;line-height:1.3em;}
#midCol p{}
#searchformsb{background:#fff;border:1px solid #bbb;padding:3px;margin-right:6px;width:200px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#searchsubmit{background:#3DB223;border-top:1px solid #3DB223;border-left:1px solid #3DB223;border-bottom:1px solid #2E9F13;border-right:1px solid #2E9F13;color:#fff;padding:2px;font-weight:bold;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;cursor:pointer;}
#searchsubmit:hover{background:#2E9F13;border-top:1px solid #2E9F13;border-left:1px solid #2E9F13;}
#searchsocial{float:right;}
#searchsocial img{margin:4px 4px 0 0;}
.block{margin-bottom:10px;}
.outbox{background:url(images/sb.png) top center no-repeat;padding:1px;margin-bottom:26px;position:relative;}
.end{background:url(images/sb.png) bottom center no-repeat;display:block;height:12px;margin:0 -1px -1px;width:302px;position:relative;}
.outbox h3{margin:3px 0 2px;padding:3px;color:#fff;font-size:1.3em;}
.box{padding:4px;}
.box p{padding:2px 0;}
.outbox ul{margin-top:0;}
.outbox ul li, #tertCol ul li{background:url(images/li.gif) no-repeat 0 3px;line-height:1.2em;border-bottom:1px solid #BBB;padding:4px 0 4px 16px;}
.middle_linkspro{margin-bottom:20px;padding:0;background:#C6FF9C;border:1px solid #7BCC40;}
.middle_linkspro h3{margin:1px 0 9px;padding:3px;color:#333;background:#7BCC40;color:#fff;}
#searchWrap {padding-bottom:20px;text-align:center;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:220px;}
#midCol ul, #tertCol ul{list-style:none;margin:8px 0 4px;}
#tertCol{float:left;width:214px;padding:0;margin:23px 30px 0 0;border:0;}
#tertCol a, #tertCol a:visited{color:#fff;}
#tertCol a:hover{color:#000;background:#eee;}
#tertCol p{color:#eee;}
#elseWhere{margin:0 0 20px 0;padding:4px;background:url(images/box2-head.gif) no-repeat top left #434343;}
#elseWhere h3{margin:1px 0 9px;color:#fff;}
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;}
.postMeta{font-size:11px;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 26px; padding:20px; border:1px solid #bbb; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; box-shadow: 3px 3px 5px #bbb;-moz-box-shadow:3px 3px 5px #bbb;}
.color2{background:#EFEFEF;margin:-14px 0 30px;}
.post h2{line-height:1.2em;margin:0 0 12px;}
.post h2 a{width:100%;display:block;outline:none;text-decoration:none;}
.post h2 a:hover{text-decoration:underline;}
.entry h3{margin:1em 0 10px;padding-bottom:3px;border-bottom:1px solid #bbb;}
.post .entry{line-height:1.5em;overflow:hidden;text-align:justify;}
.post .entry p{margin:0 0 1em;}
.post .entry p a{text-decoration:underline;}
.entry blockquote{margin:0;padding-left:40px;color:#333333;font-style:italic;background:url(images/blockquote.gif) top left no-repeat;}
.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:0;}
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr{padding:15px 0;}
.entry table tr.alt{background:#eee;}
#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;}
#comments{padding:12px 0 0 0;}
#comments h3, h3#respond{color:#555;margin-bottom:20px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#FFF url(images/comment1.png) top right no-repeat;margin-bottom:12px;padding:0;}
.commentslist li a{font-weight:bold;}
.commentslist li.alt{background:#FFF url(images/comment2.png) top right no-repeat;}
.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:6px 0 0;}
.comment_text ul, .comment_text ol, .comment_text blockquote{margin:0 1em;}
p.author_meta{font-weight:bold;}
p.post_meta{font-size:11px;margin:0 7px 0 0;}
.commentslist li.author{background:#FFF url(images/comment3.png) top right no-repeat;color:#fff;}
.commentslist li.author a{color:#fff;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height:1.5em;}
.innercomment{padding:22px 10px 0 110px;}
li div.commentclose{background:#FFF url(images/comment1.png) bottom right no-repeat;height:12px;width:100%;display:block;}
li.alt div.commentclose{background:#FFF url(images/comment2.png) bottom right no-repeat;height:12px;width:100%;display:block;}
li.author div.commentclose{background:#FFF url(images/comment3.png) bottom right no-repeat;height:12px;width:100%;display:block;}
.commentslist .gravatar{float:left;margin:0 6px 0 12px;}
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:3em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;}
#commentform p a{font-weight:bold;}
#author, #email, #url, #comment{font:1.1em verdana,arial,helvetica,sans-serif;border:1px solid #000;padding:2px;}
#commentform p small{font-size:12px;}
.commentslist code{background:transparent;}
#commenting{position:relative;padding:10px;}
#commenting h3{font-size:1.1em;margin-bottom:4px;}
#comment{width:350px;height:180px;overflow:auto;}
#commentform p{margin:0 0 10px;}
.subscribe-to-doi-comments, .subscribe-to-doi-comments a{font-size:12px;}
.subscribe-to-doi-comments input{border:1px solid #BBB;}
.nospam input{border:1px solid #BBB;padding:2px;float:left;margin-right:6px;}
#commentform input, #commentform textarea{font-size:12px;background:#fff;border:1px solid #BBB;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.submit{position:absolute;right:10px;bottom:10px;margin:0 !important;}
input#submit{font-size:1.5em;font-weight:bold;padding:4px;background:#3DB223;border-top:1px solid #3DB223;border-left:1px solid #3DB223;border-bottom:1px solid #2E9F13;border-right:1px solid #2E9F13;color:#fff;padding:2px;font-weight:bold;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;cursor:pointer;}
input#submit:hover{background:#2E9F13;border-top:1px solid #2E9F13;border-left:1px solid #2E9F13;}
#footer{border:1px solid #BBB;background:#EFEFEF;margin:20px 10px;text-align:center;padding:10px;color:#000;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#footer p{padding:0;}
#footer img{vertical-align:middle;}
#footer p a{font-weight:bold;color:#000;}
#footer p a:hover{color:#000;text-decoration:none;}
.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;}
img.alignleft,img[align="left"]{float:left;margin:2px 14px 24px 0;}
.alignright2{margin-right:8px;float:right;border:1px solid #333;}
a.liexternal{padding-right:12px;background:url(images/link-icon_external.gif) no-repeat right;}
a.filmkritiken{height:70px;display:block;}
a.filmkritiken:hover, a.filmkritiken2:hover{background:#eee;}
a.filmkritiken2{display:block;padding:4px;}
.trenner{display:block;color:#333;font-size:90%;border-bottom:1px dotted #333;padding:1px 0;margin-bottom:6px;}
.trenner a, .trenner a:visited{color:#333;text-decoration:none;}
.trenner a:hover{color:#DF0000;text-decoration:underline;}
.pagebar{font-size:1em;padding-top:20px;padding-bottom:10px;margin:0;text-align:center;}
.pagebar a,.pageList .this-page{padding:2px 6px;color:#000;border:solid 1px #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#fff;text-decoration:none;}
.pagebar a:visited{padding:2px 6px;border:solid 1px #ddd;background:#fff;text-decoration:none;}
.pagebar .break{padding:2px 6px;border:none;background:#fff;text-decoration:none;}
.pagebar .this-page{padding:2px 6px;border-color:#999;font-weight:700;font-size:13px;vertical-align:top;background:#fff;}
.pagebar a:hover{color:#fff;background:#333;border-color:#000;text-decoration:none;}
a img{border:0;}
div.news{width:69px;background:url(images/news.png) top left no-repeat;height:66px;float:left;padding:88px 0 0 11px;margin:0 10px 10px 0;font-weight:bold;font-size:1.1em;font-family:arial,verdana,helvetica,sans-serif;}
div.intern{width:69px;background:url(images/intern.png) top left no-repeat;height:66px;float:left;padding:88px 0 0 11px;margin:0 10px 10px 0;font-weight:bold;font-size:1.1em;font-family:arial,verdana,helvetica,sans-serif;}
div.kritik{width:69px;background:url(images/kritik.png) top left no-repeat;height:66px;float:left;padding:88px 0 0 11px;margin:0 10px 10px 0;font-weight:bold;font-size:1.1em;font-family:arial,verdana,helvetica,sans-serif;}
div.talk{width:69px;background:url(images/talk.png) top left no-repeat;height:66px;float:left;padding:88px 0 0 11px;margin:0 10px 10px 0;font-weight:bold;font-size:1.1em;font-family:arial,verdana,helvetica,sans-serif;}
div.bluray{width:69px;background:url(images/blu-ray.png) top left no-repeat;height:66px;float:left;padding:88px 0 0 11px;margin:0 10px 10px 0;font-weight:bold;font-size:1.1em;font-family:arial,verdana,helvetica,sans-serif;}
div.comics{width:69px;background:url(images/comics.png) top left no-repeat;height:66px;float:left;padding:88px 0 0 11px;margin:0 10px 10px 0;font-weight:bold;font-size:1.1em;font-family:arial,verdana,helvetica,sans-serif;}
.leftcomment{background:url(images/commentbg.png) top left no-repeat;width:58px;height:44px;font-size:1.6em;text-align:center;margin:10px 0 0 2px;}
.leftcomment a{color:#fff;width:52px;height:38px;padding:0 6px 6px 0;display:block;text-decoration:none;}
.ciao{padding:80px 0 0;text-align:center;}
.filmbilder{text-align:center;padding:16px;border:1px solid #BBB;background:#EFEFEF;margin-bottom:10px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:10px 20px;}
.editorial{border:1px solid #e4e4e4; padding: 4px 8px 10px; background: #f9f9f9; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.filmbilder img{padding:4px;}

div.stbutton.vertical {
  float:right;
  margin:0 0 10px 10px;
}