/* 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: #555 url(images/body-bg.png) top left repeat-x; } .custom #container { margin: 15px auto; width: 800px; } .custom #header { float: left; background: #FAF5CF url(); width: 800px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; } .custom #header #masthead { background: transparent url(images/masthead-bg.jpg) top right no-repeat; float: left; padding: 10px 15px 0; height: 100px; } .custom #content_box { background: #FAF5CF url(images/body-container-bg.png) top left repeat-x; padding: 15px 15px 10px; border-right: 1px solid black; border-left: 1px solid black; } .custom #footer { background-color: #FAF5CF; padding: 0 15px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } /* some general stuff */ .custom a, .custom a:visited { color: #5C8499; } .custom a:hover { color:black; } /* div#header div#masthead */ .custom #masthead h1 { border-top: none; padding: 5px 0; float: left; text-align: left; } .custom #masthead h1 a, .custom #masthead h1 a:visited, .custom #masthead h1 a:hover { font: normal normal bold 1.5em/1.5em georgia, serif; color: black; } .custom #masthead h3 { float: left; } /* div#header ul#nav */ .custom ul#nav { background: #5C8499 url(images/nav-bg.png) top left repeat-x; padding: 0; border-top: 1px solid black; border-bottom: none; margin-bottom: 0; width: 100%; } .custom ul#nav li { padding: 0; } .custom ul#nav li a, .custom ul#nav li a:visited { float: left; padding: 10px 15px 8px; color: black; } .custom ul#nav li a:hover { color: #FAF5CF; 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, .custom ul#nav li.current_page_ancestor a, .custom ul#nav li.current_page_ancestor a:visited, .custom ul#nav li.current_page_ancestor a:hover { cursor: default; color: #FAF5CF; background-color: black; text-decoration: none; } /* div#header ul#subnav */ .custom ul#subnav { list-style: none; border-top: 1px solid black; padding: 0; width: 100%; float: left; clear: both; background-color: black; } .custom ul#subnav li { font: bold 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; } .custom ul#subnav li a, .custom ul#subnav li a:visited { float: left; padding: 5px 15px 3px; color: #888; text-decoration: none; } .custom ul#subnav li a:hover { color: #FAF5CF; } .custom ul#subnav li.current_page_item a, .custom ul#subnav li.current_page_item a:visited, .custom ul#subnav li.current_page_item a:hover { background-color: #AFAB90; color: black; } .custom #header .rule { /* float: left; clear: both; width: 500px; border-bottom: 1px solid #666; margin-bottom: 10px; */ } /* div#content_box div#content */ .custom #content { } .custom div#content.not-front { width: 770px; padding: 0; } .custom .posts .navigation { padding-bottom: 10px; } .custom .posts .navigation a { font-family: helvetica, arial, sans-serif; text-decoration: none; } .custom h2 a, .custom h2 a:visited, .custom h2 a:hover { color: black; } .custom .pages h2, .custom h2.page_header { background: transparent none; padding-bottom: 0px; margin-bottom: 10px; } .custom .entry img { border: 0; margin-top: 0; margin-bottom: 0; } .custom .pages a.post-edit-link, .custom .pages a.post-edit-link:visited { font: normal normal bold .8em Helvetica, Arial, sans-serif; text-decoration: none; padding: 3px 3px 0; } .custom .pages a.post-edit-link:hover { color: white; background-color: #888; } .custom .rule { background: transparent none; } /* contact form */ #wpcf { width: 490px; font-family: helvetica, arial, sans-serif; font-size: 0.8em; } #wpcf label { clear: both; display: block; float: left; padding-right: 5px; } #wpcf input#wpcf_your_name, #wpcf input#wpcf_website, #wpcf input#wpcf_email { float: right; width: 300px; margin-top: 0; } #wpcf textarea { margin-top: -26px; float: right; width: 304px; } #wpcf input { margin-top: 3px; } #wpcf input#contactsubmit { float: right; } /* div#sidebar */ .custom #sidebar { padding-top: 6px; } .custom li.widget h2 { border: none; background: #5C8499 url(images/nav-bg.png) bottom left repeat-x; margin: 0; padding: 7px 0 5px 10px; min-height: 18px; overflow: hidden; } .custom li.widget ul { margin-left: 0; padding-left: 0; } .custom li.widget ul li { list-style-type: none; margin: 0; padding-left: 0; } .custom li.widget ul li a, .custom li.widget ul li a:visited { display: block; padding: 5px 0 5px 10px; border-bottom: 1px dotted #999; } .custom li.widget ul li a:hover { background-color: #CCC8A9; color: black; text-decoration: none; } /* div#footer*/ .custom div#footer { border-top: 1px dotted #CCC8A9; margin-bottom: 15px; } .custom #footer p { font-size: 1em; margin: 0.923em 0; text-align: center; }