/* ------------- PERSONAL HOMEPAGE THEME FOR WORDPRESS By: Justin Essenpreis http://ionlylistentodeathmetal.com Very LIght Gray: #a6a5a5 Light Gray: #6f6f6f Dark Gray: #333333 Dark Red: #b40000 */ /* ------------- RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 12px; font-family: Arial, sans-serif; color: #fff; background: url(images/loop_bkg.jpg) top center repeat-y #000000; } ul { list-style-type: none; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* ------------- UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* ------------- TYPGROGRAPHY */ p { font-size: 12px; line-height: 18px; margin: 0 0 10px 0; } li { font-size: 12px; margin: 0 0 15px 15px; } a { color: #6f6f6f; } a:hover { color: white; } h1 { font-size: 26px; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; } h1 a { color: white; } h1 a:hover { color: white; } h2 { font-size: 24px; font-family: Georgia, serif; font-weight: normal; margin: 0 0 5px 0; } h2 a { color: white; } h2 a:hover { color: white; } h3 { font-size: 18px; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; } h4 { color: white; font-size: 1.5em; margin-bottom: 15px; } blockquote { margin: 15px 30px 0 10px; padding-left: 30px; } /* ------------- FORMS */ input { padding: 3px; } #search { margin: 10px 0 10px 0; float: right; } #searchform { margin: 0 10px 0 0; color: #000; border: 1px solid #000; background: #333333; float: left; } .searchbutton { background: transparent url(images/search_btn.png) no-repeat; width: 70px; height: 32px; display: block; border: none; cursor: pointer; text-indent : -9999px; float: left; } #dropdown { margin: 5px 0 10px; 0; color: #000; border: 1px solid #000; background: #333333; padding: 2px; width: 180px; } /* ------------- STRUCTURE */ #container1 { background: url(images/header_bkg.jpg) top center no-repeat; width: 100%; height:750px; } #page-wrap { width: 860px; margin: 0px auto -198px; min-height: 100%; height: auto !important; height: 100%; } #main-col { width: 600px; float: left; } #sidebar { width: 230px; float: right; } #push { height: 198px; } /* ------------- HEADER */ #banner { height: 320px; } /* ------------- NAV */ #nav { position : relative; padding-top: 130px; margin-right: -10px; float: right; clear:both; } #nav ul { margin : 0px; display:inline; list-style-type: none; } #nav li { display: block; float:left; margin: 0; } #nav a { height: 55px; width: 310px; display: block; } #nav li.blog a { background: transparent url(images/blog.png) no-repeat; padding: 0px; overflow: hidden; width: 72px; text-indent : -9999px; } #nav li.about a { background: transparent url(images/about.png) no-repeat; padding: 0px; overflow: hidden; width: 95px; text-indent : -9999px; } #nav li.contact a { background: transparent url(images/contact.png) no-repeat; padding: 0px; overflow: hidden; width: 143px; text-indent : -9999px; } #nav li.blog a:hover, #nav li.about a:hover, #nav li.contact a:hover { background-position: 0% -55px; } /* ------------- BLOG ENTRIES */ .post { margin: 0 0 45px 0; padding-left: 35px; } .commentslink { margin: -5px 0 20px 0; } .datebox { width: 80px; height: 110px; float: left; background: transparent url(images/post_date_bkg.png) no-repeat; color: white; text-align: center; margin: 0 10px 10px -55px; } .day { font-size: 30px; font-weight: bold; margin-top: 15px; margin-bottom: 5px; font-family: Georgia, serif; } .month { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0; font-family: Arial, Helvetica, sans-serif; } .year { font-size: 14px; font-weight: bold; margin: 0; font-family: Arial, Helvetica, sans-serif; } .entries_navigation { background: transparent url(images/entries_bkg.png) no-repeat; height: 61px; width:600px; padding: 23px 10px 0px 10px; } /* ------------- COMMENTS */ #commentlist { margin: 10px 0; padding: 0; list-style-type: none; } #commentlist li { margin: 10px 0 10px 0; padding: 10px 10px; background: #000; padding: 15px; border: 1px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .small, .commentmeta { font-size: 0.9em; } #commentform #author, #commentform #email, #commentform #url { border:1px solid #000; background: #333333; } #commentform textarea { width: 500px; border:1px solid #000; background: #333333; } .submitbutton { background: transparent url(images/submit_btn.png) no-repeat; width: 70px; height: 32px; display: block; border: none; cursor: pointer; text-indent : -9999px; } /* ------------- SIDEBAR */ .sidebar_text { margin: -5px 0 15px 30px;font-family: Arial, Helvetica, sans-serif; text-align: right;} .sidebar_text li { font-family: Arial, sans-serif; font-size: 12px; margin: 0 0 5px 0; font-weight: bold; list-style-type: none; } .sidebar_text li a { color: #333; display: block; font-style: normal; } .sidebar_text li a:hover { color: #000; } #twitter_header { margin-top : 5px; } #twitter_header ul { margin : 0px; display:inline; list-style-type: none; } #twitter_header li a { background: transparent url(images/twitter_bkg.png) no-repeat; padding: 0px; overflow: hidden; width: 250px; height: 84px; display: block; text-indent : -9999px; } #twitter_header li a:hover { background-position: 0% -84px; } #twitter_text { width: 175px; margin-top: 5px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; font-weight: normal; color: #fff; float: right; } #twitter_text a:link { color : #6f6f6f; font-style: italic; text-decoration : none; } #twitter_text a:visited { color : #6f6f6f; font-style: italic; text-decoration : none; } #twitter_text a:hover { color : #000; text-decoration : none; } #rss { margin: 20px 0 15px 0; float: right; clear: both; } #feed_link a { background: transparent url(images/rss_bkg.png) no-repeat; display: block; padding: 0px; width: 210px; height: 70px; text-indent : -9999px; list-style-type: none; } #lastfm_header { background: transparent url(images/lastfm_bkg.png) no-repeat; width: 250px; height:70px; clear: both; } #lastfm_playlist { margin: 5px 0 15px 0; float: right; clear: both; } #friends_header { background: transparent url(images/friends_bkg.png) no-repeat; width: 250px; height:70px; clear: both; } #categories_header { background: transparent url(images/categories_bkg.png) no-repeat; width: 250px; height:70px; } #archives_header { background: transparent url(images/archives_bkg.png) no-repeat; width: 250px; height:70px; } /* ------------- FOOTER */ #footer { height: 198px; background: url(images/footer_bkg.jpg) top center no-repeat; } #footer-inside { width: 860px; margin: 0 auto; padding-top: 30px; } #footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; font-weight: normal; color: #6f6f6f; } #footer a:link { color : #a6a5a5; font-style: normal; text-decoration : none; } #footer a:visited { color : #a6a5a5; font-style: normal; text-decoration : none; } #footer a:hover { color : #fff; text-decoration : none; } #footer ul { margin : 0 ; padding: 0.5em 3em; display: inline; list-style-type : none; } #footer li { display: inline; font-size: 11px; margin: 0 15px 0 0; padding-right: 15px; border-right: 1px solid #333; } #footer li.last { border-right: 0; padding-right: 0px; } #footer_about { position : relative; width : 475px; padding-left: 250px; } #footer_synd { position : relative; width : 335px; margin : 50px 0 0 190px; float: left; } #footer_nav { position : relative; width : 300px; margin-top : 50px; float: left; }