/* custom.css — custom styles for Cutline 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 Cutline styles to your liking is a breeze with this handy stylesheet. The tag within the header.php file has 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 Cutline 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! */ /* layout */ body.custom { background-color: #59535E; } .custom #header { float: left; background: #FAEEFF url() scroll no-repeat top left; width: 800px; border-top: 2px solid #372049; border-right: 2px solid #372049; border-left: 2px solid #372049; } .custom #masthead { padding: 15px 15px 0; } .custom #content_box { background-color: #FAEEFF; padding: 15px; border-right: 2px solid #372049; border-left: 2px solid #372049; } .custom #footer { background-color: #FAEEFF; padding: 0 15px; border-right: 2px solid #372049; border-left: 2px solid #372049; border-bottom: 2px solid #372049; } /* some general stuff */ .custom a, .custom a:visited { color: #372049; } .custom a:hover { color: #5D4970; } .entry { font-size: 1.6em;} /* div#header div#masthead */ .custom #masthead h1 { border-top: none; float: left; padding: 20px 0 10px; text-align: left; } .custom #masthead h1 a, .custom #masthead h1 a:visited, .custom #masthead h1 a:hover { display: block; overflow: hidden; height: 1px; padding-top: 66px; width: 444px; background: #ddd url(images/header-h1.png) top left no-repeat; color: #FAEEFF; } .custom #masthead h3 { padding: 53px 0 0 20px; margin-bottom: 0; float: left; color: #5D4970; } /* div#header ul#nav */ .custom ul#nav { background: #5D4970 url(images/nav-bg.png) bottom left repeat-x; overflow: hidden; padding: 0; width: 100%; border-top: 1px solid #333; border-bottom: none; } .custom ul#nav li { background: transparent none; margin: 0; padding: 0; } .custom ul#nav li a, .custom ul#nav li a:visited { color: black; padding: 11px 15px 8px; float: left; border-right: 1px solid #333; } .custom ul#nav li a:hover { color: #CCC; text-decoration: none; } .custom ul#nav li.current_page_item a, .custom ul#nav li.current_page_item a:visited, .custom ul#nav li.current_page_item a:hover { cursor: default; color: black; background-color: #FAEEFF; text-decoration: none; } /* div#content_box div#content */ .custom #content { font-size: 1.1em; padding-right: 19px; border-right: 1px dotted #372049; margin-right: 20px; } .custom h2 a, .custom h2 a:visited { color: #372049; } .custom h2 a:hover { color: #5D4970; } .custom .pages h2, .custom h2.page_header { color: #372049; background: transparent none; padding-bottom: 0px; margin-bottom: 10px; font-size: 2.5em; } .custom .posts .navigation { padding-bottom: 10px; border-bottom: 1px dotted #372049; margin-bottom: 10px; font: normal normal normal 1em helvetica, arial, sans-serif; } .custom .posts h2 { color: #372049; font-size: 2.5em; } .custom .entry img { border: 0; } .custom .rule { background: transparent none; } /* div#sidebar */ .custom #sidebar { padding-top: 6px; } .custom li.widget h2 { border-top: none; background: #5D4970 url(images/nav-bg.png) top left repeat-x; overflow: hidden; padding: 8px 0 5px 10px; margin: 0; } .custom li.widget ul { margin-left: 0; padding-left: 0; } .custom li.widget ul li { list-style-type: none; margin-left: 0; padding-left: 0; } .custom li.widget ul li a, .custom li.widget ul li a:visited { display: block; padding: 8px 10px; border-bottom: 1px dotted #333; } .custom li.widget ul li a:hover { text-decoration: none; background-color: #CCC; } /* div#footer*/ .custom div#footer { border-top: 1px dotted #372049; margin-bottom: 15px; } .custom #footer p { text-align: center; margin: 0.923em 0; } /* RESUME */ .custom #post-59 .entry table { font: normal normal normal .7em/1.3em helvetica, arial, sans-serif; padding-bottom: 1em; border-bottom: 1px dotted #372049; margin-bottom: 1.5em; } .custom #post-59 .entry table tr td { padding-right: 3px; }