/* Author: Mr. Henry Date: 2008-12-18 */ /* @group Imports */ @import url(stylesheets/typography.css); @import url(stylesheets/dirty.css); /* @end */ /* @group Testing Borders */ #wrapper { border: 0px solid green; } #content { outline: 0px solid orange; } #sidebar { border: 0px solid cyan; } /* @end */ /* @group Structure */ body { background: #000000 url(images/backgrounds/bg-body.jpg) repeat center 0; } #background { background: url(images/backgrounds/bg-body-top.jpg) no-repeat center 0; } blockquote { padding: 25px 25px 25px 80px; margin-left: -55px; font-family: "Times New Roman", serif; font-size: 12px; color: #444; background: url(images/backgrounds/bg-wrapper-980.jpg) no-repeat left -400px; } blockquote p { margin: 0; } #wrapper { margin: 0 auto; width: 980px; } #header { height: 190px; position: relative; } #content { float: left; margin: 0 0 20px 30px; width: 620px; background: url(images/backgrounds/bg-content.gif) repeat-y 0 0; display: inline; } #sidebar { float: right; margin: 0 30px 0 0; padding: 0 0 50px 0; width: 290px; display: inline; } #footer { float: left; margin: 0 0 0 30px; padding: 0 0 50px 0; width: 620px; position: relative; } .left { float: left; } .right { float: right; } .clear { clear: both; } .hide { display: none; } .first { } .last { } hr { display:none; } /* @end */ /* @group Header */ #header h1 a { position: absolute; top: 100px; right: 90px; display: block; margin: 0 0 10px; border: none; width: 188px; height: 33px; background: url(images/general/img-logo.png) no-repeat 0 0; text-indent: -8885px; } #header a.mrhenry { position: absolute; top: 140px; right: 193px; display: block; margin: 0 0 0 49px; border: none; width: 62px; height: 12px; background: url(images/buttons/btn-mrhenry.gif) no-repeat 0 0; text-indent: -8885px; } /* @end */ /* @group Navigation */ /* @end */ /* @group Content */ #content .post, #content .page { padding: 25px 0 25px 25px; min-height: 155px; position: relative; } #content .post .navigation { padding: 0 0 10px 0; } #content .post .entry { padding: 0 105px 1em 0; } #content .post .entry p { position: relative; } #content .post .entry .alignleft { float: left; margin: 0 20px 20px 0; } #content .post .entry .alignright { float: right; margin: 0 0 20px 20px; } #content .post h2 { padding: 0 105px 0 0; } #content .post h2 span.coding, #content .post h2 span.coding-not-active, #content .post h2 span.sexual-thrills, #content .post h2 span.sexual-thrills-not-active, #content .post h2 span.internet, #content .post h2 span.internet-not-active, #content .post h2 span.sharing, #content .post h2 span.sharing-not-active, #content .post h2 span.design, #content .post h2 span.design-not-active, #content .post h2 span.mr-henry, #content .post h2 span.mr-henry-not-active { visibility: visible; display: inline-block; width: 12px; height: 20px; background: url(images/backgrounds/sprite-filter-buttons.gif) no-repeat 0 20px; } #content .post h2 span.coding { background-position: 0 6px; } #content .post h2 span.sexual-thrills { background-position: 0 -54px; } #content .post h2 span.internet { background-position: 0 -14px; } #content .post h2 span.sharing { background-position: 0 -74px; } #content .post h2 span.design { background-position: 0 -34px; } #content .post h2 span.mr-henry { background-position: 0 -94px; } #content .post h2 span.coding-not-active { background-position: -140px 6px; } #content .post h2 span.sexual-thrills-not-active { background-position: -140px -54px; } #content .post h2 span.internet-not-active { background-position: -140px -14px; } #content .post h2 span.sharing-not-active { background-position: -140px -74px; } #content .post h2 span.design-not-active { background-position: -140px -34px; } #content .post h2 span.mr-henry-not-active { background-position: -140px -94px; } #content .post h2.t404 { height: 44px; background: url(images/titles/sprite-titles.gif) no-repeat -500px 0; text-indent: -8885px; } #comments { padding: 25px 0 25px 25px; } #comments h3.comments { display: none; } #comments .commentlist { margin: 0; padding: 0; list-style: none; } #comments .commentlist li { margin: 0 0 1em 0; padding: 0 105px 4em 0; position: relative; } #comments .commentlist li p { margin: 0 0 0 110px; padding: 0 10px 10px 10px; background: #0E0E0E; position: relative; } #comments .commentlist li p.first { margin-top: -1.5em; } #comments .comment-author { border-bottom: 1px solid #262626; padding: 3px 0; position: relative; } #comments .comment-author .author, #comments .comment-author .author a { display: block; width: 100px; border: none; } #comments .comment-author .author img { display: block; } #respond { margin: 3em 0 0 0; } #respond h3.leave-a-reply { float: left; width: 110px; margin: 0 10px 0 0; border-bottom: 1px solid #262626; padding: 3px 0; background: url(images/titles/sprite-titles.gif) no-repeat -270px 0; text-indent: -8885px; } #respond form { float: left; width: 320px; } #respond .txtfield { float: left; margin: 0 10px 10px 0; border: 1px solid #0E0E0E; padding: 4px; width: 184px; } #respond textarea { float: left; margin: 0 10px 10px 0; border: 1px solid #0E0E0E; padding: 3px 0 3px 3px; width: 270px; height: 110px; } #respond label { float: left; margin: 2px; } #respond .LV_validation_message { display: none; } #respond .LV_invalid_field { background: #f14848; } #content .post-meta { position: absolute; top: 25px; right: 0; width: 70px; } #content .post-meta span { display: block; margin: 0 auto 10px auto; width: 40px; height: 40px; background-image: url(images/backgrounds/sprite-balls.gif); text-indent: -8885px; } #content .comment-meta { position: absolute; bottom: 1.5em; right: -95px; width: 70px; } #content .comment-meta span { display: block; width: 24px; height: 24px; background-image: url(images/backgrounds/sprite-miniballs.gif); text-indent: -8885px; } #content .comment-meta .day { position: absolute; top: 0; left: 21px; } #content .comment-meta .month { position: absolute; top: 0; left: 46px; } #content .comment-meta .year { position: absolute; top: 22px; left: 33px; } .ball02 { background-position: -40px 0; } .ball03 { background-position: -80px 0; } .ball04 { background-position: -120px 0; } .ball05 { background-position: -160px 0; } .ball06 { background-position: -200px 0; } .ball07 { background-position: -240px 0; } .ball08 { background-position: -280px 0; } .ball09 { background-position: -321px 0; } .ball10 { background-position: -360px 0; } .ball11 { background-position: -400px 0; } .ball12 { background-position: -440px 0; } .ball13 { background-position: -480px 0; } .ball14 { background-position: -520px 0; } .ball15 { background-position: -560px 0; } .ball16 { background-position: -600px 0; } .ball17 { background-position: -640px 0; } .ball18 { background-position: -680px 0; } .ball19 { background-position: -720px 0; } .ball20 { background-position: -760px 0; } .ball21 { background-position: -800px 0; } .ball22 { background-position: -840px 0; } .ball23 { background-position: -880px 0; } .ball24 { background-position: -920px 0; } .ball25 { background-position: -960px 0; } .ball26 { background-position: -1000px 0; } .ball27 { background-position: -1040px 0; } .ball28 { background-position: -1080px 0; } .ball29 { background-position: -1120px 0; } .ball30 { background-position: -1160px 0; } .ball31 { background-position: -1200px 0; } .entry img { margin-left: -5px; border: 5px solid #272727; } .entry img.slideshow { display: none; cursor: pointer; } #post .entry img.slideshow { cursor: default; } body#home .entry img.slideshow, body#category .entry img.slideshow, body#tag .entry img.slideshow, body#archive .entry img.slideshow, body#search .entry img.slideshow { display: block; cursor: pointer; } .slideshow-container { position: absolute; top: 0; left: 0; width: 1500px; height: 350px; } .slideshow-navigation { position: absolute; bottom: 0; right: 0; margin: 0; padding: 5px 2px 0 5px; list-style: none; background: #272727; z-index: 20; } .slideshow-navigation li { display: block; float: left; padding: 2px 0; width: 13px; height: 11px; cursor: pointer; background: url(images/backgrounds/sprite-slideshow-navigation.gif) no-repeat 0 0; text-indent: -8885px; } .slideshow-navigation li:hover { background-position: -13px 0; } .slideshow-navigation li.active { background-position: -26px 0; } .slideshow-container .slideshow { position: absolute; top: 0; left: 0; z-index: 10; } /* @end */ /* @group Sidebar */ #sidebar .block { clear: both; padding: 10px; background: #0e0e0e; position: relative; } #sidebar .block h3 { height: 20px; background: url(images/titles/sprite-titles.gif) no-repeat 0 20px; text-indent: -8885px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar .about h3 { display: none; } #sidebar .about p { margin: 0; height: 153px; background: url(images/backgrounds/bg-about.gif) no-repeat 0 0; text-indent: -8885px; } #sidebar .newsletter h3 { background-position: 0 0; } #sidebar .newsletter form { padding: 10px; background: #080808; } #sidebar .newsletter div { position: absolute; top: 45px; padding: 13px; width: 244px; height: 14px; background: #080808; } #sidebar .newsletter label { display: none; } #sidebar .newsletter input { border: none; margin: 0 10px 0 1px; padding: 4px; width: 172px; background: #080808; } #sidebar .newsletter button { display: inline; position: relative; top: 2px; border: none; background: url(images/buttons/btn-subscribe.gif) no-repeat 0 0; width: 55px; } #sidebar .newsletter .LV_validation_message { display: none; color: red; } #sidebar .newsletter .LV_invalid_field { color: #ee3124; } #sidebar .filter-the-fuzz h3 { background-position: 0 -20px; } #sidebar .filter-the-fuzz ul { padding: 15px 10px; background: #080808; } #sidebar .filter-the-fuzz li { float: left; } #sidebar .filter-the-fuzz li a { display: block; margin: 5px 0 5px 10px; border: none; width: 90px; height: 12px; background: url(images/backgrounds/sprite-filter-buttons.gif) no-repeat 0 20px; text-indent: -8885px; } #sidebar .filter-the-fuzz li.even a { width: 140px; } #sidebar .filter-the-fuzz a.coding { background-position: -140px 0; } #sidebar .filter-the-fuzz a.sexual-thrills { background-position: -140px -60px; } #sidebar .filter-the-fuzz a.internet { background-position: -140px -20px; } #sidebar .filter-the-fuzz a.design { background-position: -140px -40px; } #sidebar .filter-the-fuzz a.sharing { background-position: -140px -80px; } #sidebar .filter-the-fuzz a.mr-henry { background-position: -140px -100px; } #sidebar .filter-the-fuzz li.active a.coding { background-position: 0 0; } #sidebar .filter-the-fuzz li.active a.sexual-thrills { background-position: 0 -60px; } #sidebar .filter-the-fuzz li.active a.internet { background-position: 0 -20px; } #sidebar .filter-the-fuzz li.active a.design { background-position: 0 -40px; } #sidebar .filter-the-fuzz li.active a.sharing { background-position: 0 -80px; } #sidebar .filter-the-fuzz li.active a.mr-henry { background-position: 0 -100px; } #sidebar .wall-of-numbers h3 { background-position: 0 -40px; } #sidebar .flickr h3 { background-position: 0 -60px; } #sidebar .flickr div.clearfix { padding: 10px; background: #080808; } #sidebar .flickr a { display: block; float: left; width: 75px; height: 75px; margin: 0 12px 0 0; border: none; position: relative; overflow: hidden; } #sidebar .flickr img { display: block; width: 75px; height: 75px; } #sidebar .twitter { margin: 15px 0 10px 0; background: none; } #sidebar .twitter h3 { background-position: 0 -80px; } #sidebar .twitter ul { padding: 0 20px; } #sidebar .twitter li { padding: 4px 0; border-bottom: 1px solid #202020; } #sidebar .twitter a.follow { position: absolute; right: 60px; top: 12px; } #sidebar .lastfm { background: none; } #sidebar .lastfm h3 { background-position: 0 -100px; } #sidebar .lastfm ul { padding: 0 20px; } #sidebar .lastfm li { padding: 4px 0; border-bottom: 1px solid #202020; } #sidebar .wall-of-numbers p { margin: 0 0 1px 0; padding: 2em 0; background: #080808; } #sidebar .wall-of-numbers span { display: block; float: left; text-indent: -8885px; background-image: url(images/backgrounds/sprite-numbers.gif); } #sidebar .seconds-alive big { display: block; padding: 0 0 0 75px; } #sidebar .seconds-alive small { clear: both; display: block; margin: 0 auto; width: 75px; background: url(images/titles/sprite-titles.gif) no-repeat 0 -120px; text-indent: -8885px; } .n0 { background-position: 0 0; width: 11px; } .n1 { background-position: -19px 0; width: 7px; } .n2 { background-position: -40px 0; width: 10px; } .n3 { background-position: -60px 0; width: 10px; } .n4 { background-position: -80px 0; width: 10px; } .n5 { background-position: -100px 0; width: 10px; } .n6 { background-position: -120px 0; width: 10px; } .n7 { background-position: -140px 0; width: 9px; } .n8 { background-position: -160px 0; width: 10px; } .n9 { background-position: -180px 0; width: 10px; } .npoint { background-position: -200px 0; width: 4px; } .ncomma { background-position: -220px 0; width: 4px; } .npercent { background-position: -240px 0; width: 15px; } #sidebar .mysteries-solved big { display: block; padding-left: 130px; } #sidebar .mysteries-solved small { clear: both; display: block; margin: 0 auto; width: 85px; background: url(images/titles/sprite-titles.gif) no-repeat 0 -140px; text-indent: -8885px; } #sidebar .weather big { display: block; text-align: center; color: #FFFFFF; font-size: 18px;} #sidebar .weather small { clear: both; display: block; margin: 0 auto; width: 150px; background: url(images/titles/sprite-titles.gif) no-repeat 0 -160px; text-indent: -8885px; } #sidebar .weather span { float: none; display: inline; background: none; text-indent: 0; } #sidebar .weather span.cufon-alt { display: none; } /* @end */ /* @group Content-footer */ #footer .wp-pagenavi { padding: 0 10px 25px 10px; } #footer .wp-pagenavi a, #footer .wp-pagenavi a:link, #footer .wp-pagenavi a:active, #footer .wp-pagenavi a:visited { background: #313131; margin: 1px; padding: 2px 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #footer .wp-pagenavi a:hover { background: #3c3c3c; } #footer .wp-pagenavi .current { padding: 2px 4px; } #footer .tag-cloud { background: url(images/backgrounds/bg-tag-cloud-top.gif) no-repeat; } #footer .tag-cloud .inner { padding: 10px; background: url(images/backgrounds/bg-tag-cloud-bottom.gif) no-repeat left bottom; } #footer .tag-cloud a { padding: 0 2px; } #footer .contact { margin: 25px 0 0 0; padding: 0 0 0 90px; background: url(images/general/img-logo-mrhenry-cross.png) no-repeat 10px 3px; } #footer .contact .block { float: left; width: 160px; } #footer .contact a.google-maps { margin: 3px 0 0 0; border: none; } /* @end */ /* @group Search */ .post .search { margin: 50px 0 0 0; width: 265px; } #sidebar .search h3 { background-position: 0 -180px; } .search .hidden { display: none; } .search form { padding: 10px; width: 245px; background: #080808; position: relative; } .search input { border: none; margin: 0 10px 0 1px; padding: 4px; width: 172px; background: #080808; } .search button { position: absolute; top: 14px; right: 0; display: block; border: none; background: url(images/buttons/btn-search.gif) no-repeat 0 0; width: 55px; } /* @end */ /* @group Buttons */ button, a.button { display: block; border: none; text-indent: -8885px; cursor: pointer; font-size: 1.10em; } a.read-more { background: url(images/buttons/btn-read-more.gif) no-repeat 0 0; width: 64px; height: 12px; } a.follow { background: url(images/buttons/btn-follow.gif) no-repeat 0 0; width: 43px; height: 12px; } a.back { float: left; margin: 2px 10px 0 0; background: url(images/buttons/btn-back.gif) no-repeat 0 0; width: 30px; } a.google-maps { background: url(images/buttons/btn-google-maps-gray.gif) no-repeat 0 0; width: 69px; height: 12px; } #respond button { clear: both; border: none; background: url(images/buttons/btn-submit-reply.gif) no-repeat; width: 69px; height: 12px; } /* @end */ /* @group Misc */ .flash { position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -200px; width: 400px; height: 400px; z-index: 1000; font-size: 100px; line-height: 1em; color: white; text-align: center; } .wp_syntax { width: auto !important; margin: 0 0 1.5em -5px; border: 5px solid #272727 !important; padding: 0 !important; background: #1a1a1a } .mommy { position: relative; cursor: pointer; z-index: 1000;} .mommy-arrow { position: absolute; top: 100px; left: -230px; border: none; z-index: 1000; } /* @end */