body { padding:0; margin:0; font-family:'Helvetica', arial; font-size:11px; color:#B3B3B3; background-color:#1d021d;} a { text-decoration:none; color:#777777; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;} a:hover { text-decoration:none; color:#2100ff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #center{ width:1080px; margin: 0 auto 15px;} .top{ margin:30px 0; width:715px;} .top .logo{ max-width:655px;} /**** Header styles ****/ #header{ margin: 0 auto; position: relative; width: 1080px; background-color: #1d021d;} #header h1{ font-family: 'Helvetica neue',arial; font-size: 70px; font-style: italic; font-weight: bold; height: 65px; letter-spacing: -6px; line-height: 50px; margin: 50px 0; text-align: center; color:#FFFFFF;} #header .logo{ max-height:250px; margin:0 0 20px 0;} #header .description{ margin: 0 auto 25px; text-align: center; width: 400px;} #header .links_box{ height:10px; overflow:hidden;} #header .links{ list-style: none outside none; margin: 0 auto 20px; padding: 0; text-align: center; color:#FFFFFF} #header .links li a{ color:#FFFFFF} #header .links li{ display: inline; font-weight:bold; font-size: 10px; letter-spacing: 0px; margin: 0 15px; text-transform: uppercase; color:#FFFFFF} #header .border{ clear: both; margin: 25px auto; width: 450px; border-top: 1px solid #222222;} #container{ width: 1080px; overflow-y: hidden;} #container .post{ float: left; margin: 0 25px 50px; overflow: hidden; position: relative; width: 220px; background-color: #1d021d; width:800px; padding: 5px 0 30px; margin:auto; float:none; } #container .post img{ max-width:800px; } #container h3{ font-family: Helvetica Neue; margin:0; padding:0; line-height:19px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;} #container .quote{ text-align:center; margin:auto; min-height:52px; text-align:center; width:500px; } #container .quote .quote_symbol{ font-family: Impact,Charcoal,sans-serif; font-size: 200px; margin: -170px 0 0; opacity: 0.07; position: absolute;} #container .quote .source{ margin-top:10px} #container .album{ margin:0; height:28px;} #container .albumart{ margin:0; min-height:height:28px;; width: 220px;} #container .albumart img{ height: auto; max-width: 220px !important; width: 220px;} #container .audio{ background: none repeat scroll 0 0 black; border-left: 45px solid black; border-right: 45px solid black; float: left; height: 27px; margin: -39px 0 0; opacity: 0.8; overflow: hidden; padding: 5px 0 4px; position: absolute; width: 27px;} #container .plays{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: white; font-size: 9px; font-weight: bold; height: 11px; margin: -39px 0 0 117px; padding: 15px 15px 10px; position: absolute; text-align: right; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; width: 73px;} #container .caption{ text-align:center;} #container .video{ position: relative; width:500px; margin:auto; } #container .video .header{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); height: 13px; top:0; opacity:0; padding: 9px 10px 6px; position: absolute; width: 200px; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; transition: all 1.0s ease;} #container .video:hover .header{ opacity:1; -webkit-transition: all 1.0s ease-in; -moz-transition: all 1.0s ease-in; transition: all 1.0s ease-in;} #container .video .header h1{ color: white; float: left; font-size: 12px; margin: 0; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} #container .video .header .note{ color: white; float: right; font-size: 9px; font-weight: bold; margin: 2px 0 0; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} #container .photo_set{ width:220px; position:relative; overflow:hidden; width:500px; } #container .photo_set .view{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 3px; opacity: 0; position: absolute; top: 0; width: 220px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease;} #container .photo_set:hover .view{ opacity:1; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease;} #container .photo_set .view .link{ color: white; font-size: 12px; font-weight: bold; height: 11px; line-height: 13px; margin: -6px 0 0; position: absolute; text-align: center; text-transform: uppercase; top: 50%; width: 220px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} #container .photo_set .header{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); height: 13px; padding: 9px 10px 6px; position: absolute; width: 200px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease;} #container .photo_set:hover .header{ opacity:0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease;} #container .photo_set .header h1{ color: white; float: left; font-size: 12px; margin: 0; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} #container .photo_set .header .note{ color: white; float: right; font-size: 9px; font-weight: bold; margin: 2px 0 0; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} #container .answer_post{ width:500px; margin:0;} #container .question { line-height: 11px; margin: 0; padding: 5px 0; width: 210px;} #container .question strong{ text-transform:capitalize} #container .answer{ clear: both; display: block; font-style: italic; line-height: 11px; margin: 7px 0 0; padding: 14px 0 0; border-top: 1px solid #222222;} #container .answer p{ padding:0; margin:0;} #container blockquote { margin: 10px 0px 10px 15px; padding: 2px 5px;} #container iframe.photoset img{ display:block !important;} #container .answer_form_container iframe{ height:75px !important} #container .chat{ margin:5px 0; padding:0; list-style:none;} #container .chat li{ margin: 5px; padding: 5px 2px 10px; border-bottom: 1px solid #222222;} #container .chat li:last-child{ border:0; padding: 5px 5px 0;} #container .chat .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label { font-weight:bold;} /**** Posts: Photos ****/ #photo { overflow:hidden; width: 800px; } #photo a, #photo a:hover{ color:white;} #photo img { display:block; max-width:800px; } div#photo div#picture { position:relative;} div#photo div#picture div#info { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 220px; z-index: 998; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease;} div#photo:hover div#picture div#info { opacity:1; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease;} div#photo div#picture div#info div#holder { height: 134px; margin-top: -67px; position: absolute; text-align: center; top: 50%; width: 220px; z-index: 999;} div#photo div#picture div#info div#holder .note{ font-family: 'Six Caps',sans-serif; font-size: 90px; height: 80px; line-height: 74px; margin: 0; text-align: center; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} div#photo div#picture div#info div#holder .border { border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 15px auto; width: 40px;} div#photo div#picture div#info div#holder .date { font-size: 14px; font-weight: bold; height: 11px; letter-spacing: 0; margin: 11px 0 7px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase;} div#photo div#picture div#info div#holder .reblog { color: white; font-size: 6px; letter-spacing: 3px; margin: 0 auto; overflow: hidden; text-align: center; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; width: 40px;} div#photo div#picture:hover div#info {visibility:visible;} .permalink_audio { margin: auto; width: 500px;} .permalink_audio .albumart_box { float: left; height: 220px; margin-right: 30px; position: relative; width: 220px;} .permalink_audio .albumart_box .albumart { position:absolute; width: 220px;} .permalink_audio .albumart_box .albumart img { display:block} .permalink_audio .no_albumart { border: 2px dashed rgba(0, 0, 0, 0.07); color: rgba(0, 0, 0, 0.07); font-size: 14px; font-weight: bold; height: 111px; letter-spacing: -1px; line-height: 14px; padding: 105px 0 0; text-align: center; text-transform: lowercase; width: 216px;} .permalink_audio .audio_player_perma { background: none repeat scroll 0 0 black; border-right: 224px solid black; float: left; height: 30px; margin: 89px 0 0 -15px; opacity: 0.7; overflow: hidden; padding: 7px 10px 4px; position: relative; width: 21px; z-index: 999;} .permalink_audio .audio_player_perma_art { background: none repeat scroll 0 0 black; border-right: 370px solid black; float: left; heig