/* Theme Name: sv_hbc_blue Theme URI: none Description: Blue Theme for Hanover Baptist Church Blog Version: 1 Author: Stan VanDruff Author URI: none Tags: */ /* medium blue body #62747d medium grey-blue of wrapper #606c71 lt purple wrapper outline #afacd6 lt blue content #7c9099 medium blue for events and services blocks #a6c1cd lt grey-blue of headers #324751 almost black text #15171d */ /* GLOBAL RESET -------------------------------------------------------*/ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */ html { margin: 0; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /*---------------------------------------------------------------------*/ /*--SITE-WIDE STYLES---------------------------------------------------*/ body {background-color: #62747d; font-family: georgia, serif; font-size: 62.5%; color: #15171d;} h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #324751;} li {background: url(/images/ico_bullet.png) 0px 10px no-repeat;} a {color: white;} a:link, a:visited {text-decoration: none;} a:hover, a:active {text-decoration: underline;} #wrapper { width: 960px; margin: 0 auto; padding: 0 0 1em 0; position: relative;} /*--WRAPPER HAS THREE ROWS (HD, BD, AND FT) ---------------------------*/ #hd {height: 200px; width: 960px;margin: 0 auto;} #hd h1 {text-indent: -9999px;} #bd {background: #606c71 url(/images/bg_blue_gradient_dk.jpg) repeat-x; margin: 0px; padding-left: 180px; padding-right: 180px; overflow: hidden; position: relative;} #bd .column {position: relative; float: left;} #ft {background: #606c71 url(/images/banner_footer.jpg) center top no-repeat; clear: both; font-size: 1.6em; line-height: 1.9em; text-align: center; padding: 40px 0px 0px 0px;} /*---------------------------------------------------------------------*/ /*--BD HAS THREE COLUMNS (CONTENT, NAV1, AND NAV2) --------------------*/ #content {width: 600px; padding: 0px; background: #7c9099 url(/images/bg_blue_gradient_lt.jpg) repeat-x; font-size: 1.6em; line-height: 1.9em; text-align: left; min-height: 666px;} #content h1 {font-size: 1.4em; margin: 0.2em 0em; margin-top: -5px; text-align: center;} #content h2, #content h3, #content h4, #content h5, #content h6 {padding: 0px 20px;} #content h2 {display: block; background: #b1babd; width: 560px; font-size:1.1em; padding: .2em 20px; margin-top: 1.2em;} #content dl {margin-left: 20px;} #content dd {line-height: 1.4em; margin: 0 1.6em 0 1.6em;} #content li {margin: 0 2.7em 0 2.7em; padding: 0 20px 0 20px;} #content p {margin: 0px 20px; text-indent: 1.6em;} #content p.noindent {text-indent: -.01em;} #content p.biblequote {text-indent: -.01em; line-height: 1.4em} #content p.sig {font-style: italic; text-align: right;} #content img.pic1 {float:left; margin: 10px 10px 10px -150px;} #content img.pic2 {float:right; margin: 10px -150px 10px 0px;} #content blockquote.biblequote {margin: 1em 3em; padding: 0.8em 0; background-color: #A5B0B3; -moz-border-radius: 1.5em; -webkit-border-radius: 1,5em;} #nav1 {position: relative; width: 180px; margin: 0px 0px 0px -780px; background: url(/images/bg_left_col.jpg) right top no-repeat;} #nav2 {width: 180px; margin-right: -100%; height: 300px; background: url(/images/bg_right_col.jpg) left top no-repeat;} /*---------------------------------------------------------------------*/ /*--MENU 1 ON EVERY PAGE-----*/ #menu1 {width: 120px; margin: 60px 0px 10px 50px;} #menu1 li {background-image: none; padding:0} #menu1 a {display: block; width: 120px; height: 36px; text-indent: -9999px; outline: none; background-position: bottom left; background-repeat: no-repeat;} #menu1 a.home {background-image: url(/images/ir_home.png);} #menu1 a.blog {background-image: url(/images/ir_blog.png);} #menu1 a.beliefs {background-image: url(/images/ir_beliefs.png);} #menu1 a.messages {background-image: url(/images/ir_messages.png);} #menu1 a.ministries {background-image: url(/images/ir_ministries.png);} #menu1 a.contact {background-image: url(/images/ir_contact.png);} #menu1 a.events {background-image: url(/images/ir_events.png);} #menu1 a.links {background-image: url(/images/ir_links.png);} #menu1 a.visit {background-image: url(/images/ir_visit.png);} #menu1 a:link, #menu1 a:visited {background-position: bottom center;} #menu1 a:hover, #menu1 a:active {background-position: center center;} /*--MENU 2 ON EVERY PAGE-----*/ #menu2 img {display: block; margin: 0px auto 20px;} /*---------------------------------------------------------------------*/ /*--PAGE-SPECIFIC OVERRIDES---------------------------------------------*/ /*--BLOG PAGES----------------------------------------------------------*/ #blog #hd {background: url(/images/banner_blog.jpg) center no-repeat;} #blog a.feedlink {background: url(/images/ico_feed.png) top left no-repeat; text-indent: 19px; display: block; height: 16px; font-size: 1.1em; margin-top:-240px; margin-bottom:242px;} #blog .index div.post, #blog .archive div.post {padding: 1.6em 0 2em 0; border-top: thick solid #606c71 ;} #blog #content h1 {margin-left: 20px; margin-right: 20px;} #blog #content h1 + div.post {border: none;} /* first post has no border on top */ #blog #content h1 + div.post > div.posthead {margin-top:-1em;} /* raise the first post on the page closer to the h1 heading */ #blog #content h2 { margin-top: 0; margin-bottom: .2em; line-height: 1em; font-size: 1.4em; background: none;} #blog #content h2 + h3 {margin-top: 0.8em;} #blog #content h3 + ol > li:first-child, #messages #content h3 + ul li:first-child {margin-top: 0px;} #blog #content h3 {margin-top: 0.8em; margin-bottom: 0.0em} #blog #content p {line-height: 1.4em} #blog #content p.postdate {font-size: .8em; margin: -.4em 0 0 0; display: block; width: 560px;} #blog .index div.prev-next, #blog .archive div.prev-next {margin: -1em 20px;} #blog .single div.prev-next {margin: 1em 20px;} #blog #content p.prev-post {float: left; text-indent: 0;} #blog #content p.next-post {float: right; text-indent: 0;} #blog #menu1 a.blog:link, #blog #menu1 a.blog:visited {background-position: top center;} #blog #menu1 a.blog:hover, #blog #menu1 a.blog:active {background-position: center center;} #blog #menu2 {margin: 0px auto; padding: 10px;} #blog #menu2 .hidden {display: none;} #blog #menu2 li {font-size: 1.1em; font-family: verdana, arial, san-serif;} #blog #menu2 a {color: #eaeaea;} #blog #menu3 {margin: 20px 10px; float: right;} #blog #nav2 h2 {display: block; color: #606c71; height: 1.2em; background: #b1babd; width: 140px; font-family: verdana, arial, san-serif; font-size: 1.3em; margin: 1em 0em 0.5em 0px; padding: .2em 10px; -moz-border-radius: .7em; -webkit-border-radius: 1em;} #blog #nav2 li {background-image: none; padding: 0;} #blog #content .pic1 {float: right; clear: both; position: relative; left: 124px; top: 0px; z-index: 1000; margin-bottom: -20px ;margin-left: -130px; height: 218px; width: 218px; background-image: url(/images/pic_pastor.png);} #blog #menu2.first {position: relative; top: 240px;} #blog #menu2.not-first {position: relative; top: 0px;} #blog #content h2.not-first {clear: both;} /* FOR THE COMMENT FORM */ #blog #commentform {margin:20px 20px 40px 20px;} #blog #commentform p {clear: left; margin: 10px 0px 10px 0px; padding: 10px 0px 0px 0px; text-indent: 0px; line-height: 1em;} #blog #commentform p.logged-in {padding-top: 0;} #blog #commentform input {float:left; clear:left; position: relative; top: 5px;} #blog #commentform label {float:left; padding: 0px 0px 0px 10px;} #blog textarea#comment {width: 540px; padding: 10px; margin-top: 0px} /* FOR THE CALENDAR */ #blog #wp-calendar {width: 160px; border-collapse: separate; border-spacing: 2px;} #blog #wp-calendar tr {height:1.7em;} #blog #wp-calendar th, td, caption{text-align:center;} #blog #wp-calendar td {background-color: #7c9099; width: 14.2%;} #blog #wp-calendar td.pad, td#prev, td#next {background: none;} #blog #wp-calendar td#prev {text-align:left; background: transparent} #blog #wp-calendar td#next {text-align:right; background: transparent} /* FOR THE SEARCH FORM */ #blog #hd fieldset {width:158px; float:right; margin-top:135px; margin-right:6px;} #blog #hd label.hidden {display:none;} #blog #hd input#searchtext {width: 153px; margin:0 5px 0 0px; margin-top:5px; height:1.5em;} #blog #hd input#searchsubmit {width:5em; margin:0 4px 0 0; float:right;} #blog #notfound img.lost {position: relative; float: none; margin-left: -25px; height: 700px; width:650px;} #blog #notfound p {line-height: 1.9em;} #blog #notfound fieldset {width:225px; margin:0 auto;} #blog #notfound label.hidden {display:none;} #blog #notfound input#searchsubmit {width: 60px; margin-top:7px; float:right;} #blog #notfound input#searchtext {width: 153px; height:1.5em;} #blog #notfound #form>p {text-align:center; line-height: 1.2em;} #blog #notfound #form {margin: 1em 3em; padding: 0.8em 0; background-color: #A5B0B3; -moz-border-radius: 1.5em; -webkit-border-radius: 1,5em;} /* FOR THE ARCHIVES LIST */ #blog div.month, #blog div.category {width:297px;} #blog div.month {border-right: thin solid; border-color: #7c8f96;} #blog #content .month li, #blog #content .category li {list-style:none; padding:0px 20px; margin-left:1.7em; margin-right:1.7em; background: url(/images/ico_bullet.png) 0px 8px no-repeat;} /* todos: Previous and next links in sidbar/at bottom of page are being obscured in IE 6 and 7 (only) Speech bubble on comments. On the messages blog, make the two recording entries list items (just for semantics)? When you get a 404, do a search and come up empty, the resulting "search again" page is ugly. */