/* Theme Name: Jarrod Goddard Theme URI: jarrodgoddard.com Description: The theme for JarrodGoddard.com Author: Jarrod Goddard Author URI: http://www.jarrodgoddard.com Template: Version: 1.0 . . */ /** * HTML RESET */ :link,:visited {text-decoration: none;} ul,ol {list-style: none;} h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;font-weight:normal;} img, dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} img, a img,:link img,:visited img {border: none;} address {font-style: normal;} .clear {clear:both;} .spacer {height:20px;} /** * HEADER ELEMENTS */ #header {background:#cecece url(images/header-bg.jpg) repeat-x top left; position:relative; height:56px;} #menu {position:absolute; bottom:15px; left:30px;} #menu li {display:inline; margin-right:10px;} #menu li a:link, #menu li a:visited {color:#004e88; padding:15px;} #menu li.active a:link, #menu li.active a:visited {background-color:#004e88; color:#fff;} #header-rss {position:absolute; bottom:0; left:50%;} #header-rss a {position:absolute; color:#004e88; width:15em; top:5px; left:30px;} #header-search {position:absolute; right:0; top:0;} #header-search form#searchform {background:#2d2d2f url(images/header-search-close-left.jpg) no-repeat bottom left; padding:4px 0 0 4px; color:#fff; margin:0 10px 0 0;} #header-search form div {background:#2d2d2f url(images/header-search-close-right.jpg) no-repeat bottom right; padding-bottom:4px; margin-left:10px;} #header-search input.btn {margin-right:10px;} /** * BANNER ELEMENTS */ #banner {clear:both; height:202px; background:#0067a2 url(images/banner-bg.jpg) bottom left repeat-x; } #banner-container {width:70%;} #banner-photo-right {background:transparent url(images/banner-img-right.jpg) no-repeat top right; height:202px; padding-right:7px;} #banner-photo-left {background:transparent url(images/banner-img-left.jpg) no-repeat top left; padding-left:18px;height:202px; } #banner-bg {background:transparent url(images/banner-img-bg.jpg) repeat-x top left;padding-top:25px; padding-right:5px;height:202px;} #banner-photo {height:142px; padding:10px 0;} #banner-photo p {font-weight:bold; text-align:right; width:100%; color:#004e88; background-color:#fff; padding:5px 0 0 0; font-size:1.3em;margin:0;} #banner-photo h3 {font-weight:bold; text-align:right; color:#004e88; width:100%; background-color:#fff; padding:0 2px 5px 0;} /* BANNERS */ .photo1 {background:transparent url(images/banner1.jpg) repeat-x top left; } .photo2 {background:transparent url(images/banner2.jpg) repeat-x top left; } .photo3 {background:transparent url(images/banner3.jpg) repeat-x top left; } .photo4 {background:transparent url(images/banner4.jpg) repeat-x top left; } .photo5 {background:transparent url(images/banner5.jpg) repeat-x top left; } .photo6 {background:transparent url(images/banner6.jpg) repeat-x top left; } .photo7 {background:transparent url(images/banner7.jpg) repeat-x top left; } .photo8 {background:transparent url(images/banner8.jpg) repeat-x top left; } .photo9 {background:transparent url(images/banner9.jpg) repeat-x top left; } .photo10 {background:transparent url(images/banner10.jpg) repeat-x top left; } .photo11 {background:transparent url(images/banner11.jpg) repeat-x top left; } .photo12 {background:transparent url(images/banner12.jpg) repeat-x top left; } .photo13 {background:transparent url(images/banner13.jpg) repeat-x top left; } /** * PAGE ELEMENT [background color] */ #page {background:#fff url(images/content-bg-left.jpg) repeat-y top left; } /** * CONTENT ELEMENTS */ #content {background:transparent url(images/content-bg-right.jpg) repeat-y 70% 0;} #article {width:70%; float:left;} .articleContent {clear:both;} #article h1 {margin:0 32px;} #article div.post h1 {margin:0;} div.post {padding:10px 0; border-bottom:1px dotted #00518e; margin:0 32px; clear:both;} div.post h2, div.post h1, div.post h1 a:link, div.post h1 a:visited div.post h2 a:link, div.post h2 a:visited {color:#00518e;} div.post h3 {font-weight:bold;} div.post h3 a:link, div.post h3 a:visited {text-decoration:none;} div.post h3 a:hover, div.post h3 a:active {text-decoration:underline;} div.post img {float:right; margin:10px; padding:5px; border:1px solid #dedede; background-color:#efefef;} div.post img.nofloat {float:none;} div.post li {list-style-type:square; margin:5px 0 5px 30px;} div.excerpt {padding:10px 25px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; font-style:italic; font-size:1.1em; color:#000; position:relative;} div.excerpt img {margin:0;} div.post blockquote {margin:20px 56px; border-left:1px solid #d0d0d0;padding-left:10px;} div.post p.code {border:1px solid #1c3c67; padding:4px; margin:10px;background-color:#d0d0d0;} div.post ol, div.post ol li {list-style-type:decimal;} div.post a:hover, div.post a:active {text-decoration:underline; color:#044A7E;} p.metaData {font-style:italic; font-size:0.9em; margin:5px 30px;} p.metaData a:link, p.metaData a:visited {color:#00518e;} p.subLink img {margin:0;padding:0; float:none; border:none; background-color:transparent;} /** * SIDEBAR ELEMENTS */ #sidebar {width:30%; float:right; } #sidebar h2 {color:#000; font-weight:bold; text-transform:uppercase; margin-bottom:10px;} #sidebar-rss, #sidebar-supporters, #sidebar-recommended, #sidebar-popular-posts, #sidebar-recent-posts, #sidebar-categories {position:relative; margin:10px 0 0 10px;} #sidebar-rss a {position:absolute; top:5px; left:30px; color:#000; font-weight:bold;} #sidebar-rss form {margin:0;padding:0 0 10px 0;} #sidebar-rss img {margin:0;padding:0;} #sidebar-recommended li, #sidebar-recent-posts li, #sidebar-popular-posts li, #sidebar-categories li {margin:5px 35px 5px 15px; border-bottom:1px dotted #999;padding:5px;} #sidebar-recommended li a:link, #sidebar-recommended li a:visited, #sidebar-recent-posts li a:link, #sidebar-recent-posts li a:visited, #sidebar-popular-posts li a:link, #sidebar-popular-posts li a:visited, #sidebar-categories li a:link, #sidebar-categories li a:visited {color:#00518e; text-decoration:none;} #sidebar-categories li a:hover, #sidebar-categories li a:active, #sidebar-recommended li a:hover, #sidebar-recommended li a:active, #sidebar-recent-posts li a:hover, #sidebar-recent-posts li a:active, #sidebar-popular-posts li a:hover, #sidebar-popular-posts li a:active {text-decoration:underline;} /** * FOOTER ELEMENTS */ #footer {clear:both; background:#2c2c2e url(images/footer-bg.jpg) repeat-x top left; padding-bottom:10px;} #footer-container {width:100%;} #footer-right {background:transparent url(images/footer-bg-right.jpg) no-repeat 70% 0; } #footer-left {background:transparent url(images/footer-bg-left.jpg) no-repeat top left; padding-right:25px;} #footer-bg {padding-top:25px; color:#fff; padding-left:50px;} #footer h2 {font-weight:bold; margin:0;} #footer-recent-posts {float:left;} #footer-recent-posts li {margin-left:20px;} #footer-copyright {text-align:right; } #footer-copyright p {color:#fff;} #footer a:link, #footer a:visited {color:#fff; text-decoration:underline;} #footer h2 {color:#fff;} /** * COMMENTS */ div#commentsLinks {font-weight:bold; border:1px solid #f0f0f0;margin:5px 0; padding:4px; background-color:#efefef;} div.post ol.commentlist {} div.post ol.commentlist li {border-top:1px solid #00518e;background-color:#f6f6f6; list-style:none; padding:5px; margin:5px 0;} div.post ol.commentlist li cite {font-weight:bold; } small.commentmetadata {font-style:italic; font-size:0.9em;} div.post ol.commentlist li.alt {background-color:#efefef;} div.post form#commentform {padding:5px; margin:5px;} div.post form#commentform p {margin:3px 0; background-color:#f3f3f3; padding:3px;} div.post form#commentform input {width:250px; margin:0; padding:0;} div.post form#commentform label {} div.post form#commentform textarea {width:500px; margin:0; padding:0;} h3#respond, h3#comments {color:#00518e; font-size:1.2em; font-weight:bold;margin-bottom:5px; } h3#comments {margin-top:10px;} h3#respond {border-top:dotted 1px #00518e;} form#searchform {margin:20px 32px;} p.searchResults {margin:0 32px;} /** * HTML DEFINITIONS */ body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#2c2c2e;} h1 {color:#00518e; font-size:1.6em; font-weight:bold; margin-bottom:5px; text-transform:uppercase; } h2 {color:#00518e; font-size:1.3em; font-weight:bold; margin-bottom:10px; margin-top:10px;} a:link, a:visited {color:#00518e;} a:hover, a:active {text-decoration:underline; color:#04538E;} p {color:#3b3c3d; margin:10px 0;} code {font-family: Courier , Monospace;}