/* 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! */ /* Universal elements */ body { margin: 0; padding: 0; background: url('images/backgroundgradient.jpg') repeat-x; background-attachment: fixed; font: 62.5% Helvetica, "Times New Roman", Times, serif; text-align: center; } .custom a { color: #000; text-decoration: none; } .custom a:hover { color: #000; text-decoration: none; } .custom #content { width: 530px; padding: 5px 0px 0px 10px; float: left; background-color: none; } .custom #twitter { width: 970px; padding-top: 10px; margin: 0 0 5px 0px; float: left; background-color: #e9e1a6; border: 1px solid black; } .custom #twitter p { font: 2em Helvetica, Cambria, sans-serif; color: #000; font-style: italic; } .custom #twitter a { text-decoration: underline; } .custom #twitter a:hover { font-weight: bold; } .custom #twitter img { height: auto; } .custom #l_sidebar { width: 160px; padding: 0px 10px 0em 0px; margin: 0 0 0em 0; float: left; background-color: none; } /*Header */ .custom #masthead { margin: 0; padding: 0; width: 970px; height: 127px; background: url('images/banner.jpg') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ } /*.custom #ticker { font: 1.5em Helvetica, Arial, sans-serif; margin: 35px 0 10px 0; padding: 3px; float: none; }*/ /*Frontpage*/ .custom #frontpagebg { width: 900px; margin: 0px 0 0 0px; padding: 20px; text-align: left; } .custom #frontcontent { width: 900px; margin: 20px; padding: 20px; background: url('images/statehouse.png') center no-repeat; text-align: left; float: left; } .custom #magcontainer { width: 450px; padding:0px; margin: 0px; float: left; background: none; } .custom #blogcontainer { width: 450px; padding:0px; margin: 0px; float: left; background: none; } .custom #frontcontent h3 { text-transform: uppercase; font: 2em Helvetica, Arial, sans-serif; font-weight: bold; } .custom #frontcontent ul { font: 1.5em Helvetica, Arial, sans-serif; list-style: none; line-height: 1.3em; } .custom #frontcontent li a:hover { color: #fff; background: #000; padding: 2px; } .custom ul#navfront { list-style: none; width: 950px; padding: 7px 0px 10px 0px; margin: 0px; float: left; clear: both; background: url('images/hr_dot_black.gif') 0 86% repeat-x; } .custom ul#navfront li { padding: 10px 5px 5px 20px; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; } .custom ul#navfront li a:hover { padding: 0px; text-decoration: underline; } .custom ul#navfront li.current_page_item a, ul#navfront li.current_page_item a:visited, ul#navfront li.current_page_item a:hover { color: #000; text-decoration: underline; } /* Sidebar */ .custom li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; width: 240px; margin: 0 0 0.8em 0; padding: 0.2em 0px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; } .custom #l_sidebar li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; width: 160px; margin: 0 0 0.8em 0; padding: 0.2em 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; } .custom #l_sidebar .textwidget p, #l_sidebar .recentcomments { width: 130px; } .custom #sidebar, #sidebar .textwidget { width: 260px; } .custom li.widget p { color: #000; margin: 0 0 1.5em 0; padding: 0 0px; } .custom li.widget ul, li.linkcat ul { list-style-type: disc; margin: 0 0 0 1.5em; } .custom li.widget li, li.linkcat li { margin: 0 0 0.5em 0; } .custom li.widget a, li.widget a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; } .custom li.widget a:hover, li.linkcat a:hover { text-decoration: none; color: #fff; background-color: #222; padding: 1px 0 1px 0; } .custom #search_form .search_input { width: 230px; padding: 3px; color: #000; font: normal 1.0em Helvetica, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } /*Navbar */ .custom ul#nav { list-style: none; width: 925px; padding: 0 10px 5px 0px; margin: 0 0 10px 0; border-bottom: 0px; float: left; clear: both; background: url('images/hr_dot_black.gif') 0 86% repeat-x; } .custom ul#nav li { padding: 10px 15px 10px 20px; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; } .custom ul#nav li a:hover { padding: 10px 0px 9px 0px; color: #000; background: url('images/buttonbg.jpg'); text-decoration: none; } .custom ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover { color: #000; text-decoration: none; } /*Headlines and h class */ .custom h2.headline { font: 2.5em Cambria, Helvetica, sans-serif; margin: -0.4em 0 0 -1px; } .custom h2 a { color: #000; text-decoration: none; } .custom h2 a:visited { color: #000; text-decoration: underline; } .custom h2 a:hover { color: #fff; background: #000; padding: 0px 0px 0px 0; } .custom h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: -5px 0 1.3em 0 !important; padding: 5px 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; } h3.byline { font-size: 1.0em; text-transform: uppercase; padding: 0 0 0.2em 0em; } .custom h4 { font: 1.2em Helvetica, sans-serif; font-style: none; font-weight: bold; color: #000; } .custom .details { font: 1.1em Helvetica, sans-serif; font-style: none; font-weight: bold; color: #333; } .custom h4 a, h4 a:visited { color: #666; text-decoration: none; } .custom h4 a:hover { color: #000; text-decoration: underline; } .custom .posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; } /* Entry and content */ .custom ul#teaser { list-style: none; width: 925px; padding: 0 10px 5px 0px; margin: 0 0 10px 0; border-bottom: 0px; float: left; clear: both; background: url('images/hr_dot_black.gif') 0 86% repeat-x; } .custom ul#teaser li { padding: 10px 15px 10px 20px; font: bold 1em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; } .custom .entry img.floatleft { padding: 1px; margin: 3px 10px 7px 0px; border: 1px #bbb; float: left; clear: left; max-width: 550px; } .custom .entry img.floatright { padding: 0 5px 0 0; margin: 3px 0px 0px 10px; border: 1px #bbb; float: right; clear: right; max-width: 550px; } .entry img.center { display: block; padding: 1px; margin: 0 auto 1.5em auto; border: 1px #bbb; float: none; clear: both; max-width: 550px; } .custom #excerptphoto img { float: left; padding: 1px 8px 2px 0px; border: none; } .custom .entry { font-size: 1.4em; line-height: 1.4em; } .custom .entry ul { list-style: disc; color: #000; } .custom .entry p { color: #000; margin: 0 0 1.0em 0; } .custom .entry p a { color: #000; border-bottom: 1px dotted #000; } .custom .entry a:hover { color: #fff; background: #000; } .custom .entry h3 a { color: #000; border-bottom: 1px dotted #000; } .custom .readmore { font: 1.0em Helvetica, sans-serif; color: #000; font-weight: bold; margin: 0 0 1.0em 0; } .custom .readmore a:hover { color: #fff; background: #000; } .custom p.subhead { color: #000; font: 1.2em Helvetica, Arial, sans-serif; font-style: italic; padding-bottom: 2px; } .custom h3.sharethis { font: 1.3em Helvetica, Arial, sans-serif; text-transform: none; padding: 3px 0 7px 0; } /*Comments */ .custom .tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #666; clear: both; } .custom .tagged a:hover { color: #000; background: #666; text-decoration: none; } .custom #comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Helvetica, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }