/* custom.css — custom styles for any WordPress theme that YOU define ------------------------------------------------------------------ This stylesheet will allow you to futureproof your CSS changes against future releases and upgrades on ANY WordPress theme. I know you work hard on your modified styles, and I don't want you to feel like every theme upgrade is a total drag! Also, if you're a designer who makes use of GPL themes in your work, you'll find this incredibly handy! You can come up with a set of core modifications for any WordPress theme, and by isolating these mods in a separate stylesheet, you'll be better able to track the changes that you make and their associated effects. Best of all, when the theme's designer releases a new version, you won't have to go back through and make all your changes anew. Plus, this is *definitely* the smartest way to scale out sites if you find yourself using one or two theme frameworks consistently. Instructions: Modifying existing theme styles to your liking is a breeze with this handy stylesheet. In order to turn on the CSS styles that you define here, you'll need to append the tag (usually found within the header.php file) with a CSS class called "custom". Thanks to this, you now have the ability to override ANY style that's declared in the theme's 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 the tag (let's say you want to make them a cherry red [#c00]) and to remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Oh, but remember, none of these changes will work unless you call custom.css from wihtin your header file! Cool? Now get to hackin! */ #footercontent { width: 1250px; height: 510px; /* If you change this value, be sure to change the footer column's height as well */ margin: 0 auto; text-align: left; } h2.widgettitle ol, ul, li { list-style-type: none; } .widgetcontainer ul { list-style-type: none;} .button { display: block; width: 175px; height: 45px; margin: 0px auto; color: #ffffee; padding: 5px; background-color: #333333; border: 1px solid #000000; } a.tagsize-1 { font-size: 8px; } a.tagsize-2 { font-size: 10px; } a.tagsize-3 { font-size: 12px; } a.tagsize-4 { font-size: 14px; } a.tagsize-5 { font-size: 16px; } #catname {display:block; height:40px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:500; color:#FFFFCC;} #catdesc { height:36px; padding-top:10px; text-align:right; color:#ffffcc; float: left; width: 500px !important;} .intdesc { font: 15px Helvetica,serif; line-height:22px; color: #ffffcc; width: 700px !important; float: right; } .footer { font: 15px Helvetica,serif; line-height:22px; background: #EEE9CB; /* Change this to change the footer background... IE an Image: "url(img/postfooterbg.png) repeat-x;" */ } .col1 { float: left; width: 220px; margin-top: 15px; margin-right: 15px; margin-left: 10px; height: 280px; } .col1 h5, .col2 h5,.col3 h5,.col4 h5,.col5 h5 { color: #990002; font-size: 16px; text-align: left; font-variant: small-caps; font-family: Arial; border-bottom: 1px solid #990002; margin:0px; padding-bottom: 5px; } /* This controls how the blog footer's regular text looks - Feel free to change the colours/font family */ .col1 p, .col2 p,.col3 p,.col4 p,.col5 p { color: #5c4033; font-size: 12px; text-align: left; font: 14px Helvetica,serif; line-height:22px; margin:0px; padding-bottom: 5px; } /* This controls how column 2's list items hyperlinks look as well as column 4's hyperlinks - Feel free to change the colours/font family */ .col2 ul li a, .col4 a { color: #990002; font-size: 12px; text-align: left; font: 14px Helvetica,serif; line-height:22px; margin:0px; padding-bottom: 5px; } /* This controls how the blog footer's hyperlinks look - Feel free to change the colours/font family */ .col2 ul { color: #990002; } .col2 { color: #5c4033; float: left; width: 220px; margin-top: 15px; margin-right: 15px; height: 280px; } .col3 { float: left; width: 220px; margin-top: 15px; margin-right: 15px; height: 280px; } .col4 { float: left; width: 220px; margin-top: 15px; height: 280px; } .col5 { float: left; width: 230px; margin-top: 15px; height: 280px; } /* This controls setting for front splash page */ .farticle { float: left; width: 455px; margin: 0px 0px 0px 0px; padding: 0px 20px 20px 0px; } .farticle ol{ margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } .farticle ol li{ margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; } .farticle ul{ margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; } .farticle ul li{ background:transparent url("images/ul-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; } .farticle .single { margin: 42px 0px 15px 0px; padding: 20px 0px 0px 0px; } #ssidebar { float: right; width: 300px; margin: 10px 0px 0px 0px; padding: 0px 209px 20px 19px; border-left: 1px solid #E2DDDE; } #ssidebar ul { list-style: none; margin: 0px; padding: 0px; } #ssidebar ul li { background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */ display: block; padding: 4px 0px 4px 10px; margin: 0px; } #ssidebar a:link, #l_sidebar a:visited { color:#444; text-decoration:none; outline:none; } #ssidebar a:hover, #l_sidebar a:active { color:#444; text-decoration:underline; outline:none; } #ssidebar p{ font: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: 700; padding: 3px 0px 0px 0px; margin: 0px; line-height: 20px; margin-bottom: 40px; } #ssidebar li {list-style: none; } #bodycontent { float: left; width: 1254px; margin: 0px 0px 0px 0px; padding: 0px 20px 20px 0px; height: 1000px } .agg {width: 330px; float: left; height: 1000px; } .redwood-status {background-color: #EEE9CB; font-style: italic; color: red; }