/* 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! */ /*-- see HACK in cutline stylesheet theme file with the following: body { background: #fffafa; color: #333; font: 62.5% Helvetica, Arial, sans-serif; text-align: center; } this reverses the serif/sanserif from blog CSS and changed background color --*/ /*---:[ global elements ]:---*/ .custom a { color: #406099; text-decoration: underline; } /*--HACK color change from blog CSS --*/ .custom a:visited { color: #97A8C7; text-decoration: underline; } /*--HACK color change from blog CSS --*/ /*---:[ headlines ]:---*/ .custom h1, h2, h3 { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #000; }/*--HACK swapped from sansserif from blog CSS --*/ /*---:[ header styles ]:---*/ .custom #masthead { width: 770px; height: 85px; background: url('images/logo.jpg') no-repeat; }/*--HACK added image and height from blog CSS --*/ .custom #masthead h3 {display: none;}/*--HACK added to hide H3 --*/ .custom #masthead h1 {display: none;}/*--HACK added to hide H1 --*/ .custom #masthead a { display: block; width: 770px; height: 75px; } /*--HACK added line from blog CSS --*/ .custom ul#nav { list-style: none; width: 770px; padding: 0 0; background: url(images/hr_dot_black.gif) repeat-x; border-bottom: 3px solid #000; float: left; clear: both; } /*--HACK padding to 0, width to 770 to align list with edge from blog CSS --*/ .custom ul#nav li { padding: 0.85em 40px 0.7em 0; font: bold 1.4em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; float: left; } /*--HACK font family change from blog CSS --*/ .custom ul#nav li a { color: #406099; text-decoration: none; }/*--HACK split a and a:visited lines to get diff colors from blog CSS --*/ .custom ul#nav li a:visited { color: #97A8C7; text-decoration: none; }/*--HACK color change from blog CSS --*/ .custom ul#nav li a:hover { color: #998f82; text-decoration: underline; }/*--HACK color change from blog CSS --*/ .custom ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #2f2b3a; text-decoration: underline; }/*--HACK color change from blog CSS --*/ /*--content styles--*/ .custom .entry ul, .entry ol { margin: -1.5em 0 1.5em 40px; } /*-- HACK note NEGATIVE spacing at top to make lists proximate --*/ .custom .entry ul { list-style-type: disc; } /*-- Hack makes bullets round instead of square --*/ .custom .entry h3 { margin: 1em 0 2em 0; } /*--hack this counteracts the negative spacing -1.5 em of the lists on the for the archive page to eliminate overlap ALSO NOTE: the By Month h3 header line was changed to a normal h3 line from:

by month:

--*/ /*--sidebar styles--*/ .custom li.widget ul, li.linkcat ul { list-style: none; font-weight: bold; margin: 0 0 0.5em 0px; }/*--HACK left margin to 0 to align, list-style none to get rid of bullets from blog CSS --*/ .custom li.widget ol, li.linkcat ol { margin: 0 0 0.5em 0px; }/*--HACK left margin to 0 to align, from blog CSS --*/ /*--header styles--*/ /*-- these next 7 lines are to override the global a commands for the h2 --*/ .custom h2 { font-size: 2.0em; } .custom h2 a { color: #000; text-decoration: none; } .custom h2 a:visited { color: #555; text-decoration: none; } .custom h2 a:hover { color: #090; text-decoration: none; } .custom .posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; } .custom .pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; } .custom h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }