/* 
 -----------------------------------------------------
 CSS file for WIRED tumblr
 Version: 1 01/11/12
 Author: Cerwonka
 -----------------------------------------------------
*/

html,body{height:100%;}
body{font:normal 14px/1.5 Helvetica, Arial, sans-serif;color:#FFF; background:url("http://static.tumblr.com/bfyipbq/WOWmam2fs/wired-tumblr-bg-oct.png")repeat-y fixed top;}
body.slim #container{width:540px;margin:0 auto;}
body.slim #footer .wrap{width:540px;}
body.slim img.portrait{margin-right:20px;}
body.slim p.description{margin-top:20px;}
#wrap{min-height:100%;}
#main{margin:0;padding:0;float:left;}
#container{width:780px;margin:0 auto;overflow:hidden;padding-bottom:0px;}
#content{float:left;position:relative;width:540px;}
#header{background:#FFF; height:108px; clear:both; width:540px; margin:-16px 0 36px 0; padding:0px;}
#header h1 a {margin:0px; padding:0px; position:fixed; z-index:10000;}
#header img {border-bottom: 1px solid #FFF;}
#header ul.nav{display:none;}
#header ul.nav li{display:none;}
#header ul.nav li a{display:none;}
#header ul.nav li a:hover{background:none;text-decoration:none;}
#sidebar{float:right;font-size:12px;width:220px;color:#FFF;margin:0 0 0 560px; position:fixed; top:0px;}
#sidebar .header{background:#000; position:relative;margin:10px 0 0 0; float:left;}
#sidebar ul.nav{margin:10px 0 0 0;clear:both;float:left;line-height:0;}
#sidebar ul.nav li a{margin:0 0 0 20px;padding-bottom:4px;line-height:25px;color:#FFF;background:none;text-decoration:none;}
#sidebar ul.nav li a:hover{text-decoration:none;background:none;}
#sidebar h4#submit,#sidebar h4#ask{padding:0;}
#sidebar h4#submit a,#sidebar h4#ask a{padding:2px 10px 2px 45px;display:block;}
#search input#query{;border:none;float:left;height:20px;margin:0;outline-width:0;padding:4px 8px;width:139px;}
#search input#submit{background:url(http://static.tumblr.com/bfyipbq/W08lxcsm2/wired-tumblr-search.png) no-repeat right top;border:none;cursor:pointer;float:left;height:28px;width:25px;padding:0;text-indent:-9999px;}
.search h2{padding:5px 20px;}
#footer{position:relative; bottom:0;height:60px;clear:both;color:#fff;font-size:10px;margin:0px auto;}
#footer a{opacity:0.8;}
#footer a:hover{opacity:1;}
#footer ul.footer-links{float:left;overflow:hidden;margin-left:0px;}
#footer ul.footer-links li{float:left;display:inline;border-right:1px solid #FFF; width:89px; text-align:center; text-transform:uppercase;}
#footer .wrap{padding:0px;margin:0px auto;position:fixed; bottom:0px; background: none; height:60px; clear:both; width:100%; right:120px;}
.footer-content {width:540px; background:#000; margin:0px auto;border-top:1px solid #FFF; height:60px;}
#footer ul.footer-links li.wired-link {border-right:1px solid #000;}
.panel .main{padding:0px 20px 0 20px;clear:both;}
.panel h4 a:hover{background:none;text-decoration:none;}
.panel{background:#000;float:left;width:100%;padding:0 0 20px;}
.panel h4 span{position:absolute;display:block;top:7px;left:20px;padding:0;}
.panel h4#submit span{width:16px;background:url(http://static.tumblr.com/uw6sdzy/mbkla8kea/submit.png) no-repeat 0 0;height:16px;}
.panel h4#ask span{width:16px;background-image:url(http://static.tumblr.com/uw6sdzy/l5Ala8k2n/ask.png);height:15px;}		
.post{margin:0 0 20px 0;float:left;position:relative;width:540px; background: #000; color:#FFF;}
.post a,#footer a,p a{color:#FFF;background:#000;text-decoration:none;padding-bottom:4px;}
.post a:hover,#footer a:hover{text-decoration:none;background:none;}
.post a:hover {color: #F26522;}
.post p,blockquote{margin:0 0 20px 0;}
.post p:first-of-type{margin-top:0;}
.post img{margin-bottom:10px;}
.post .header{border-left:1px solid rgba(0, 0, 0, 0.2);position:relative;margin:-10px 0 10px -20px;float:left;}
.post .main{clear:both;}
.post h2 a,#sidebar h4{color:#FFF;background:none;padding:0px 10px 0px 20px;}
.post h2 a.post-type {line-height: normal; margin-bottom: 10px; padding-left: 45px;}
.post h2 a:hover,.post h2 a.post-type:hover{background:none;text-decoration:none;}
span.post-type{width:16px;height:14px;position:absolute;display:block;top:14px;left:20px;padding:0;}
.post ul.postMeta{margin:0;}
.post ul.postMeta li{list-style-type:none;float:left;font-size:12px;font-family:Arial,Verdana,sans-serif;}
.post ul.postMeta.left li{opacity:0.8;}
.post ul.postMeta.right li{margin-left:10px;}
.post ul.postMeta li a{padding:1px 0;}
.post ul.postMeta li.permalink a{background-image:url(http://static.tumblr.com/uw6sdzy/0Z1lag2bg/permalink.png);text-indent:-9999px;width:18px;height:16px;display:block;padding:0;}
.post ul.postMeta li.comments a{background:url(http://static.tumblr.com/uw6sdzy/Mqxlag32a/comments.png) no-repeat left center;padding-left:22px;}
.post ul.postMeta li.notes a{background:url(http://static.tumblr.com/uw6sdzy/2oOlag2cb/notes.png) no-repeat left center;padding-left:22px;}
.post.answer{background:none:20px 20px 0;}
.post.answer img{float:left;margin:0 20px 0 0;}
.post.answer h4{color:#fff;margin-bottom:10px;text-shadow:0 -2px 0 rgba(0, 0, 0, 0.2);background:none;padding:2px 10px 2px 0;}
.post.answer .header{padding:10px 20px 0 20px !important;margin-right:0;}
h1{clear:both;display:inline-block;line-height:1;}
h2,h2 a{font-size:28px;display:block;}
h3{font-size:26px;}
h4{font-size:24px; text-transform:uppercase;}
h1,h2,h3,h4,h5,h6{font-family: "calibre",sans-serif; font-weight:500; color:#FFF;}
a,a:link,a:visited{color:#999999;text-decoration:none;opacity:1;}
a:hover{text-decoration:none;background:none;}
.left{float:left;}
.right{float:right;}
em{font-style:italic;}
ul.tags{margin:10px 0 0 0;clear:both;float:left;}
.bottom ul li a{opacity:0.8;}
.bottom ul li a:hover{opacity:1;}
ul.tags li{float:left;font-size:11px;list-style-type:none;margin-right:10px;}
ul.tags li a:hover{text-decoration:none;border-bottom:none;}
ul.contributors {margin-left: 20px;}
ul.contributors a:hover {color:#F26522; }
blockquote{border-left:2px solid rgba(0, 0, 0, 0.2);line-height:1.3;padding:0 1em;}
blockquote p{font-size:18px;margin-bottom:10px;font-style:italic;}
.main ul,.main ol{margin:1.35em 2em;}
.chat .main ul{margin:0;padding-bottom:20px;}
.main li{line-height:1.4;list-style-type:disc;margin:0.75em 0;}
.main strong{font-weight:normal; line-height:normal;}
pre{background:none;margin-bottom:20px;overflow:auto;padding:10px;}
code{font-family:Menlo, Monaco, mono;font-size:12px;}
.video .top div{margin-bottom:10px;}
img.portrait{margin:0 0 10px 10px;}
.chat ul{margin:0;}
.chat .main li{list-style-type:none;margin:0;padding:5px;}
.chat li p{margin-bottom:0;font-style:italic;}
.chat span.label{font-weight:bold;}
.chat li.odd,.chat li.even{clear:both;margin:0 0 5px -20px;padding:5px 20px;float:left;}
.chat li.even{background:none;}
.chat li.odd{background:none;}
.top{background:none;padding:20px 20px 0 20px;width:500px;float:left;}
.bottom{background:none;padding:10px 20px;width:500px;float:left;}
.photo-link a{background:none;}
.link span.post-type{background:url(http://static.tumblr.com/uw6sdzy/Aanlag1vg/post-link.png) no-repeat 0 0;width:16px;height:12px;}
ol.notes{list-style-type:none;clear:both;padding-bottom:40px;}
ol.notes li.note{padding:10px;background:#000;margin-bottom:1px;}
ol.notes li.note img.avatar{vertical-align:-4px;margin-right:10px;width:16px;height:16px;}
ol.notes li.note span.action a{font-weight:bold;}
ol.notes li.note .answer_content{font-weight:normal;}
ol.notes li.note blockquote{border-color:#000;padding:4px 10px;margin:10px 0px 0px 25px;}
ol.notes li.note blockquote a{text-decoration:none;}
.pagination{clear:both;width:540px;}
a#next-page,a#prev-page{width:70px;height:32px;margin-bottom:20px;text-indent:-9999px;display:block;opacity:0.8;}
a#next-page:hover,a#prev-page:hover{opacity:1;}
a#next-page{float:right;background:url(http://static.tumblr.com/bfyipbq/7mJlxjtg0/wired-tumblr-next.png) no-repeat right center;}
a#prev-page{float:left;background:url(http://static.tumblr.com/bfyipbq/lQflxjtfk/wired-tumblr-prev.png) no-repeat left center;}
#container:after,ul.postMeta:after,.post .header:after,li.odd:after,.panel:after,li.even:after,#search:after,#sidebar .header:after,#sidebar ul.nav:after,.panel:after,.main:after,.chat ul:after,div.post-type:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
img.mag-cover {width:180px; margin: 20px 0 0 20px;}
div.pagination-controls{width:180px;}
#social-buttons {background: none repeat scroll 0% 0% #000000;margin-bottom: 20px;width: 540px;overflow:visible;}
.re-tweet {bottom: 0px;float: left;left: -5px;position: relative;overflow:visible;}
.fb-like {bottom: 0px;float: left;left: 20px;position: relative;overflow:visible;}
.instagram {bottom: 10px;left: 20px;overflow: visible;position: relative;}
.post.answer .header {margin:10px 0 0 0;}
.post.answer .header h4 a {text-transform:uppercase; font-size:26px;}
.post.answer .header h4 {margin-top:5px; text-transform:lowercase; font-size:18px; float:left;}
.post.answer .header p {color:#999; font-style:italic; margin:20px 0; clear:both; float:left;}
.post.answer .main {margin:0 0 0 20px;}