/* 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! */ .custom .dropcap { float:left; color:#5F270C; font-size:70px; line-height:40px; padding-top:2px; font-family: Times, serif, Georgia; } .custom #head { width:930px; margin:0px auto; margin-top:0px; padding:0px 5px 0px 5px; font-size:0.7em; background:#F3EDD5; border-left:5px solid #F3EDD5; border-right:5px solid #F3EDD5; } .custom #logo { width:930px; height:160px; background:#fff; } .custom #headline { width:560px; float:left; padding:0px 12px 25px 25px; font-size:1.20em; line-height:1.6em; margin:0; background:#FDF9F0; color:#5F270C; overflow:hidden; } .custom a:hover, a:active { color: #808080; text-decoration:none; } .custom a:link, a:visited { color: #3B4A33; text-decoration:none } .custom #page { width:920px; margin:0px auto; padding:10px; background:#eeeeee url(images/bg_stripe.gif); font-size:0.7em; border-left:5px solid #F3EDD5; border-right:5px solid #F3EDD5; } .custom #headline div.title { font:1.5em Verdana; font-weight:normal; letter-spacing:-0.05em; line-height:1.1em; display:block; padding-bottom:5px; padding-top:15px; } .custom #navbar { margin:0 auto; padding:0px 0px 0px 0px; text-transform:uppercase; background:#333333 url(images/navbar.jpg); width:930px; font-size: 0.8em; border-left:0px solid #F3EDD5; border-right:0px solid #F3EDD5; } .custom #page-bar a, #page-bar a:visited { margin: 0px; padding:7px 14px; font-weight:bold; color:#FFFFFF; display:block; } .custom #featured a { color:#F3EDD5; } .custom #featured .info { margin-top:0px; padding-top:10px; float:right; width:193px; font-size:1.1em; } .custom #top { margin:0 auto; padding:0px 0px 0px 0px; background:#3B4A33; width:935px; font-size:0.7em; border-left:0px solid #F3EDD5; border-right:0px solid #F3EDD5; } .custom #middle { margin:0 auto; padding:10px 10px 0px 10px; background:#F3EDD5; width:920px; font-size:0.7em; border-left:5px solid #F3EDD5; border-right:5px solid #F3EDD5; } .custom .category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 { text-transform:lowercase; margin:0; font-weight:bold; font-size:1.2em; letter-spacing:-0.05em; } .custom #headline a { color:#5F270C; } .custom #headline a:hover { color:#3B4A33; } .custom .category { width:164px; float:left; border-top:8px solid #333333; margin:0px; padding:5px 10px 15px 10px; background:#F3EDD5; } .custom #front-list { width:570px; padding:10px; background:#F3EDD5; font-size:1.05em; line-height:1.75em; margin-bottom:10px; border-top:1px solid #5F270C; } .custom .post .clearfloat { border-bottom:1px solid #5F270C; } .custom #paged-list { width:570px; padding:0px 10px; background:#F3EDD5; font-size:1.05em; line-height:1.75em; border-top:1px solid #5F270C; } /* Content Page*/ .custom #content { width:570px; background:#F3EDD5; padding:10px; font-size:1.05em; line-height:1.75em; float:left; border-top:1px solid #ececec; } .custom .post { font-size:1.1em; line-height:1.75em; } .custom .meta { color:#3B4A33; font-weight:bold; } .custom #headline div.meta { display:block; padding:4px 0px 4px 0px; color:#3B4A33; font-size:0.85em; } .custom #navigation { padding:15px 10px; background:#f3edd5; font-size:1.05em; text-align:center; width:550px; } /* Sidebar*/ .custom .spoiler { padding:0px 12px 12px 12px; background:#F3EDD5; border-top:1px solid #5F270C; margin-bottom:12px; overflow:hidden; } .custom #sidebar h3 { font:1.1em Arial; font-weight:bold; background:#3B4A33; color:#fff; margin:10px 0px 5px 0px; padding:3px 10px; } .custom #sidebar-top, .custom #sidebar-bottom { width:300px; float:right; padding:0px 10px 10px 10px; background:#F3EDD5; border-top:1px solid #5F270C; } .custom .spoiler p { margin:0; color:#3b4a33; } .custom #sidebar-left { width:135px; padding:0px 10px 10px 10px; float:left; background:#F3EDD5; border-top:1px solid #5F270C; } .custom #sidebar-right { width:135px; padding:0px 10px 10px 10px; float:right; background:#F3EDD5; border-top:1px solid #5F270C; } .custom #sidebar li { list-style:none; border-bottom:1px dotted #5F270C; display:block; padding:2px 0px 2px 13px; background:url(images/sub.png) no-repeat 0 0px; } .custom #gallery { font-size:0.7em; color:#333; width: 925px; background:#77783C; margin: 0 auto; padding:15px 0px 15px 15px; border-left:5px solid #F3EDD5; border-right:5px solid #F3EDD5; } .custom #front-popular { font-size:0.7em; color:#fff; width: 910px; background:#3B4A33; margin: 0 auto; padding:15px; border-left:5px solid #F3EDD5; border-right:5px solid #F3EDD5; } .custom #footer { margin: 0 auto; width: 920px; font-size:0.6em; background:#dedede; color:#333333; padding:5px 10px; border-left:5px solid #F3EDD5; border-right:5px solid #F3EDD5; } /* Single Page*/ .custom #single_head { width:195px; float:left; padding:15px 12px 20px 25px; margin:0; background:#77783c; color:#333333; } .custom #single_desc a { color:#f3edd5; } .custom #single_desc a:hover { color:#3B4A33; } .custom #single_desc { width:675px; float:right; padding:0px 10px 5px 10px; font-size:1.25em; line-height:1.6em; } .custom #single_desc div.title { font:1.5em Verdana; font-weight:normal; letter-spacing:-0.05em; line-height:1.1em; display:block; padding-bottom:5px; padding-top:10px; } /* Footer*/ .custom #recentpost ul li a:hover, #mostcommented ul li a:hover, #recent_comments ul li a:hover { background:#95A05C; color:#fff; } /* Minimal CSS for Cforms*/ .custom .cform legend { margin:0; padding:0; font:normal 18px Helvetica; color: #77783C; letter-spacing:3px; } .custom .cform label { width:90px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; color: #77783C; font:0.9em Trebuchet MS,sans-serif; } .custom ol.cf-ol { margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #5f270c; } /* page-navi css*/ .custom .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #5f270c; border: 1px solid #5f270c; background-color: #f3edd5; } .custom .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #5f270c; color: #ddc275; background-color: #5f270c; }