/* File: custom.css Description: Light dotted theme. Last update: 03/03/09 Use: The tag has been appended with the "custom" class, like so: . You can use the "custom" class to overwrite *any* CSS declarations contained in this theme's style.css file. If you make all your changes in this CUSTOM CSS file, you can safely update the main-files of this theme in the future, without loosing your precious work JUST DON'T OVERWRITE THE CUSTOM.CSS file. By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! Edit the HEX color code in the following CCS tags for customising the default Green color lay-out. */ /* Color, Header Borders */ blockquote { background: #f8f8f8; border-left: 3px solid #444; padding: 0px 10px; margin: 5px 5px 5px 5px; font-style: italic; color: #222; } code { color: #222; font-family: "Andale Mono", Courier, "Courier New", monospace; line-height: 1.15em;; } strong { font-size: 110%; } body { text-align: center; margin: 0; padding: 0 0 15px 0; font-family: trebuchet ms, arial, helvetica, sans-serif; background: #fff; } /* Header and wrapper */ #wrapper { margin: 0 auto; width: 960px; text-align: left; padding: 0; } #header { padding-top: 5px; background: #transparent; margin-top: 10px; margin-bottom: 10px; height: 110px; border-bottom: 2px dotted #d7e8f0; border-top: 2px dotted #d7e8f0; } #header #topright { text-align: right; float: right; width: 900px; margin: 5px 0 0 0; color: ##3366cc; } #header #topright ul { list-style: none; padding: 0; margin: 0; } #header #topright li { display: inline; } #header #topright li a { color: #000066; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; letter-spacing: -1px; text-transform: uppercase; padding:6px 6px; background: #d7e8f0; } #header #topright li a:hover { color: #d7e8f0; text-decoration: none; background: #3366cc; } #header #logo { float: left; width: 600px; margin: 4px 0 0 0px; padding: 0; } #header h1 { padding: 0; margin: 0; } #header h1 a { color: #222; font-size: 26pt; font-family: Georgia, "Times New Roman", Times, serif; font-style: bold; text-decoration: none; letter-spacing: -1px; } #header h1 a:hover { color: #ff0000; text-decoration: none; } #header span { padding: 3px; color: #666; font-size: 15pt; } /* Menu */ #catnav { margin: 0px 0 0 0; padding: 0; clear: both; height: 15px; width: 960px; } #nav { list-style: none; margin: 0; padding: 0; } #nav ul { margin: 0; padding: 0; } #nav li { float: left; margin: 0; padding: 0; } #nav a { display: block; line-height: 15px; margin: 5px 0 0 0; padding: 0 15px 0 10px; font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif; font-style: bold; color: #444; letter-spacing: -1px; } #nav li a:hover { color: #3366cc; text-decoration: none; display: block; } #nav li ul { list-style: none; position: absolute; width: 150px; left: -999em; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li li { float: left; margin: 0; padding: 0; width: 150px; } #nav li li a { width: 150px; height: 20px; line-height: 20px; color: #111; border-top: 1px dotted #b0d3e3; background: #d7e8f0; margin: 0; padding: 5px 15px 5px 10px; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; } #nav li li a:hover { border-top: 1px solid #b0d3e3; background: #e0ecf1; color: #3366cc; padding: 5px 15px 5px 10px; } #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static; } #toprss { float: right; margin: 15px 0 0 0; display: inline; width: 50px; line-height: 60px; } /* Top Content */ #main { margin: 5px 10px 0 10px; clear: both; width: 950px; padding-bottom: 5px; } #contentwrapper { float:left; width: 530px; margin: 0 0 15px 0; padding: 0; } #contentwrapper2 { float:left; width: 900px; margin: 0 0 15px 0; padding: 0; } #contentwrapper .pageTitle, #contentwrapper2 .pageTitle { margin: 20px 0 1px 0; font-size: 22pt; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; color: #333; font-weight: normal; background: #d7e8f0; padding: 5px; } .topPost { margin: 15px 0 0 0; padding: 0; font-size: 10pt; } .topPost h2.topTitle a { font-size: 22pt; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #333; letter-spacing: -1px; } .topPost h2.topTitle a:hover { text-decoration: underline; color: #3366cc; } .topPost p.topMeta { padding: 0; margin: -10px 0 0 0; font-size: 9pt; color: #888; } .topPost p.topMeta a { text-decoration: underline; color: #888; } .topPost p.topMeta a:hover { color: #666; } .topPost div.topContent { font-size: 11pt; color: #444; margin: 8px 0; } .topPost div.topContent a { text-decoration: none; color: #3366cc; } .topPost div.topContent a:hover { text-decoration: underline; color: #3366cc; } .topPost div.topContent ul, .topPost div.topContent ol { padding: 0 0 0 30px; } .topPost div.topContent ul li, .topPost div.topContent ol li { color: #444; } .topPost span.topComments, .topPost span.topMore, .topPost span.topTags { font-size: 9pt; font-style: italic; background: #fff; padding: 8px 10px; margin-right: 5px; line-height: 27pt; color: #444; border: 1px dotted #dfdfdf; } .topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover { background: #f1f1f1; } .topPost span.topComments a { color: #444; background: url(images/comments.gif) left no-repeat; padding-left: 20px; line-height: 27pt; vertical-align: middle; } .topPost span.topMore a { color: #444; background: url(images/more.gif) left no-repeat; padding-left: 20px; line-height: 27pt; vertical-align: middle; } .topPost span.topTags em { background: url(images/tags.gif) left no-repeat; padding-left: 20px; line-height: 27pt; vertical-align: middle; color: #444; } .topPost span.topTags a { color: #444; line-height: 27pt; vertical-align: middle; } .topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover { color: #444; text-decoration: underline; } .topContent img { margin: 0px 0px 0px 0px; display: block; clear: left; } .topContent img.left { margin: 5px 10px 10px 0px; float: left; clear: left; } .topContent img.right { margin: 0 0 10px 10px; float: right; clear: right; } .topContent img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; } .topContent img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; } .topContent img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; } p.note { padding: 0.5em 9px; background: #ffffa0; border: 1px solid #d3d35d; } #nextprevious { margin: 10px 0 5px 0; } #nextprevious a { color: #3366cc; text-transform: lowercase; text-decoration: underline; } #nextprevious a:hover { color: #444; } /* Comments */ #comment { margin-bottom: 10px; background: #e0ecf1; width: 510px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */ border: 1px dotted #ccc; padding: 10px 15px; color: #444; } #comment a { color: #242469; } #comment a:hover { color: #333; } #numberofcomments { color: #fff; font-size: 12pt; margin-top: 10px; } ol#commentlist { list-style: none; margin: 10px 0; font-size: 9pt; } #commentlist li { margin: 0 0 15px 0; padding: 10px; background: #fff; border: 1px solid #ccc; } #commentlist li.alt { background: #fff; border: 1px solid #010101; border: none; } #commentlist li.cleared { background: transparent; border: none; } #commentlist a:hover { color: #444; } #commentlist a.gravatar { float: left; margin: 0 10px 0 0; width: 69px; } #commentlist .commentbody { margin: 5px; padding: 0 5px 0 0; float: right; width: 450px; } #commentlist .commentbody p a { text-decoration: underline; } #commentlist cite { font-size: 11pt; font-style: normal; color: #555; } #commentlist small.commentmetadata a { color: #666; } #commentlist p { color: #555; } #comment h3 { font-size: 11pt; font-weight: normal; color: #333; margin: 15px 0 0 0; padding: 0; } textarea#comment { width: 450px; background: #fff; color: #111; } #comment #submit { margin-left: 0px; margin-top: -25px; } /* Welcome section */ .roundtop {background: #ffffff;} .roundbottom {background: #ffffff;} .r1{margin: 0 5px; height: 1px; overflow: hidden; background: #d7e8f0;} .r2{margin: 0 3px; height: 1px; overflow: hidden; background: #d7e8f0;} .r3{margin: 0 2px; height: 1px; overflow: hidden; background: #d7e8f0;} .r4{margin: 0 1px; height: 2px; overflow: hidden; background: #d7e8f0;} #main #welcome { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background: #d7e8f0; } #main #welcome h2 { font-size: 16pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: dotted; color: #333; letter-spacing: -1px; margin: 0px 20px; padding: 10px 0px 3px 0px; } #main #welcome p { font-size: 10pt; color: #333; margin: 0 10px; padding: 10px 10px; } #main #welcome .media { margin: 0px 0px 0px 10px; padding: 20px 0px 5px 15px; } #welcome .media img { border: 5px solid #ddd; } #main #welcome a { text-decoration: underline; color: #555; } #main #welcome a:hover { color: #fb9b05; } #main #welcome form { margin: -5px 0 0 0; background: transparent; /* required for IE */ } #main #welcome #feedbox { border: 1px solid #ccc; padding: 2px 1px; width: 180px; } .submitbutton { margin: -5px 0 0 5px; background: #b0d3e3; color: #242469; font-size: 8pt; padding: 3px 6px; vertical-align: middle; border: 1px solid #111; } .submitbutton:hover { cursor: pointer; background: #ddd; } /* Sidebars */ #sidebars { margin: 15px 0 0 0; float: right; width: 380px; color: #333; } #sidebars .sidebarbox { background: #d7e8f0; padding: 8px 15px; } #sidebar_full { padding: 0; margin: 0; } #sidebar_left { float: left; width: 180px; } #sidebar_right { float: right; width: 180px; } #sidebars h2 { margin: 0; padding: 0 0 2px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 16pt; color: #333; letter-spacing: -1px; border-bottom: 1px dotted #555; } #sidebars table { width: 130px; } #sidebars ul { margin: 0px; padding: 0 0 5px 0; } #sidebars li { margin-bottom: 20px; list-style: none; font-size: 9pt; } #sidebars li ul { padding: 0; } #sidebars ul ul li { margin: 0; padding: 2px 2px 2px 16px; color: #444; background: url(images/bullet.gif) left 8px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */ } #sidebars a { display: inline; font-size: 1.05em; color: #3366cc; text-decoration: underline; } #sidebars a:hover { color: #222; text-decoration: underline; } #sidebars p { padding: 2px 0; font-size: 10pt; color: #444; } #tag_cloud a { display: inline; text-decoration: none; } #sidebars .rsswidget { text-decoration: none; } #sidebars .ngg-widget-slideshow { padding: 5px; } #sidebars ul.children li {border-bottom:none;} #sidebars ul.children {margin-bottom:0;} /* Before footer */ #morefoot { background: #d7e8f0; border: 1px solid #b0d3e3; padding: 15px; color: #333; margin: 0 0 10px 0; } #morefoot p { margin: 5px 0; padding: 5px 0; } #morefoot ul { list-style-type: none; margin-top: 5px; } #morefoot ul li, #morefoot p { font-size: 10pt; } #morefoot a { text-decoration: underline; color: #3366cc; } #morefoot a:hover { text-decoration: underline; color: #ff0000; } #morefoot h3 { font-size: 15pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333; letter-spacing: -1px; border-bottom: 1px dotted #444; margin: 0; padding: 0 0 2px 0; } #morefoot #searchbox { padding: 1px; width: 180px; } #morefoot .col1 { float: left; width: 340px; } #morefoot .col2 { margin: 0 25px; } #morefoot .col2, #morefoot .col3 { float: left; width: 260px; } #morefoot li { padding-left: 20px; margin-bottom: 5px; background: url(images/more.png) left 2px no-repeat; line-height: 19px; /* Required for cross-browser consistency; cross-browser defaults vary. */ } /* footer*/ #footer { clear: both; background: #b0d3e3; border: 1px solid #b0d3e3; padding: 15px 15px 10px 15px; } #footer p { font-size: 9pt; color: #336699; padding: 0; } #footer a { color: #336699; text-decoration: underline; } #footer a:hover { color: #242469; } #footerleft { float: left; width: 650px; } #footerright { float: right; width: 250px; text-align: right; } .roundbottomfooter {background: #ffffff; margin: -1px;} .rf1{margin: 0 5px; height: 1px; overflow: hidden; background: #b0d3e3;} .rf2{margin: 0 3px; height: 1px; overflow: hidden; background: #b0d3e3;} .rf3{margin: 0 2px; height: 1px; overflow: hidden; background: #b0d3e3;} .rf4{margin: 0 2px; height: 2px; overflow: hidden; background: #b0d3e3;} /* Misc */ .highlight { color: #222; font-weight: bold; } .cleared { margin: 0; padding: 0; clear: both; } .alignleft { float: left; margin: 5px 10px 5px 0; } .alignright { float: right; margin: 5px 0 5px 10px; } .aligncenter, div.aligncenter { margin: 10px auto; text-align: center; display: block; } img.alignleft { float: left; margin: 5px 10px 5px 0; } img.alignright { float: right; margin: 5px 0 5px 10px; } img.aligncenter { margin: 10px auto; text-align: center; display: block; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; /* 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: none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #111; } /* EOF */