/* 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! */ /* ----- added for WacoFX ----- */ div.wfxHeader { background-image: url(images/header_1.jpg); background-repeat: no-repeat; background-position: center; } /*---- custom added to solve alignment issue on 2.6 More info: http://wordpress.org/support/topic/164999?replies=1 http://wordpress.org/support/topic/189523 ----*/ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /*---- For top menu ----- */ .divTopMenu { z-index: 30; position: absolute; top: 0px; float: left; left: 100px; } /*--- Override body --- */ body { font: 55% Verdana, "Times New Roman", Times, serif; background: #0099ff url("images/wacoblue.jpg") repeat-x fixed top; background-color: #99ccff; } /*--- Override h1 -----*/ h1 { font-size: 2.5em; letter-spacing: -0.03em; } h2 { font-size: 2.0em; } h3 { font-size: 1.5em; } /*--- table for Custom Fields ---*/ .tblMeta { border: 1px solid #b7b7b7; background: #f3f3f3; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } table.tblMeta td { padding: 2px 2px 2px 10px; /* top right bottom left */ } table.tblMeta th { text-align: right; color: #0099ff; padding: 2px 2px 2px 5px; width: 125px; } /*--- caption formatting ----*/ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: #ffffff url(images/drop-box.png) no-repeat bottom right; } .cssbox { width: 450px !important; /* intended total box width - padding-right(next) */ width: 450px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto; /* use to position the box */ } /* set the top-right image */ .cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 20px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ .cssbox_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 10px 30px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } .cssbox_head h2 A:link { color: #000066; } .cssbox_head h2 A:hover { color: #009900; } .cssbox_body h4 { font: italic 1.2em Verdana, "Times New Roman", Times, serif; color: #888; } /* set the lower-left corner image */ .cssbox_body { background-position: bottom left; /*font: Verdana, "Times New Roman", Times, serif; font-size: 12px;*/ font-size: 12px; line-height: 1.65em; margin-right: 25px; /* interior-padding right */ padding: 15px 0 20px 30px; /* mirror .cssbox_head right/left */ } .cssbox_body li { margin-left: 50px; } .divPostDay { font: bold 16px Tahoma, "Times New Roman"; text-align: center; } .divPostMonthYear { font: 10px Tahoma, "Times New Roman"; text-align: center; } .tdPostDate { background-color: #ffffcc; } .tblMap { font: 8px Verdana; } .tblHeader { /* background: #ffffff url(images/header_2.jpg) no-repeat bottom center; */ } .tblBg { /* Used to handle 3 columns on main page */ background-color: #ffffff; } .divLBar { padding: 5px 20px 5px 15px; /* top right bottom left */ } .divRBar { padding: 5px 15px 5px 20px; } .divMBar { padding: 5px 10px 5px 10px; } .divPage { padding: 6px; } .topTable{ border-right:1px solid #000000; border-top:1px solid #000000; font-family: Verdana, Arial; font-size: 10px; } .topTable td{ border-left:1px solid #000000; border-bottom:1px solid #000000; padding: 2px; vertical-align: top; } .topTable th{ font-style:bold; background-color: #0099cc; color:white; text-align: center; border-left:1px solid #000000; border-bottom:1px solid #000000; }