/* 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! */ .custom body { font-family: Lucida Grande, Arial, Helvetica, sans-serif } .custom h1, .custom h2, .custom h3 { font-family: Lucida Grande, Arial, Helvetica, sans-serif } .custom div.entry { font-family: Lucida Grande, Arial, Helvetica, sans-serif } .custom #content_box { width: 704px; margin-left: 8px; } .custom #content_box #content { margin: 0px; padding-left: 0px; min-height: 0px; width: 400px } .custom h2 { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #fff; } .custom h2 a { color: #fff; text-decoration: none; font-weight: normal; } .custom h2 a:visited { color: #fff; text-decoration: none; } .custom h2 a:hover { color: #fff; 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: transparent } .custom h2.archive_head { font-weight: normal !important; font-size: 18px !important; text-transform: none !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border: none ! important; border-bottom: 1px solid #fff !important; background: transparent !important } .custom h3 { font-size: 1.0em; text-transform: none; font-weight: normal; color: #ddd } .custom #masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #ddd; text-align: center; } .custom .entry h3 { margin: 2.5em 0 0.5em 0; } .custom .entry h3.top { margin: 1.5em 0 0.5em 0 !important; } .custom h3.comments_headers { font-size: 1.4em; } .custom h4 { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ddd; font-style: normal; } .custom h4 a, .custom h4 a:visited { color: #ddd; text-decoration: underline; } .custom h4 a:hover { color: #fff; 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; } .custom .entry { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px } .custom #sidebar ul { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px } .custom #sidebar h2 { color: #ffffff; } .custom li.widget h2, .custom li.linkcat h2 { font-weight: normal; font-size: 18px; text-transform: none; letter-spacing: normal; margin: 0 0 0.8em 0; padding-top: 0px; padding-bottom: 0px; background: transparent; border: none; border-bottom-width: 1px; border-bottom-color: #ffffff; border-bottom-style: solid; } .custom #footer { padding: 0px; border: none } .custom #search_form .search_input { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px ! important; color: #666666 ! important; } li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #aaa; } .custom .tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 12px; line-height: 1.6em; color: #aaa; clear: both; } .custom .tagged a, .tagged a:visited { padding: 0.25em; color: #ddd; text-decoration: underline; } .custom .tagged a:hover { color: #fff; text-decoration: underline; background-color: transparent; } .custom .add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; } .entry { font-size: 12px; line-height: 1.65em; } .entry blockquote { font-size: 1.0em; } .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; } .entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; } .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; } .entry p { margin: 0 0 1.5em 0; } .entry ul, .entry ol { margin: 0 0 1.5em 40px; } .entry ul { list-style-type: square; } .entry li { margin: 0 0 0.5em 0; } .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; } .entry dl { margin: 0 0 1.5em 0; } .entry dt { font-weight: bold; margin: 0 0 0.5em 0; } .entry dd { margin: 0 0 1.5em 20px; } .entry .ad { margin: 0 0 0.5em 15px; float: right; } .entry .ad_left { margin: 0 15px 0.5em 0; float: left; } .entry img { max-width: 490px; } .entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; } .entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; } .entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; } .entry img.off { padding: 0 !important; border: none !important; } .entry img.stack { clear: none !important; } .custom .posts h4 { margin: 0 0 1.0em 0; padding: 0 0 1.0em 0; background: none; } .custom #comments { width: 400px; float: left; clear: both; } .custom ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; } .custom ul#comment_list li.comment { width: 400px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; } .custom ul#comment_list li.trackback { width: 370px; padding: 1.2em 15px 0 15px; background: transparent; } .custom .comment_meta { margin: 0 0 1.2em 0; } .custom .comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 12px; float: right; } .custom .trackback .comment_num { padding: 0 0 0 20px; } .custom .comment_num a, .comment_num a:visited { color: #888; text-decoration: none; } .custom .comment_num a:hover { color: #df0000; text-decoration: none; } .custom .comment_meta strong { font-size: 12px; } .custom .comment_time { font: normal 1.0em Lucida Grande, Arial, Helvetica, sans-serif; color: #888; } .custom .comment .entry { padding: 0 15px; } .custom .comment .entry p { margin: 0 0 1.0em 0; } .custom .navigation { width: 400px; font-size: 1.4em; float: left; } .custom blockquote { color: #ffffff; } .custom pre { font-size: 1em ! important } .custom img.withborder { border-style: solid; border-color: #aaaaaa; border-width: 1px }