/* custom.css custom styles that YOU define ------------------------------------------------------ This stylesheet will allow you to futureproof your changes against future releases and upgrades. I know you work hard on your modified styles, and I don't want you to feel like every upgrade is a total drag! Instructions: Modifying existing styles to your liking is a breeze with this handy stylesheet. The tag within the template files have been appended with a CSS class called "custom," and thanks to this, you now have the ability to override ANY style that's declared in the original stylesheet. In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here. Prefix the new CSS declaration with .custom, and then make your tweaks as necessary. Here's an example: To change the default color of unvisited links from blue to red (#c00) and remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Cool? Now get to hackin! */ a:hover { color: #B80014; text-decoration: underline; } h1 { margin:0px; background: no-repeat; padding-left: 5px; height: 60px; font: bold 36px/100% "Trebuchet MS", Tahoma, Arial; color: #FC0; } h1 a, h1 a:visited{ color: #FC0; text-decoration: none; } h1 a:hover{ color: #ffffff; text-decoration: none; } h2 { color: #59770e; margin: 0px 0px 2px; border-bottom: 1px dotted #CCCCCC; letter-spacing: -1px; font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; padding-bottom: 3px; } h2 a, h2 a:visited { color: #59770e; text-decoration: none; } h2 a:hover { color: #B80014; text-decoration: none; } h3 { font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; color: #758d38; margin: 10px 0px 5px; } h4 { font: normal 130%/100% "Trebuchet MS", Tahoma, Arial; color: #758d38; margin: 10px 0px 5px; } #page { margin: 0px auto; width: 760px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #FFFFFF url(../images/content-bg.gif) repeat-y; } #header { background: #B80014 url(../images/header-bg.jpg) no-repeat; height: 212px; border-bottom: 0px solid #ffffff; position: relative; } #headerimg { position: relative; padding: 15px 0px 0px 110px; height: 61px; } #headerimg .description{ position: absolute; left: 117px; bottom: 3px; color: #c9eefe; font-size: 14px; } #navdate { margin: 0px; position: absolute; right: 10px; bottom: 10px; font-size: 16px; } #nav { list-style: none; margin: 0px; position: absolute; right: 5px; bottom: 0px; top: 179px; } #nav li { float: left; margin-left: 5px; } #nav .current_page_item a, #nav .current_page_item a:visited{ color: #000000; text-decoration: none; } #nav .page_item a{ color: #ffffff; text-decoration: none; background: #5c8d0c url(../images/nav-button-bg.gif) repeat-x; padding: 5px 15px; font: bold 14px/100% Arial, Helvetica, sans-serif; border-top: 1px solid #E6EED0; border-left: 1px solid #AFCD69; border-right: 1px solid #AFCD69; display: block; } #sidebar a:hover{ color: #B80014; text-decoration: none; } /* footer area */ #footer { clear: both; background: #B80014 url(../images/footer-bg.gif) no-repeat; color: #FC0; font-size: 95%; line-height: 130%; padding-bottom: 10px; } #footer a, #footer a:visited { color: #ffffff; } #footer h4 { font: normal 146%/100% "Trebuchet MS", Tahoma, Arial; color: #FC0; margin: 10px 0px 5px; } .footer-recent-comments { width: 240px; float: left; margin-left: 10px; } .footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; } .footer-recent-comments ul li { background: url(../images/mini-footer-comments.gif) no-repeat; padding: 0px 0px 10px 20px; } .footer-recent-posts { width: 240px; float: left; margin-left: 10px; } .footer-recent-posts strong { font-size: 107%; line-height: 135%; font-weight: bold; } .footer-recent-posts ul { list-style: none; margin: 0px; padding: 0px; font-size: 92%; line-height: 110%; } .footer-recent-posts ul li { background: url(../images/mini-footer-post.gif) no-repeat; padding: 0px 0px 10px 20px; } .footer-about { width: 220px; float: right; padding-right: 10px; padding-left: 10px; background: url(../images/footer-right-bg.gif) no-repeat; } /* credits */ #credits { margin: 0px auto; width: 760px; color: #666; font-size: 85%; line-height: 120%; } #credits a, #credit a:visited { color: #B80014; } #adsbottom { padding: 0px 10px 20px 10px; text-align: center; } #adsright { float: right; padding: 5px 10px 10px 10px; text-align: center; } #container { margin: 0px auto; width: 940px; } #containerleft { float: left; margin: 0px auto; width: 760px; } #containerright { float: left; margin: 0px auto; width: 160px; } .post-author { padding-left: 20px; float:left; font-size: 95%; color: #999999; }