/*  
Theme Name: BB Theme
Theme URI: http://www.cheambaptist.org/bb
Description: BB Theme
Version: 1.0
Author: Alys Tarr
*/

html {
height: 100%;
}

body {
background: #FFF;
color: #000;
font: 75% Arial, Helvetica, sans-serif;
line-height: 23px;
min-width: 835px;
height: 100%;
margin: 0 auto;
}

/* Hyperlinks */


a:link {
color: #4C7899;
background: #FFF;
text-decoration: none;
}

a:visited {
color: #4C7899;
background: #FFF;
text-decoration: none;
}

a:hover {
color: #73BF60;
background: #FFF;
text-decoration: none;
}

a:active {
color: #4C7899;
background: #FFF;
text-decoration: none;
}


/* Headers */

h1 {
font: 30px Georgia, serif;
background: #FFF;
color: #000;
margin: 10px 0 5px 0px;
overflow: hidden;
display: block;
}

h2 {
font: 20px "Times New Roman", georgia, serif;
font-weight: bold;
margin: 2px 0 2px 0;
display: block;
}

h2.date {
margin: -10px 0 2px 0;
}

h3, h3 a:link, h3 a:visited {
font: 20px "Times New Roman", serif;
background: #FFF;
color: #000;
margin: 15px 0 0px 0px;
display: block;
}

ul li h3 {
margin-left: 0px;
list-style-type: none;
}

h4 {
font: 20px "Times New Roman", serif;
margin: 15px 10px 0px 0px;
display: block;
border-bottom: none;
background: #FFF;
color: #285577;
}


ul li h3 {
list-style: none;
}

/* Layout */

#container {
width: 100%;
background: #FFF url(images/bbbg.jpg) no-repeat fixed bottom left;
color: #000;
min-height: 300px;
}

#header {
color: #000;
background: #FFF url(../../uploads/2009/01/topbar.jpg) no-repeat top right;
height: 100px;
border-bottom: 2px solid #000;
text-align: right;
}

#header1 {
color: #000;
background: #FFF url(images/title.gif) no-repeat top left;
height: 100px;
width: 520px;
float: left;
text-align: left;
}

#header2 {
color: #FFF;
background: #0F5B9F;
height: 35px;
min-width: 835px;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
}

#content {
width: 65%;
padding: 2% 2% 2% 2%;
margin-left: 250px;
background: #FFF;
color: #000;
min-width: 578px;
min-height: 300px;
}

/* Navigation */

.navigation {
list-style: none;
margin: 0; 
padding-top: 7px;
height: 100%;
}

.navigation li {
float: right;
margin-right: 10px;
height: 100%;
}

.navigation li a:link, .navigation li a:visited, .navigation li a:active {
background: #0F5B9F;
color: #FFF;
display: block;
text-align: center;
float: left;
font: 20px Georgia, serif;
border-bottom: none;
height: 28px;
}

.navigation li a:hover {
background: #0F5B9F;
color: #000;
}

/* Footer */

#footer {
height: 50px;
text-align: right;
width: 90%;
clear: both;
padding: 0 0px 0 0;

}


/* Other */

a:link img, a:visited img, a:hover img, a:active img {
border: 0px;
} 

.aligncenter, .center {
text-align: center;
}

.alignright {
float: right;
text-align: right;
display: inline;
}

.post-meta-key {
font-weight: bold; 
}

h2.post-1, h2.post-141 {
display: none;
}

.hideedit-141 {
display: none;
}

.edit {
color: #000;
background: #DFDFDF;
border: 2px dashed #8F8F8F;
padding: 5px;
}


.edit a {
color: #4C7899;
background: #DFDFDF;
}

.sticky {
color: #000;
background: #FFF36F;
border: 2px dashed #FFDD3F;
padding: 5px;
width: 99%;
display: block;
}

.sticky a {
color: #4C7899;
background: #FFF36F;
text-decoration: none;
}

.sticky a:hover {
color: #73BF60;
background: #FFF36F;
text-decoration: none;
}

abbr, acronym, .help {
border-bottom: 1px dotted;
  }


.strike {
text-decoration: line-through;
}

#content ul li {
list-style-image: url(images/bullet.gif);
}

.typicaltable {
background: #FFF;
width: 80%;
border: 1px solid #000;
border-collapse: collapse;
color: #000;
margin-bottom: 2px;
}

.typicaltable td, .typicaltable th {
border: 1px solid #000;
padding: 2px;
}

.typicaltable th {
background: #FFF;
color: #000;
}

table.sections {
background: #FFF;
border-collapse: collapse;
color: #000;
margin-bottom: 2px;
}

.sections td, .sections th {
padding: 2px;
}

#content ul li:hover{
list-style-image: url(images/bullet1.gif);
}
