/* Theme Name: HillBilly Hell Theme URI: http://hillbillyhell.com/ Version: 1.0 Author: Igor Nikolov */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; background: url(images/body-bg.png) top center repeat-x white; } ul { list-style: square inside; } 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; } .alignright { float:right; } .alignleft { float:left; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; } .button:hover { background: #990000; color: white; } /* TYPGROGRAPHY */ p, li { font-size: 1.2em; line-height: 1.5em; margin: 0 0 10px 0; } p#intro-paragraph { font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; } p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph em { color: #990000; } a { color: #990000; } a:hover { background: #990000; color: white; } h1 { font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; } h2 { font-size: 2em; font-family: Georgia, serif; font-weight: normal; font-style:italic; } h3 { font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; } h4 { color: white; font-size: 2.0em; margin-bottom: 15px; } .post h4 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #900; } /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #page-wrap { width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; } #main-col { width: 600px; float: left; padding-bottom:100px; } .rn { background:url(images/redneck.gif) no-repeat bottom left; } #linksidebar { width: 330px; float: right; margin-bottom:10px; } #push { height: 250px; } /* HEADER */ h1#logo { width: 261px; height: 265px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px; margin: 0 10px 0 0; float: left; } #main-pic { float: left; margin-right: 10px; } #top-bar { padding: 5px 0 0 0; background:url(images/hbh.gif) no-repeat bottom right; } #top-bar p { color: #FFF; width: 300px; float: left; margin:35px 0 0 100px; } form#searchform { margin: 0 0 10px 0; float: right; } .hban { float:right; margin-top:20px; } /* MENU */ #menu-bar { padding-left:15px; padding-bottom: 20px;} ul#main-nav { width: 560px; float: left; margin: 10px 0 0 0; } ul#extra-nav { width: 360px; float: right; text-align: right; margin: 20px 0 0 0; } ul#extra-nav a { background:none; text-decoration:none; } ul#main-nav li, ul#extra-nav li { display: inline; text-decoration:none; } ul#main-nav li a { text-transform: uppercase; color: white; font-size: 1.1em; padding: 3px 8px; font-family:"Trebuchet MS", Arial; font-weight:bold; } ul#main-nav li a:hover { color: #FFF; text-decoration:underline; } /* WIDGETS */ #bottads { float:right;; } #pn { float:right; height:45px; width:500px; } .ads { padding:0 25px; } .ads a img { padding:5px; } .ads a:hover, .social a:hover { text-decoration:none; background:none; } #linksidebar { border: 1px dashed #dcaa33; padding:10px; background:#FFFBCC url(images/hillbilly.gif) no-repeat bottom right; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #linksidebar li { list-style:none; text-decoration:none; } .widget { margin: 0 0 15px 0; } .widget ul { list-style: none; margin-left: 15px; } .widget li { list-style-type:none; line-height:1em; } .widget ul li { margin: 0 0 5px 0; } .widget ul li a { padding: 2px; } .widget ul li a:hover { color: #333; background:none; } .widget li h2 { padding-bottom:10px; padding-top:5px;} /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .comment a:hover, .cats a:hover { text-decoration:underline; color:#000; background:none; } .datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center; margin: 0 10px 0 0; } .comment { background:url(images/comments.png) no-repeat top right; padding:0 20px 2px 0; text-align:right; border-bottom: dashed 1px #CCC; } .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } .cats { border-top: dotted 1px #CCC; padding-top:1px; } /* FOOTER */ #footer { height: 250px; background: #272727; border-top: 4px solid #990000; padding-top: 20px; } #footer-inside { width: 960px; margin: 0 auto; } #footer p { color: white; } #footer-1 { width: 230px; float: left; margin-right: 20px; } #footer-2 { width: 130px; float: left; margin-right: 20px; } #footer-5 { width: 200px; float: left; margin-right: 20px; } #footer-5 a { padding:2px;} #footer-3 { width: 140px; float: left; } #footer-4 { width: 200px; float: left; } #footer a { color: white; } #footer ul { color: white; } #footer li { line-height:1em; !important} #wp { width:120px; height:120px; background:url(images/wp.png) no-repeat top left; border:none; }