body { padding:0; margin:0; overflow-x:hidden; font-size:11px; font-family: 'Helvetica', Arial, sans-serif; color:#000000; background-color:#FFFFFF; background-image:url(http://assets.tumblr.com/images/x.gif?v=1); background-position:center top; } a { text-decoration:none; color:#000000; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:#000000; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} #content { margin: 20px auto; width:1150px; width:1030px; width:1100px; width:980px; } #sidebar { position:absolute; width:270px; width:220px; position:fixed; } #sidebar h1 { font-size: 17px; height: 13px; line-height: 17px; margin: 0 0 1px; overflow: hidden; padding: 10px; text-overflow: ellipsis; white-space: nowrap; width: 250px; background:#FFFFFF; width:200px; } #sidebar #portrait { margin: 0 0 1px; padding: 10px; width: 250px; background:#FFFFFF; border-radius:3px 3px 0 0; width:200px; } #sidebar #description, #links, #sidebar #twitter { margin: 0 0 1px;} #sidebar #description #desc_click, #sidebar #links #links_click, #sidebar #twitter h1 { cursor: pointer; font-size: 12px; font-weight: bold; height: 9px; line-height: 12px; margin: 0; padding: 10px; width: 250px; background:#FFFFFF; width:200px; width:200px; } #sidebar #links #links_click, #sidebar #links #background { border-radius:0 0 3px 3px; } #sidebar #twitter h1, #sidebar #twitter #background { } #sidebar #description #description_box { position:relative; } #sidebar #links #links_box { position:relative; font-size:12px; } #sidebar #twitter #twitter_box { position:relative; } #sidebar #description #background, #sidebar #links #background, #sidebar #twitter #background { position:absolute; height:100%; width:100%; opacity:0.8; z-index:-1; margin-top:-6px; padding:0 0 6px; background:#FFFFFF; width:220px; } #sidebar #description #description_box p { padding:10px; margin:0;} #sidebar #links a { display: block; font-weight: bold; margin: 0 10px; overflow: hidden; padding: 7px 0; text-overflow: ellipsis; white-space: nowrap; width: 200px; border-bottom:1px solid #FFFFFF;} #sidebar #links a :last-child {border:none;} #sidebar #twitter #twitter_update_list { margin:0; padding:10px; list-style:none;} #sidebar #twitter #twitter_update_list li { padding: 7px 0; border-bottom:1px solid #FFFFFF;} #sidebar #twitter #twitter_update_list li span { display: block;} #sidebar #twitter #twitter_update_list li:last-child { padding:7px 0 0; border:none;} #sidebar #page_navigation { font-weight: bold; line-height: 100%; padding: 10px; width: 220px; background:#FFFFFF; border-radius:3px; width:200px; } #sidebar #page_navigation .prev_1 { cursor:default; opacity:0.5; float:left;} #sidebar #page_navigation .prev { float:left; position: relative; z-index: 3;} #sidebar #page_navigation .next { float:right; position: relative; z-index: 3;} #sidebar #page_navigation #jump_pagination { font-size: 9px; position: absolute; text-align: center; width: 220px; width:200px; } #sidebar #page_navigation #jump_pagination a, #sidebar #page_navigation #jump_pagination span{ display:inline-block; margin:0 3px;} #container { position:relative; width:870px; margin:0 280px 0 0; margin:0 0 0 -120px; margin:0 0 0 -120px; margin:0; margin:0 0 0 280px; margin:0 0 0 230px; } #container #post, #container #twitter, #container #page_navigation { width:250px; float:left; margin:0 10px 20px; padding:10px; overflow:hidden; background:#FFFFFF; border-radius:3px; width:500px; } #container #twitter h1 { line-height: 100%; margin: 0 0 10px;} #container #twitter #twitter_update_list { list-style: none outside none; margin: 0; padding: 0;} #container #twitter #twitter_update_list li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); line-height: 110%; margin: 0 0 3px; padding: 10px;} #container #twitter #twitter_update_list li a{ font-size:80% !important;} #container #twitter #twitter_update_list li span { display: block; font-size: 11px; padding: 0 0 5px;} #container #twitter #twitter_update_list li span a{ font-size:100% !important;} #container #twitter #twitter_update_list li:last-child{ margin:0;} #container #post #photo { position:relative; width:250px; overflow:hidden; width:500px; } #container #post #photo img { width:250px; width:500px; } #container #post #photo a, a:hover { color:;} #container #post #photo #hover { visibility:hidden} #container #post #photo:hover #hover{ visibility:visible} #container #post #photo .kisten { background-color: rgba(0, 0, 0, 0.85); color: white; font-size: 9px; font-weight: bold; height: 7px; line-height: 9px; overflow: hidden; padding: 8px 10px; position: absolute; text-transform: uppercase;} #container #post #photo .kisten a, #container #post #photo .kisten a:hover{color:white;} #container #post #photo .notes { bottom: 76px; left: -80px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #container #post #photo .timeago { left:-90px; bottom:52px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo .date { left:-80px; bottom: 28px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photo .reblog { bottom: 28px; right:-65px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photo .permalink { bottom:52px; right:-75px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo .tags { bottom: -46px; padding: 10px; width: 230px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo:hover .notes, #container #post #photo:hover .timeago, #container #post #photo:hover .date {left:0;} #container #post #photo:hover .reblog, #container #post #photo:hover .permalink {right:0} #container #post #photo:hover .tags {bottom:0;} /** IMAGE HOVER STYLE #2 **/ #container #post #photo .taglist { height: 7px; list-style: none outside none; margin: 0 0 20px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 230px; line-height: 9px;} #container #post #photo .taglist li { display: inline-block; margin: 0 0 0 4px; white-space: nowrap;} #container #post #photo .caption { height: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; margin: 0 0 20px; padding: 0; line-height: 9px;} #container #post #photo .caption p { margin:0 0 5px; display: inline-block;} #container #post #photo .caption blockquote { display: inline-block; margin: 0} /** Photo set styling **/ #container #post #photoset { position:relative; width:250px; overflow:hidden; width:500px; } #container #post #photoset a, a:hover { color:;} #container #post #photoset #hover { visibility:hidden} #container #post #photoset:hover #hover{ visibility:visible} #container #post #photoset .kisten { background-color: rgba(0, 0, 0, 0.85); color: white; font-size: 9px; font-weight: bold; height: 7px; line-height: 9px; overflow: hidden; padding: 8px 10px; position: absolute; text-transform: uppercase;} #container #post #photoset .kisten a, #container #post #photoset .kisten a:hover{color:white;} #container #post #photoset .notes { bottom: 76px; left: -80px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #container #post #photoset .timeago { left:-90px; bottom:52px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset .date { left:-80px; bottom: 28px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photoset .reblog { bottom: 28px; right:-65px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photoset .permalink { bottom:52px; right:-75px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset .tags { bottom: -46px; padding: 10px; width: 230px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset:hover .notes, #container #post #photoset:hover .timeago, #container #post #photoset:hover .date {left:0;} #container #post #photoset:hover .reblog, #container #post #photoset:hover .permalink {right:0} #container #post #photoset:hover .tags {bottom:0;} /** IMAGE HOVER STYLE #2 **/ #container #post #photoset .taglist { height: 7px; list-style: none outside none; margin: 0 0 20px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 230px; line-height: 9px;} #container #post #photoset .taglist li { display: inline-block; margin: 0 0 0 4px; white-space: nowrap;} #container #post #photoset .caption { height: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; margin: 0 0 20px; padding: 0; line-height: 9px;} #container #post #photoset .caption p { margin:0 0 5px; display: inline-block;} #container #post #photoset .caption blockquote { display: inline-block; margin: 0} /** CSS for all posts **/ #container h1 { line-height: 120%; margin: -3px 0 0; font-size:17px;} #container .caption { position:relative; padding:5px;} #container .caption blockquote{ margin:0 0 0 5px;} #container .caption p { margin:2px 0;} #container .caption blockquote img, #container .caption p img{ width:100%; height:auto; margin:5px 0;} /** Chat posts **/ #container #chat{ margin:0; padding:0; list-style:none;} #container #chat li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); line-height: 110%; margin: 0 0 3px; padding: 10px;} #container #chat li:last-child{ margin:0;} #container #chat .label { font-weight:bold;} /** Quote posts **/ #container #quote h1{ font-size: 14px; letter-spacing: 1px; line-height: 150%; margin: 10px 0; text-align: center; text-transform: uppercase; word-spacing: 3px;} #container #quote .source { text-align: center;} /** Video posts **/ #container #video iframe { width:250px !important;} /** Audio posts **/ #container #audio { position:relative;} #container #audio #album_art { background-image: url("http://static.tumblr.com/8jq17g7/Nxumao2aw/vinyl.png"); float: left; height: 76px; margin: 5px 0 10px 5px; width: 96px;} #container #audio #album_art img { height: 72px; margin: 1px 2px; width: 72px;} #container #audio #player { background: none repeat scroll 0 0 black; border-color: black; border-style: solid; border-width: 0 56px; float: left; margin: 25px 0 0 10px; overflow: hidden; padding: 3px 0; width: 27px; height: 27px; border-radius: 3px 3px 3px 3px; } #container #audio .shortplayer { margin: 25px 2px 0 10px !important; border-width: 0 3px !important; border-radius: 3px 0 0 3px !important; } #container #audio #playcount { background: none repeat scroll 0 0 #000000; color: white; float: left; font-weight: bold; margin: 25px 0 0; padding: 9px 10px; text-align: right; width: 84px; height:15px; border-radius: 0 3px 3px 0; } #container #audio #info { background: none repeat scroll 0 0 transparent; box-shadow: none; clear: both; list-style: none outside none; margin: 15px 0 0; padding: 0;} #container #audio #info li{ margin:3px 0 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); white-space:nowrap; overflow:hidden; padding:5px 10px; text-overflow:ellipsis;} #container #audio #info p{ margin:0 3px 0 0; font-weight:bold; display:inline-block;} /** Answer posts **/ #container #answer .question { margin: -5px 0 0;} #container #answer .question .asker_portrait { float: left; height: 40px; margin: 0 5px 0 0; width: 40px;} #container #answer .question p { float: left; margin: 0; padding: 0 0 5px 5px; width: 200px;} #container #answer .answer { clear: both; margin: 5px 0 0;} #container #answer .answer .answer_portrait { float: left; height: 40px; margin: 0 5px 0 0; width: 40px;} #container #answer .answer p{ float: left; margin: 0; padding: 0 0 0 5px; position: relative; width: 200px;} #container #answer .answer p img { max-width:100%; margin:5px 0;} #caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); position:relative; margin: 10px 0 0; padding: 1px 10px;} #caption blockquote { position:relative;} #caption img{ width:100%; margin:5px 0; height:auto;} /** Page Navigation **/ #container #page_navigation { font-weight:bold; text-transform:uppercase;} #container #page_navigation .prev_1 { cursor:default; opacity:0.5; float:left;} #container #page_navigation .prev { float:left;} #container #page_navigation .next { float:right;} #container #go_up { bottom: 20px; display: none; line-height: 100%; padding: 7px 10px 8px; position: fixed; background:#FFFFFF; margin: 0 0 0 590px; border-radius:3px; } #container #post_sidebar { position: absolute; width: 200px; position:fixed; margin: