body { padding:0; margin:0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:11px; color:#666666; } html { background:#FFFFFF url(http://assets.tumblr.com/images/x.gif) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a { color:#666666; text-decoration:none;;} a:hover { text-decoration:none;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} .hidden {display:none !important;} #center { margin:auto; position:relative; width:920px; width:750px; } #container { position:relative; margin:0 0 100px;} #content { margin: 10px 0 0; float:left; width:690px; overflow: visible !important; width:520px; } #noheader { height:10px;} #xtr_spc, #xtr_spc_twitter { padding-top:10px; float: right; } #sidebar { margin: 0 5px 0 0; width:220px; margin: 0 10px 0 0; margin:0; } #sidebar_box { margin-bottom:10px; position: relative; width: 200px; padding: 10px; box-shadow:0 0 7px rgba(0,0,0,0.2); border-radius:3px; } #sidebar #background { position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0; opacity:0.9; background-color:#F5F5F5; border-radius:3px; } #sidebar .portrait{ width:200px; height:auto; border-radius:2px; } #sidebar h1 { overflow: hidden; text-overflow: inherit; white-space: nowrap; line-height: 100%; margin: 0; color:#777777; font-family: 'BenchNine',Helvetica,Arial,sans-serif; font-weight:400; } #sidebar h2, #content #post h3, #content #twitter h3{ font-size:18px; margin:0 0 5px; line-height: 100%; font-weight:bold; color:#777777; font-family: 'BenchNine',Helvetica,Arial,sans-serif; border-width:5px; font-weight:400; } #sidebar #links { margin:0;} #sidebar #links a { padding:5px 0; border-bottom:1px dotted rgba(0,0,0,0.1); display:block;} #sidebar #links a:last-child { border:none;} #sidebar #links #search {} #sidebar #links #search .search_input { border:none; background:transparent; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:11px; padding:5px 0 0; width:200px; color:#666666;} #sidebar #links #search .submit { display:none} #sidebar #widgets { margin: 0; overflow: hidden; width: 200px;} #sidebar #widgets #twitter { float: left; height: 20px; margin: 0 10px 0 0; overflow: hidden; width: 59px;} #sidebar #widgets .fb_iframe_widget { float: left; position: relative;} #xtr_spc_twitter { float: left; margin: 0 0 0 5px; } #xtr_spc_twitter #sidebar { margin-bottom:10px; position: relative; width: 200px; padding: 10px; margin:0 5px 0 0; box-shadow:0 0 7px rgba(0,0,0,0.2); border-radius:3px; } #xtr_spc_twitter #sidebar #background { position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0; opacity:0.9; background-color:#F5F5F5; border-radius:3px; } #blogroll { display:none; position:relative; padding:10px; margin: 10px 5px 0; float:left; width:660px; width:490px; border-radius:3px; } #blogroll #background { position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0; opacity:0.9; background-color:#F5F5F5; border-radius:3px; } #blogroll h1 { font-size:18px; margin:0 0 7px; line-height: 100%; font-weight:bold; color:#777777; font-family: 'BenchNine',Helvetica,Arial,sans-serif; border-width:5px; font-weight:400; } #blogroll ul { list-style: none outside none; margin: 13px 0 0; padding: 0; text-align: center;} #blogroll ul li { display: inline-block; height: 35px; margin: 0 5px 5px 0; width: 35px;} #blogroll ul li img { height: 35px; width: 35px;} #blogroll .close { font-size: 18px; line-height: 9px; position: absolute; right: 22px; top: 16px;} /* Content Style */ #content #post, #content #twitter, #content #pagination { float:left; position: relative; width:200px; padding:10px; margin:0 5px 10px; box-shadow:0 0 7px rgba(0,0,0,0.2); border-radius:3px; margin:0; width:500px; float:none; } #content #post #background, #content #twitter #background, #content #pagination #background { position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0; opacity:0.9; background-color:#F5F5F5; border-radius:3px; } #content #post.pages { text-align:center; width:660px; width:490px; border-radius:3px; } #content #post.pages h3 { margin:0; line-height:150%;} #content #twitter #feed .tweet_list, #xtr_spc_twitter #feed .tweet_list { margin:0; padding:0; list-style:none;} #content #twitter #feed .tweet_list li, #xtr_spc_twitter #feed .tweet_list li { padding:10px 0; border-bottom:1px dotted rgba(0,0,0,0.1);} #content #twitter #feed .tweet_list li:first-child, #xtr_spc_twitter #feed .tweet_list li:first-child { padding-top:3px;} #content #twitter #feed .tweet_list li:last-child, #xtr_spc_twitter #feed .tweet_list li:last-child { border:none; padding-bottom:3px;} #content #twitter #feed .tweet_list li .tweet_time {} #content #twitter #feed .tweet_list li .tweet_text {} #content #post h3 { margin: 0 0 10px;} #content #post blockquote { margin:0 0 0 20px} #content #post #quote { position: relative;} #content #post #quote #quote_symbol { font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 120px; font-weight: bold; height: 65px; right: 0; letter-spacing: -5px; line-height: 0; margin: -26px 0 0 -6px; opacity: 0.15; overflow: hidden; position: absolute; top: 0;} #content #post #quote h3 { text-decoration:none; text-align:center; padding:0 10px;} #content #post #quote .source { text-align:center; margin:10px 0 5px; font-style:italic;} #content #post #photo { position:relative; width:200px; width:500px; } #content #post #photo img { width:200px; z-index:1; position:relative; width:auto; width:500px; } #content #post #photo #gradient{ z-index:1000; position:absolute; height:100%; width:100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; opacity:0.3; background-image: linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #000000 100%);} #content #post #photo:hover #gradient{ opacity:0;} #content #post #photo #hover { font-weight:bold; font-size: 9px; bottom:0; position: absolute; text-transform: uppercase; width: 100%; z-index: 1001; opacity:0; text-align:center; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;} #content #post #photo:hover #hover { opacity:1;} #content #post #photo #hover #background { opacity:0.7; border-radius:0; background-color:#FFFFFF;} #content #post #photo #hover a { display:inline-block; margin:0 5px; padding:7px; color:#555555;} #content #post.photoset { } #content #post #photoset { overflow:hidden;} #content #post #photoset a img { width:250px; height:auto; display:none;} #content #post #photoset a:first-child img { display:block;} #container #audio_box { position:relative} #container #audio_box #gradient { z-index:1000; position:absolute; height:100%; width:100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; opacity:0.3; background-image: linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #000000 100%); } #container #audio_box:hover #gradient{ opacity:0;} #container .album{ margin:0; height:36px} #container .albumart{ margin:0; min-height:36px; width:200px; width: 250px; float: left; } #container .albumart img{ height: auto; width:200px; max-width: 300px !important; max-width: 250px !important; width: 250px; } #container .audio{ background: none repeat scroll 0 0 black; height: 27px; margin: -36px 0 0; opacity: 0.7; overflow: hidden; padding: 5px 0 4px; width: 27px; z-index:1001; border-left:86px solid black; border-right:87px solid black; position:absolute; position:relative; margin: 0 0 40px 40px; float: left; border-left: 186px solid black; border-right: 187px solid black; } #container .artist_info { float: left; list-style: none outside none; margin: 0; padding: 0 0 0 40px; width: 400px;} #container .artist_info li{ background: none repeat scroll 0 0 #EEEEEE; font-size: 10px; font-weight: normal; margin: 0 0 4px; padding: 5px 6px 4px; text-transform: uppercase;} #container .artist_info li:first-child{ border-top:none;} #container #post #chat { margin:0; list-style:none; padding:0;} #container #post #chat li { padding:10px 0; border-bottom:1px dotted rgba(0,0,0,0.1);} #container #post #chat li:first-child { padding-top:3px;} #container #post #chat li:last-child { border:none; padding-bottom:3px;} #container #post #chat li span{ font-weight:bold;} #container #question { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); margin: 0 0 10px; padding: 10px;} #container #question img { float: left; height: 37px; margin: 0 10px 5px 0; width: 37px;} #container #question span { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; line-height: 10px; margin: 0;} #container #question p { margin: 0;} #container #question p a.asker { font-weight:bold;} #container #answer p { position:relative; margin:0;} #container #answer p img { max-width:100%; height:auto; margin:10px 0 0;} #content #post.video { } #content #post #video iframe { width:430px !important; height:240px !important;} #container #post .caption {} #container #post .caption p { margin-bottom: 0;} #container #post .caption p, #container #post blockquote { position:relative} #container #post .caption p img, #container #post blockquote img { max-width:100%; margin:5px 0 0; height:auto;} #container #post .caption a.tumblr_blog { font-weight:bold; text-transform: capitalize;} #container #post blockquote { border-left: 1px dotted rgba(0, 0, 0, 0.1); margin: 5px 0 10px 10px; padding: 0 0 0 10px;} #content #pagination {} #content #pagination a { display: block; font-weight: bold; margin: 0 5px;} #content #pagination a.prev { float:right} #content #pagination a.next { float:left;} /* Post Info */ #container #info { margin: 10px 0 0; width: 520px;} #container #info .caption, #container #info .info_list, #container #info .notes_box { position:relative; padding:10px; margin:10px 0 0; width:500px; border-radius:3px; } #container #info #background { position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0; opacity:0.9; background-color:#F5F5F5; border-radius:3p