/* Theme Name:Rusty Grunge Theme URI:http://www.chris-wallace.com/2008/11/07/rusty-grunge-wordpress-theme/ Description:A dirty, grungy theme with a fully dynamic sidebar by Chris Wallace. Author:Christopher Wallace Author URI:http://www.chris-wallace.com Version:1.2 Tags:two-columns, fixed-width Rusty Grunge by Chris Wallace http://www.chris-wallace.com/2008/11/07/rusty-grunge-wordpress-theme/ The CSS, XHTML, design and PHP are released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* general styles */ body{margin:0;padding:0;font:13px Arial, Helvetica, sans-serif; text-align:left;color:#9dcbe6;line-height:18px;background:url('images/blog.jpg');} a {color:#fff;text-decoration:none} , a:visited{color:#fff;text-decoration:none} a:hover, a:active{text-decoration:underline} a img{border:0} h1{font:25px normal Arial;} h2{font:1.4em Arial;color:#ffde00;} h3{font-size:1em;margin-bottom:0;} caption{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#f2f2f2} code{background:#D2ECE8} pre code{color:black;background:none;} pre{height:auto;padding:40px 12px 12px 12px;background:#FAF8EB url(images/bg-pre.jpg) no-repeat top left;overflow-x:scroll;} fieldset{margin:0;padding:0;border:0} label{display:block;margin:10px 0 5px 0;} form{margin:0;} /* WordPress-specific styles */ .navigation{margin:20px 0;height:27px;} .alignleft{float:left} .alignright{float:right} .aligncenter{text-align:center;float:none} .tags a{background:url(images/ico-tags.gif) no-repeat top left;padding-left:18px;} /* NAVIGATION */ #navblue {background-color:#000b25;height:34px;padding:6px 0 0 16px;} #nav {background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") 0 0 no-repeat;width:948px;height:27px;margin:0;padding:0;} #nav li span {display:none;} #nav li {float:left;list-style:none;position:relative;} #nav li, #nav a {height:27px;display:block;margin:0;padding:0;} li#about {width:66px;} li#rooms {width:168px;} li#groups {width:80px;} li#gettinghere {width:127px;} li#gallery {width:83px;} li#blog {width:60px;} li#tips {width:99px;} li#contact {width:91px;} li#booknow {width:174px;} #about a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") 0px -27px no-repeat; } #rooms a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -66px -27px no-repeat; } #groups a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -234px -27px no-repeat; } #gettinghere a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -314px -27px no-repeat; } #gallery a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -441px -27px no-repeat; } #blog a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -524px -27px no-repeat; } #tips a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -584px -27px no-repeat; } #contact a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -683px -27px no-repeat; } #booknow a:hover { background:url("http://www.cchostel.com/images/nav/nav_sprite1.gif") -774px -27px no-repeat; } /* main styles */ #container {margin:0 auto;width:981px;margin-top:30px;text-align:left;} #wrapper {background-image:url('images/bkgd.png');width:981px;} #content_con{padding-top:30px;} #right_col{float:left;width:275px;} #left_col{width:650px;padding-bottom:15px;float:right;} #titlebar{background-color:#000b25;font-size:32px;line-height:23px;letter-spacing:2px;color:#ffde00;padding:17px 0 0 10px;font-weight:bold;} #main{padding:25px 20px 0 0;} /* content styles */ #content{display:inline;float:left;width:450px;} #content div.inner{padding:0px 0px 0px 0px } #content .postfooter{background:url("images/bg-post-footer.png") no-repeat top left;height:30px;line-height:30px;margin-bottom:35px;text-indent:10px} #content .calendar{background:url("images/ico-calendar.png") no-repeat top left;width:39px;height:41px;float:left;margin:0 20px 0 0;text-align:center} #content .calendar small{font:10px Arial, Helvetica, sans-serif;color:#9dcbe6;line-height:1.5em;text-transform:uppercase;display:block} #content .calendar strong{font:bold 22px Arial, Helvetica, sans-serif;color:#9dcbe6;line-height:0.9em;display:block} #content h1{margin-top:0} #content h1.post{margin-bottom:0;} #content .posted{margin-bottom:10px;} /* sidebar styles */ #sidebar{float:right;width:180px;color:white} #sidebar div{margin:10px 10px 20px 10px} #sidebar h2{margin:0 0 10px 0;padding:0;color:#ffde00;line-height:1.8em;text-indent:10px;background:url("images/sidebar-h2.png") no-repeat top left;width:171px;height:32px;} #sidebar ul, #sidebar ul li{margin:0 0 0 35px;padding:0;list-style:none;} #sidebar ul{margin:0 0 20px 5px;} #sidebar a{color:#ffde00;} /* comment styles */ #comments ol, #comments ol li{margin:0;padding:0;list-style:none;color:#9dcbe6;font-family:Arial} #comments ol *{color:#9dcbe6;font-family:Arial, Verdana, Tahoma, sans-serif} #comments ol li{margin:0;} #comments ol li div.comment-author{font:18px Arial, serif;overflow:visible;vertical-align:middle} #comments ol li.alt, #comments ol li.author, #comments ol li.author a{color:#9dcbe6} #comments ol li input, #comments ol li select, #comments ol li textarea{width:100%} #comments ol li .comment-meta{color:#9dcbe6;font-style:italic;font-size:.8em;margin-bottom:20px} #comments ol li .comment-meta a{color:#9dcbe6;text-decoration none;border-bottom:1px dotted #ccc;} #comments ol li .comment-meta a:hover{color:#9dcbe6;text-decoration none;border-bottom:none;} #comments div.comment-body{clear:both;} .comments a{background:url(images/ico-speech.gif) no-repeat top left;padding-left:18px;} #comments div.reply a{background:url("images/reply_arrow.png") no-repeat top left;padding-left:15px;color:#C12110;font-size:.8em} #comments ol li ul.children, #comments ol li ul.children li{list-style:none;margin-top:10px;margin-left:0} /* footer styles */ .footer {font-size:11px;color:#fff;text-align:left;padding:7px 0 20px 0;} /* clear styles */ .clear{clear:both;line-height:0;font-size:0;height:1px;} .clearleft{clear:left} .clearright{clear:right} .clearboth{clear:both} .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .clearfix {display:inline-block} html[xmlns] .clearfix {display:block} * html .clearfix {height:1%}