/*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Sidebar -2.3 Content -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 14px/20px Georgia, Times, Serif; color: #000; background: #fff url(http://static.tumblr.com/j8lh0bq/WdXkztvpw/bg.jpg) no-repeat top center; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; font-weight:normal; } h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #ff0000; text-decoration:none;} a:hover { color: #000; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ .col-left { float: left; } .col-right { float: right; } .col-full { width: 890px; margin: 0 auto; } /* 2.2 Sidebar */ #sidebar{width:220px; margin-right: 50px; } #logo-img { display: block; text-align: center; } #logo-img h1 { display: none; } #logo-img img { height: auto !important; max-width: 220px; } #logo-txt h1 { margin: 20px 0 15px 0; width: 220px; font: bold 60px/50px Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; } #logo-txt h1 a { color: #000; display: block; width: 220px;word-wrap: break-word; } #logo-txt h1 a:hover { color: #ff0000; } #nav { background: url(http://static.tumblr.com/j8lh0bq/9oEkztgz2/border-sidebar.jpg) no-repeat left bottom; } #nav ul { float: left; padding: 11px 0 6px 0; background: url(http://static.tumblr.com/j8lh0bq/9oEkztgz2/border-sidebar.jpg) no-repeat left top; } #nav li { float: left; margin: 0 19px; text-align: center; font: bold 10px Helvetica, Arial,sans-serif; text-transform: uppercase; } #nav li a { display: inline-block; color: #000; } #nav li a img { padding: 0 0 6px 0; } #nav li a:hover { color: #ff0000; } #about { background: url(http://static.tumblr.com/j8lh0bq/9oEkztgz2/border-sidebar.jpg) no-repeat left bottom; } #about p, #about .act-as-p { margin: 10px 0; font-style: italic; } #about .avatar { float: left; margin: 0 8px 10px 3px; border: 2px solid #ff0000; width: 58px; height: 58px; } #follow img { margin: 20px 0 0 -8px; } #searchbox { margin: 15px 0 30px -12px; background: url(http://static.tumblr.com/j8lh0bq/fKBkztgxq/bg-search.jpg) no-repeat top left; } #searchbox form { padding: 15px 0 22px 0; } #searchbox .field { float: left; display: block; border: none; line-height: 16px; font-family: Helvetica, Arial, sans-serif; width: 156px; margin: 0 0 0 12px; padding: 10px 0 5px 6px; background: transparent; } #searchbox .submit { float: right; } .widget { margin: 0 0 30px 0; } .widget h3 { margin: 0 0 6px 0; padding: 0 0 6px 0; text-transform: uppercase; font: 18px Futura, Helvetica, Sans-serif; background: url(http://static.tumblr.com/j8lh0bq/9oEkztgz2/border-sidebar.jpg) no-repeat left bottom; } .widget ul li { padding: 0 0 0 5px; line-height: 25px; } .widget ul li a { color: #000; } .widget ul li a:hover { color: #ff0000; } .widget ul#tweets { overflow:hidden; } .widget ul#tweets li { word-wrap: break-word; margin: 4px 0 12px; line-height: 20px; } .widget ul#tweets li .tweet-link { display: block; font: bold 10px Helvetica, Arial,sans-serif; text-transform: uppercase; margin-top: 8px; } .widget ul#flickrpics { overflow:hidden; } .widget ul#flickrpics li { float: left; margin: 6px 8px 2px 0; } .widget ul#flickrpics img { border: 2px solid #ff0000; } /* 2.3 Content */ #content { position: relative; width:620px; padding: 30px 0 0 0; } #top { position: fixed; top: 0; margin-left: -12px; width: 524px; height: 7px; background: url(http://static.tumblr.com/j8lh0bq/iBEkztvrm/topthing.png) no-repeat left top; } .post { margin: 0 0 50px 0; } .post p { margin: 0 0 18px; } .post .description ul { list-style-type: disc; } .post .description ol { list-style-type: decimal; } .post .description ul, .post .description ol { margin: 0 0 18px 28px; } .post .description blockquote { margin-bottom: 18px; padding-left: 15px; border-left: 1px solid #eee; } .post .description blockquote p, .post .description blockquote ul, .post .description blockquote ol, .post .description blockquote blockquote { margin-bottom: 10px; margin-top: 10px; } .post .postcontent { float: left; width: 500px; } .post .postdetails { float: right; width: 120px; } .post .postcontent .description { margin: 25px 0 0 0; } .post .postcontent .meta { margin-top: 25px; background: url(http://static.tumblr.com/j8lh0bq/Kufkztvqn/border-meta.jpg) no-repeat left top; } .post .postcontent .meta ul { position: relative; height: 30px; background: url(http://static.tumblr.com/j8lh0bq/Kufkztvqn/border-meta.jpg) no-repeat left bottom; } .post .postcontent .meta ul li { display: inline; margin: 0 25px 0 0; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; } .post .postcontent .meta ul li a { padding: 3px 0 0 27px; color: #6f6f6f; line-height: 32px; } .post .postcontent .meta ul li a:hover { color: #000; } .post .postcontent .meta ul li.t { position: absolute; top: 2px; display: block; width: 64px; height: 0; padding-top: 26px; overflow: hidden; text-indent: -9999; background: url(http://static.tumblr.com/j8lh0bq/Nxskztd7z/bg-meta.png) no-repeat left top; } .post .postcontent .meta ul li.perma { margin-left: 100px; } .post .postcontent .meta ul li.perma a { background: url(http://static.tumblr.com/j8lh0bq/oE1kzth1m/ico-perma.png) no-repeat left center; } .post .postcontent .meta ul li.notes a { background: url(http://static.tumblr.com/j8lh0bq/OYnkzth19/ico-notes.png) no-repeat left center; } .post .postcontent .meta ul li.short a { background: url(http://static.tumblr.com/j8lh0bq/PYZkzth4x/ico-short.png) no-repeat left center; } .post .postdetails .post-icon { display: block; width: 80px; height: 50px; margin: 0 0 0 15px; } .post.link .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/zK1kzth2c/ico-post-link.png) no-repeat left top; } .post.photo .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/SFOkzth30/ico-post-photo.png) no-repeat 7px top; } .post.quote .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/7XLkzth3e/ico-post-quote.png) no-repeat 9px top; } .post.text .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/DHCkzth3r/ico-post-text.png) no-repeat 2px top; } .post.video .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/3jpkzth49/ico-post-video.png) no-repeat 8px top; } .post.music .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/cTGkzth2o/ico-post-music.png) no-repeat 9px top; } .post.chat .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/Zrbkzth1y/ico-post-chat.png) no-repeat 11px top; } .post.answer .postdetails .post-icon { background: url(http://static.tumblr.com/j8lh0bq/Zrbkzth1y/ico-post-chat.png) no-repeat 11px top; } .post.chat .description, .post.text .description { margin: 0; } .post.music .description { margin: 5px 0 0; } .post.music .description img { margin-right: 13px; } .post.chat h2, .post.text h2 { margin-bottom: 25px; } .post.chat .postcontent .description ul { margin: 0 0 18px 0; list-style-type: none; } .post.link .postlink { display: inline-block; padding: 0 30px 0 0; font: bold italic 20px Georgia, Times, serif; background: url(http://static.tumblr.com/j8lh0bq/zYJkzth0l/ico-link.png) no-repeat right 1px; } .post.photo .postimage { border-bottom: 3px solid #ff0000; } .post.quote blockquote.real-quote { font: bold italic 20px/24px Georgia, Times, serif; } .post.quote blockquote.real-quote :before, .post.quote blockquote.real-quote:after { content: '"' } .post.quote .postcontent .description p:before { content: "~" } .post .postcontent h2 { font: bold italic 20px Georgia, Times, serif; } .post .postcontent h2 a { color: #000; } .post .postcontent h2 a:hover { color:#ff0000; } .post.music .audio-wrap { float: left; margin: 0 20px 5px 0; } .post.music .audio-wrap img { max-width: 213px; height: auto !important; } .post.music .audio-player { border: 2px solid #000; margin-bottom: 2px; height:26px;} .post.answer blockquote.real-quote { font: italic 18px/24px Georgia, Times, serif; } .post.answer .asker-wrap { margin-top: 15px; padding-bottom: 15px; background: url(http://static.tumblr.com/j8lh0bq/Kufkztvqn/border-meta.jpg) no-repeat left bottom; } .post.answer .asker-wrap img { vertical-align: middle; margin-right: 10px; border: 2px solid #ff0000; } .post .postdetails .tags { padding: 15px 0 0 20px; } .post .postdetails .tags li { margin: 0 0 3px 0; padding: 0 0 0 11px; line-height: 19px; background: url(http://static.tumblr.com/j8lh0bq/ejgkztgy0/bg-tag.png) no-repeat left top; } .post .postdetails .tags li a { display: inline-block; padding: 5px 6px 3px 4px; background: #000; color: #fff; font: bold 11px/12px Helvetica, Arial, sans-serif; vertical-align: center; text-transform: uppercase; } #notes { width: 500px; margin: 0 0 30px 0; } #notes h3 { padding: 0 0 6px 0; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; background: url(http://static.tumblr.com/j8lh0bq/Kufkztvqn/border-meta.jpg) no-repeat left bottom; } #notes ul { background: url(http://static.tumblr.com/j8lh0bq/Kufkztvqn/border-meta.jpg) no-repeat left bottom; } #notes li { padding: 0 0 1px 8px; line-height: 24px; border-bottom: 1px dotted #c3c3c3; font-size: 13px; font-style: italic; } #notes li img { vertical-align: middle; margin: 0 8px 0 0; } #disqus_thread { width: 500px; margin: 0 0 30px 0 !important; } #pagination { width: 500px; } #pagination a { display: block; height: 0; overflow: hidden; padding-top: 26px; width: 64px; } #pagination .prev-page { float: left; background: url(http://static.tumblr.com/j8lh0bq/aP4kztd8p/bg-prevpage.png) no-repeat left top; } #pagination .pages { display: block; width: 372px; line-height: 22px; font-size: 13px; font-style: italic; font-weight: bold; height: 24px; margin: 0 auto; text-align: center; border-top: 1px dotted #ff0000; border-bottom: 1px dotted #ff0000; color: #ff0000; } #pagination .next-page { float: right; background: url(http://static.tumblr.com/j8lh0bq/7ulkztd8e/bg-nextpage.png) no-repeat left top; } #footer { margin: 30px 0 0; width: 500px; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #a8a8a8; } #footer .copyright { float: left; } #footer .credit { float: right; } #footer .credit img { vertical-align: middle; }