* {position: relative;} html {} body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; background:#e8eaeb /*url('http://www.wiredinsider.com/tumblrdev/insider-bg2013.jpg') center top no-repeat fixed;*/} header {width:874px; background:#fff; margin:0 auto; padding:0px 75px 0 75px; min-height:115px; } #wrap {width:874px; background:#fff url('http://www.wiredinsider.com/tumblrdev/content-divider-bg.gif') left top repeat-y; margin:0 auto; padding:0px 75px 0 75px;} #wrapShop {width:874px; background:#fff; margin:0 auto; padding:0px 75px 0 75px;} #content {width: 501px; float: left; padding: 0px 37px 30px 0; } #sidebar {width: 300px; float:right; /*position:fixed; margin-right:-439px; right:50%; border-left: 1px solid #a7a9ac;*/} #sidebar section {} #sidebar h3 {font-size: 14px; text-align: left; /*text-transform:uppercase;*/} #sidebar li {margin-bottom: 15px; background:url('http://www.wiredinsider.com/tumblrdev/list-plus.gif') left top no-repeat;} #logo {} #navBox {width:100%; position:fixed; height: 34px; background:#000; top:0; z-index:2222; } nav {display: block; text-align: left; height: 34px; background:#000; width:1024px; margin:0 auto; } nav ul {padding: 0px 0; margin: auto; font-size: 12px; text-align: center; text-transform: uppercase; display: inline-block;} nav ul li {display: inline; height: 34px; } nav ul li a {color: white; background-color: black; text-decoration: none !important; line-height: 34px; margin: 0; padding:0 19px; float: left; border-right:1px solid #fff;} nav ul li a.insider {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-wired-insider-bg3.png') no-repeat; background-position:20px -30px;} nav ul li a.about {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-about-bg3.png') no-repeat; background-position:20px -30px;} nav ul li a.events {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-events-bg3.png') no-repeat; background-position:20px -31px;} nav ul li a.win {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-win-bg3.png') no-repeat; background-position:20px -30px;} nav ul li a.shop {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-shop-bg3.png') no-repeat; background-position:20px -30px;} nav ul li a.archive {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-archive-bg3.png') no-repeat; background-position:20px -30px;} nav ul li a.wiredcom {background: #000 url('http://www.wiredinsider.com/tumblrdev/nav-wired-bg3.png') no-repeat; background-position:20px -30px;} nav a:visited {} nav ul li a:hover {background-color: #000; color:#fff; height: 41px; background-position:20px 0px;} nav ul li a.active {height: 41px; background-position:20px 0px;} #socialMedia {float:right;} #socialMedia img {padding:8px 0 7px 14px;} #socialMedia a:hover {background-color: transparent;} #headerBox {width:878px; padding-top:101px; padding-bottom:0px; margin:0 auto; background:#fff;} header h1 {text-indent: -9999px; height: 69px; background: url('http://www.wiredinsider.com/tumblrdev/wired-insider-logo13.png') no-repeat; margin: 74px 0 25px 0;} #undernav {overflow: visible;} #tagline {height:70px; border-top:1px solid #a7a9ac;} #taglineBox {width:537px; height:38px; border-right:1px solid #a7a9ac;} #line {width:500px; border-top:5px solid #a7a9ac;} div.sansad {height:85px !important;} footer {display: block; border-top: 1px solid #a7a9ac; padding: 15px 10px;} footer li {display: inline; margin-right: 15px;} section {display: block;} /**** OLD #sidebar li:before {color: #E51E1E; font-weight: bold; content: "> ";} #curators {} #curators_title {width: 290px; text-align: right; color: #E51E1E; text-transform: uppercase; float: left; padding: 137px 30px 30px 0;} #curators_pictures {border-left: 1px solid #808080; float: right; width: 679px; text-align: center; line-height: 12px; font-weight: bold;} #curators_pictures ul {float: right; width: 671px; clear: both; margin: 20px 0 20px 20px; padding: 0; background:url(curators_pictures.jpg) #000 no-repeat 0 0;} #curators_pictures li {float: left; height: 185px; font-size: 10px; text-transform: uppercase; margin: 0;} #curators_pictures li img {margin: 0; display: block;} #curators_pictures li span.space {display: block; line-height: 150px; text-align: left; text-indent: -9999px;} #curators_pictures li span.title {display: table-cell; vertical-align: middle;width: 100%; height: 35px; color: white; background-color: black; text-align: center;} #curators_pictures li a {text-decoration: none;} #curators_pictures a:hover span.title {background-color: #E51E1E;} #curators {} #curators_title {width: 290px; text-align: right; color: #E51E1E; text-transform: uppercase; float: left; padding: 137px 30px 30px 0;} #curators_pictures {border-left: 1px solid #808080; float: right; width: 679px; text-align: center; line-height: 12px; font-weight: bold;} #curators_pictures ul {float: right; clear: both; margin: 20px 0 20px 20px;} #curators_pictures li {float: left; width: 80px; /*height: 120px; font-size: 10px; text-transform: uppercase; margin-right: 10px;} #curators_pictures li img {margin-bottom: 5px; display: block;} #curators_pictures li span {display: table-cell; vertical-align: middle;width: 80px; height: 35px; color: white; background-color: black;} #curators_pictures a {text-decoration: none;} #curators_pictures a:hover span {background-color: #E51E1E;} ****/ .last {margin-right: 0 !important; border-right: 0 !important;} h1 {font-size: 30px; line-height: 28px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} h2 {font-size: 30px; line-height: 26px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} h3 {font-size: 19px; line-height: 24px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} h4 {font-size: 17px; line-height: 22px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} h5 {font-size: 15px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} h6 {font-size: 15px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} h1,h2,h3,h4 {color: #000; font-weight: bold; margin-bottom: 3px;} h2.title a {color:#000;} h2.title a:hover {color:#0064bc; text-decoration:none;} p {margin:18px 0;} p.attrib {margin:0; color:#999;} strong,.strong {font-weight: bold;} em,.em {font-style: italic;} .uppercase {text-transform: uppercase;} .lowercase {text-transform: none !important;} .hidden {visibility: hidden;} .none {display: none;} .clip {} a {color: #0064bc;} a:link {text-decoration: none;} a:visited {} a:hover {text-decoration: none;} a:active {} .alignleft {text-align: left;} .aligncenter {text-align: center;} .alignright {text-align: right;} .floatleft {float: left;} .floatright {float: right;} .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clear {height: 1%;} /* IE6 */ *:first-child+html .clear {min-height: 0;} /* IE7 */ #logo {padding-bottom:20px;} #heatindex {text-align: left; margin-top:0; padding: 15px 0px; border-top: 1px solid #ccc;} #heatindex h3 {margin:0; text-align: left; padding:8px 0px; font-size:21px;} #heatindex h4 {padding:0; margin:0; padding:5px 0px; font-size:14px;} #heatindex ul {padding-bottom:10px;} #heatindex li {margin-bottom: 0; } #heatindex ul li {background: url(list-plus.gif) left top no-repeat; padding:5px 20px 5px 16px; font-size:.90em; line-height:1.1em;} #heatindex li:first-child {background: url(list-plus.gif) left top no-repeat;} #tags {line-height:0px; padding: 0 0 37px 0; border-top: 1px solid #a7a9ac;} #tags h3 {border-top:3px solid #a7a9ac; display:table; padding-top:5px; text-transform:uppercase} #tags img {padding:0 2px 2px 0;} #tags a.gentleman {display:inline-block; width:72px; height:101px; padding-right:2px; margin-bottom:8px; background: url('http://www.wiredinsider.com/tumblrdev/digital-gentleman-onoff.gif') top no-repeat;} #tags a.capitalist {display:inline-block; width:72px; height:101px; padding-right:2px; margin-bottom:8px; background: url('http://www.wiredinsider.com/tumblrdev/adventure-capitalist-onoff.gif') top no-repeat;} #tags a.disruptor {display:inline-block; width:72px; height:101px; padding-right:2px; margin-bottom:8px; background: url('http://www.wiredinsider.com/tumblrdev/chief-disruptor-onoff.gif') top no-repeat;} #tags a.upstarter {display:inline-block; width:72px; height:101px; padding-right:2px; margin-bottom:8px; background: url('http://www.wiredinsider.com/tumblrdev/smarter-upstarter-onoff.gif') top no-repeat;} #tags a.gastronaut {display:inline-block; width:72px; height:101px; padding-right:2px; background: url('http://www.wiredinsider.com/tumblrdev/gastronaut-onoff.gif') top no-repeat;} #tags a.itgirl {display:inline-block; width:72px; height:101px; padding-right:2px; background: url('http://www.wiredinsider.com/tumblrdev/it-girl-onoff.gif') top no-repeat;} #tags a.maker {display:inline-block; width:72px; height:101px; padding-right:2px; background: url('http://www.wiredinsider.com/tumblrdev/maker-onoff.gif') top no-repeat;} #tags a.culturazzi {display:inline-block; width:72px; height:101px; padding-right:2px; background: url('http://www.wiredinsider.com/tumblrdev/culturazzi-onoff.gif') top no-repeat;} #tags a:hover { background-position:bottom;} #video {line-height:12px; padding: 0 0 43px 0; border-top: 1px solid #a7a9ac;} #video a:hover {text-decoration:none !important;} #video h3 {border-top:3px solid #a7a9ac; display:table; padding-top:5px; text-transform:uppercase} #video h4 {font-size:12px; font-weight:normal; font-family:Helvetica, Arial, sans-serif;} #vidlink {padding-top:5px;} #video a.vidbtn {padding:3px 5px;font-weight:bold; color:#fff; background-color:#000; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} #video a.vidbtn:hover {text-decoration:none;} #subscribe {line-height:12px; padding: 0 0 43px 0; border-top: 1px solid #a7a9ac;} #subscribe h3 {border-top:3px solid #a7a9ac; display:table; padding-top:5px; text-transform:uppercase} #subIssue {width:76px; float:left;} #subInfo {width:216px; float:right; color:#12b3f0;} #subInfo a {color:#12b3f0 !important;} #social {text-align: left; padding: 25px 0px; border-top: 1px solid #ccc;} #social a {display: inline-block; width: 25px; height: 25px; margin-right: 17px;} #social h3 {font-weight:normal; font-size:12px; line-height:15px; text-align:left;} #buy {text-align: center;} #buy img {margin-bottom: 15px;} #ad-1000x90 {width: 729px; margin:0; float:left; padding-bottom:40px;} #ad-300x250 {width: 300px; height: 250px; padding:0px 0px 43px 0px; } #ad-300x250b {line-height:12px; padding: 0 0 43px 0; border-top: 1px solid #a7a9ac;} #ad-300x250b h3 {border-top:3px solid #a7a9ac; display:table; padding-top:5px; min-width:76px; text-transform:uppercase} #ad-300x600 {width: 300px; height: 600px;} #callout {width:138px; height:90px;float:right;} .red {color: #E51E1E !important;} .black {color: black !important;} .gray {color: #808080 !important;} .date {margin-bottom: 15px;} .notes_count {margin-bottom:15px; width:100%; text-align:right;} div#notes {margin-bottom: 15px;} div#notes img {margin-bottom: 0;} .share .share div {float: left;} .share img {margin-bottom:0 !important;} .share div {} .reddit {padding-right:10px;} .twitter {width:91px;} .facebook {} .googleplus {width:91px;} .pinterest {} article {margin-bottom: 55px; padding-bottom: 10px; border-bottom:1px solid #ccc; /*background-image: url('http://www.wiredinsider.com/tumblrdev/dots.png'); background-position: bottom; background-repeat: repeat-x;*/} article.last {padding-bottom: 35px; border-bottom:30px solid #000; } article.about {padding-bottom: 0px; border-bottom:30px solid #000; } article img {margin: 0 5px 15px 0;} article ul {margin-bottom: 15px; margin-top:0px;} article ul li {background: url('http://www.wiredinsider.com/tumblrdev/bullet-plus.gif') no-repeat 0 6px ;margin: .15em 0; padding: 0 0 0 15px;} article h2 {margin:15px 0 5px 0; line-height:32px;} article h3.gray {font-color:#7d7d7d; margin-bottom:10px; font-size:18px;} article strong a {color:#999; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} ol.notes {clear:both;} ol.notes img {margin:0 5px 0 0 !important;} .topHeader {margin-top:0px;} #sidebar a {color: black; text-decoration: none;} #sidebar a:hover {text-decoration: underline;} .notes_count {margin-top: 5px;} .notes_count a, #notes a, footer a {color: #808080;} .title a {text-decoration: none !important;} .title a:hover {text-decoration: underline !important;} p.topParagraph {margin-top:0px !important;} /* Instagram */ #instagram {line-height:12px; padding: 0; border-top: 1px solid #a7a9ac; margin-bottom:43px;} #instagram h3 {border-top:3px solid #a7a9ac; display:table; padding-top:5px; text-transform:uppercase} #instagram-wrap {width: 300px; height: 300px; overflow:hidden; display: none;} .instagram-placeholder {position: absolute; top: 0; left: 0;} .instagram-placeholder img {width: 300px; height: 300px;} div.followUs {padding-top:5px; margin-top:10px;} a.vidbtn {padding:3px 5px;font-weight:bold; color:#fff !important; background-color:#000; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} /* Twitter */ #twitter {line-height:12px; padding: 0; border-top: 1px solid #a7a9ac; margin-bottom:43px;} #twitter h3 {border-top:3px solid #a7a9ac; display:table; padding-top:5px; text-transform:uppercase} /* About page */ .insideBox {width:500px; padding-top:20px;} #introBox {padding:15px 0;} #introLeft {width:120px; float:left; background:#000; color:#fff; padding:15px 20px; font-size:.9em; line-height:1.2em;} #introLeft h3 {color:#fff; font-size:16px;} #introLeft ul li {background: url('http://www.wiredinsider.com/tumblrdev/bullet-plus-white.gif') no-repeat 0 6px ;margin: .15em 0; padding: 0 0 0 15px;} #introRight {width:310px; float:right;} #insiderCol1 {width:249px; float:left; border-right:1px solid #ccc;} #insiderCol1 div.insiderBio {padding: 20px 0 20px 0; margin-right:35px; line-height:1.4em; border-top:1px solid #ccc;} #insiderCol1 div.top {padding-top:0px; border-top:none;} .insiderBio h4 {margin:0; padding:0; font-size:12px; font-weight:bold; color:#939598; line-height:1em;} .insiderBio h3 {margin:0; padding:0; font-size:18px; text-transform:none; line-height:1.1em;} .insiderBio img {margin:0;} .insiderBio img.left {float:left; padding:0 20px 15px 0;} #insiderCol2 {width:250px; float:right;} #insiderCol2 div.insiderBio {padding: 20px 0px 20px 0; margin-left:28px; line-height:1.4em; border-top:1px solid #ccc;} #insiderCol2 div.top {padding-top:0px; border-top:none;} .short { min-height:178px;} .med { min-height:193px;} .long { min-height:223px;} /* Shop page */ #shopLogo {padding:0px; height:102px; margin-top:-23px;} #shopBottom {height:75px;} #shopContent {width: 874px; padding: 5px 0px 30px 0; border-bottom:30px solid #000;} #shopCol1 {float:left; width:250px; padding-right:30px; border-right:1px solid #ccc;} #shopCol2 {float:left; width:250px; padding-left:30px; padding-right:30px; border-right:1px solid #ccc;} #shopCol3 {float:left; width:250px; padding-left:30px; } div.itemBox {padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:30px; min-height:495px; position:relative;} div.itemBox h2 {line-height:30px; margin:10px 0;} div.itemBox p {width:230px;} div.itemBox a.shopBtn {padding:3px 5px; font-weight:bold; color:#fff; background-color:#000; position:absolute; bottom:20px;} div.bottombox {border-bottom:none;} /* old exchange styles */ div.shopBox {background:#f1f1f2; padding:15px; width:470px; line-height:1.5em;} div.shopBox h3 {font-size:18px; text-transform:none; margin:0;} div.shopImage {width:233px; float:left;} div.shopText {width:222px; float:right;} div.buyNow {color:#fff; margin-top:10px;} div.buyNow a {color:#fff; background:#000; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:5px; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} div.buyNow a:hover {color:#f1f1f2;} /*Winit Page */ a.winitBtn {display::block; padding:3px 5px; font-weight:bold; color:#fff; background-color:#000; font-family: Futura, "Trebuchet MS", Arial, sans-serif;} /*tumblr controls*/ iframe#tumblr_controls { top: 38px !important; right:0% !important; position: fixed !important;}