/* 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! */ .highlite { padding: 15px 15px 1px 15px; margin: 0 0 1em 0; } .yellow { background-color: #ffffcc; } .green { background-color: #b7ddbc; } p.service-price { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; } p.note { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; } p.alert { background: #ffffcd; border: 1px solid #e5e597; padding: 10px; } p.center { text-align: center !important; } p.bottom { margin: 0 !important; } /* =BREADCRUMB -----------------------------*/ #breadcrumb { font-size: .7em; margin-bottom: 10px; } /* =SHARE BUTTONS -----------------------------*/ #sharethis { float:right; width:auto; height:16px; margin: 10px 0 0 0; } #sharethis a { color: #ccced3; font-size: .8em; line-height: 18px; } #sharethis a:hover { color: #e25b25; } a { color: #003366; text-decoration: none; } a:hover { color: #000; text-decoration: none; } /* LINE 447 */ li.widget li a:hover, li.linkcat li a:hover { text-decoration: none; } /* BLOG TITLE LINE 119 */ #masthead { margin: 0 0 10px 0; } #masthead p { font-size: 1.4em; letter-spacing: -0.03em; padding: 0 0 0 0; text-align: left; clear: both; } #masthead p a { font-size: 2.4em; color: #003366; text-decoration: none; border: none; margin-ritgh: 15px; } #masthead p a:visited, #masthead p a:hover { color: #000; text-decoration: none; border: none; } /* BLOG TAGLINE LINE 159 */ #masthead span { color: #333; font-weight: normal; font-size: 1.5em; text-transform: none; text-align: left !important; margin: -2em 0 3em 0; margin: 0; } /* LINE 159 */ /* Single Page Post Title */ h1 { letter-spacing: -0.03em; } h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; } /* LINE 159 */ .posts h1 { margin: 0 0 0.1em 0; line-height: 1.2em; } .pages h1, h1.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; } h1.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; } /* LINE 131 */ /* Home Page Post Title */ h2 a { color: #000; text-decoration: none; border: none; } h2 a:visited { color: #555; text-decoration: none; } h2 a:hover { color: #888; text-decoration: none; } /* MAIN NAVIGATION */ /* LINE 243 */ ul#nav { margin-botton: 10px; } ul#nav li a, ul#nav li a:visited { border: none; } ul#nav li a:hover { color: #003366; border: none; text-decoration: none; } /* LINE 251 */ ul#nav li a.current { color: #003366; text-decoration: none; } ul#nav li a.current:visited, ul#nav li a.current:hover { color: #003366; text-decoration: none; } /* LINE 263 */ #header_img { margin: 0 0 10px 0; } #content h2 { font-family: Georgia, Times, serif; letter-spacing: -.3px; } h2 a { color: #111; } #content .posts h2 { /* NEW */ color: #3366cc; margin-top: 25px; } /* SIDEBAR */ li.widget h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url('images/hr_dot_black.gif') 0 100% repeat-x; } /* BASE INFO */ #content h2, #content h3 { color: #333; font-weight: normal; font-family: Georgia, Times, serif; text-transform: none; } h2.company, h2.business, h3.business-tag-line, h3.company-slogan, .industry, .year, .agency, .country, .summary, .details { padding: 0; margin: 0; font-size: 1.1em; } /* ITALIC SLOGAN */ h3.business-tag-line, h3.company-slogan { font-style: italic; } h2.company span, h2.business span, h3.business-tag-line span, h3.company-slogan span, .industry span, .year span, .agency span, .country span, .summary span, .details span { color: #777; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .6em; padding-right: 5px; text-transform: uppercase; font-weight: bold; font-style: normal; } /* WITH IMAGES h2.company, h2.business, .business-tag-line, .company-slogan, .industry, .year, .agency, .country, .summary, .details { padding: 12px 0 0 0; margin: 6px 0 0 0; font-size: 1.1em; } h2.company { background: url(../images/company.gif) top left no-repeat; } h2.business { background: url(../images/business.gif) top left no-repeat; } .business-tag-line { background: url(../images/business-tag-line.gif) top left no-repeat; font-style: italic; } .company-slogan { background: url(../images/company-slogan.gif) top left no-repeat; font-style: italic; } .industry { background: url(../images/industry.gif) top left no-repeat; } .year { background: url(../images/year.gif) top left no-repeat; } .agency { background: url(../images/agency.gif) top left no-repeat; } .country { background: url(../images/country.gif) top left no-repeat; } .summary { background: url(../images/summary.gif) top left no-repeat; } .details { background: url(../images/details.gif) top left no-repeat; } */ /********************************************* NEW Breadcrumb *********************************************/ #breadcrumb { padding: 0px 0px 5px 0px; } #breadcrumb, #breadcrumb a { color: #999; font-size: 11px; text-decoration: none; } #breadcrumb a:hover { color: #333; text-decoration: underline; } .meta { margin: 5px 0 0 0; padding-top: 0; border-top: none; } .meta-top { color: #777; font-size: 1.2em; margin: 0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px dotted #CCC; } .meta-bottom { font-size: 1.1em; margin: 5px 0 10px 0; padding: 5px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .meta a:link, .meta a:visited, .meta-bottom a:link, .meta-bottom a:visited { text-decoration: none; color: #C00; font-weight: normal; } .meta a:hover, .meta a:active, .meta-bottom a:hover, .meta-bottom a:active { text-decoration: none; color: #457BCC !important; }