/* 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! */ /* side bars */ .custom a { color: #666666; text-decoration: none; } .custom a:hover { color:#CC0000; text-decoration: underline; } .custom h4 { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } .custom #l_sidebar { float:left; padding:0pt 0pt 0pt 0px; width:169px; } .custom ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { float:left; font-size:1.1em; line-height:1.3em; margin:0em 0pt 0px; width:169px; border-bottom-width: 10px; border-bottom-style: none; border-bottom-color: #ececec; padding-bottom: 15px; } .custom li.widget h2, li.linkcat h2 { background:transparent url(none) repeat-x scroll 0pt 100%; border-top:10px solid #ECECEC; font-size:1em; font-weight:bold; letter-spacing:normal; margin:5px 0pt 0.3em; padding:0.7em 0px; text-transform:uppercase; } .custom #content { float:left; width:450px; padding-top: 0pt; padding-bottom: 0pt; border-right-width: 1px; border-right-style: dotted; border-right-color: ececec; } .custom .navigation { float:left; font-size:1.4em; width:450px; } .custom #sidebar { float:right; padding:0pt 0pt 0pt 0px; width:169px; } .custom #sidebar p { font-size: 1.1em; line-height: 1.3em; } .custom #content_box { clear:both; float:left; text-align:left; width:839px; } .custom .tagged { clear:both; color:#888888; font-size:1.2em; line-height:1.7em; padding:0.2em 0pt; background-color: #ececec; } .custom li.widget ul, li.linkcat ul { list-style-image:none; list-style-type:none; margin:0pt 0pt 0.5em 0px; } .custom li.widget li, li.linkcat li { margin:0pt 0pt 0.1em; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ececec; } .custom h2 a { font-size:1em; color:#CC0000; padding-top: 5px; } .custom h2 a:hover { color: #666666; } .posts h2 { line-height:1.8em; margin:0pt 0pt 0.1em; border-top-width: 10px; border-top-style: solid; border-top-color: #ececec; } #portfolioNav a:hover { color: #CCCCCC; display: inline; } #portfolioNav ul, #portfolioNav a { color:#666666; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 1.25em; font-weight: bold; line-height: 1em; padding-left: 5px; margin-top: 15px; margin-bottom: 15px; } .custom .entry { font-size:1.2em; line-height:1.65em; } .custom .clear { clear:both; height:1px; margin:0pt 0pt 8em; width:465px; } .custom .posts h2 { line-height:1em; margin:0pt 0pt 0em; width: 450px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .custom h2 { font-size:1.7em; padding-top: 0px; } .custom .posts h4 { background:transparent url(images/hr_title_sep.gif) no-repeat scroll 0pt 100%; margin:0.4em 0pt 2em; padding:.2em 0pt 0em; text-align: left; border-top-width: 1px; border-top-style: dotted; border-top-color: #ececec; } .custom #comments { clear:both; float:left; width:450px; } .custom ul#comment_list li.comment { border-bottom:1px dotted #BBBBBB; float:left; padding:1.2em 0pt 0pt; width:450px; } .custom .tagged a:hover { background:url(none) repeat scroll 0%; color:#CC0000; text-decoration:underline; } .custom .tagged a, .tagged a:visited { color:#666666; padding:0.25em; text-decoration:none; } .custom #masthead { width:839px; margin-bottom: 8px; } .custom #footer p { color:#ececec; font-size:1em; margin:0pt 0pt 0.923em; text-align:left; padding-left: 189px; } .custom #footer { clear:both; float:left; padding:1.2em 0pt 0pt; width:839px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .custom #comment_form { float:left; padding:1em 0pt 0pt; width:450px; } .custom h2.archive_head { font-size:1.4em !important; font-weight:bold !important; letter-spacing:normal !important; margin:0pt 0pt 1.8em !important; padding:0.4em 2px !important; text-transform:uppercase !important; } .custom #l_sidebar a img { border-style:none; border-width:0px; } /*.custom li#text-2.widget { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }*/ .custom .stico_default { background:transparent url(http://blog.paulbustamante.com/wp-content/themes/cutline-3-column-split-11/images/share-icon-16x16.png) no-repeat scroll 0px !important; } .custom a.stbutton { padding:1px 5px 5px 22px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .custom #content.posts { } .custom .entry p{ border-bottom-style: none; border-bottom-color: #ececec; } .custom h5{ font-size: 1.1em; display: inline; padding-right: 10px; } .custom .entry a{ color: #CC0000; } .custom element.style { font-size: 1.2em !important; }