/*  
Theme Name: CBCCL Version 4
Theme URI: http://wordpress.org/
Description: This is yet another template idea.
Version: 4.5
Author: Andrew Wells
Author URI: http://cbccl.org/

*/


/* 
A portal template - let me know what ya use it for! collingrasley@gmail.com	
*/

body { 
/* color: #303030;  */
background:#800; /* url(images/bg.gif) repeat-x; */
font: 0.8em 'Lucida Grande', Geneva, Verdana, sans-serif, Arial; 
text-align: center; 
line-height: 1.45em; 
margin: 0 auto;
padding: 0;
}

/* --------------All The Pretty Things------------------------------*/

a { 
color: #01492a;
font-weight:bold;

}

a:hover { 
color: #000; 
/* background: inherit; */
}

h1 {
font-size: 1.7em;
margin-left: 4px;
color: #5e5e5e;
/* text-transform:uppercase;  */
}

h2 {
margin: 0 22px 8px 8px;
padding-top: 25px;
color: #5e5e5e;
font: 1.5em Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
border-bottom: 1px solid #5e5e5e;
}

.data img {
	margin: 5px;
	padding: 0;
}

.data .block_sum ul {
	padding: 0;
}

.highlight {
color: #1f5301;
font-size:14px;
font-weight: bolder;
}

.highlighttwo {
color: #3c7c1d;
font-size:16px;
font-weight: bolder;
}

.image {
float: left;
clear: left;
background: #eee;
color: #000;
margin: 0 12px 10px 0;
}

.big { 
float:left; 
color:#5e5e5e; 
font-size:50px; 
line-height:30px; 
padding: 4px 4px; 
font-family: "Times New Roman", times, Sans-Sherif; 
background:inherit; 
} 

/* --------------The Main Content------------------------------*/

#wrapper { 
width: 850px; 
background: #fff; 
margin: 0 auto;
padding:4px; 
text-align: left;
border-left: 1px solid #666;
border-right: 1px solid #666; 
}

#header { 
width: 850px;
height: 50px; 
margin: 0 0 4px 0;
background:url(images/header.jpg) no-repeat;
border-bottom: 1px dotted #DCDBD5;

}

#header h2 {
float: left;
color: #fff;
margin: 15px 0 0 -1000px;
padding: 0;
font-size: 1.6em;
}

h1.single {
width: 620px;
float: left;
}

#header .login {
	float: right;
	font-weight: bold;
	color: #fff;
	margin: 30px 5px 0 0;
}

#header .login a:link, #header .login a:visited {
	/* color: #fff; */
}

#pic{
/* margin-bottom: 6px; */
width: 850px;
height: 250px;
/* background:#fff url(images/pic.jpg) no-repeat; */
background:#fff no-repeat;
border-top: 2px solid  #5e5e5e;
border-bottom: 2px solid  #5e5e5e; 
}

#quote {
margin: 4px 22px 8px 8px;
color: #5e5e5e;
font: 17px  Georgia, "Times New Roman", Times, serif;
}

/* -----BOTH MENUES START HERE------------------------------*/

/* --------------Top Left Vertical Menu------------------------------*/

#leftmenu {
position: relative;
width: 300px;
height: 245px;
float: left;
clear:left;
}

#nav {
width: 300px;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana;
color: #333;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
border-bottom: 1px solid #fff;
margin: 0;
width: auto;
line-height: 1.93em; /* 1.68em */
}

#nav li a {
display: block;
padding: 3px 0px 2px 15px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
text-decoration: none;
width: auto;
background:#5e5e5e url(images/menuarrow.gif) no-repeat center left;
border-style: none;
}

#nav li a:hover {
color: #fff;
padding: 3px 0px 2px 15px;
background: #999 url(images/menuarrowhover.gif) no-repeat center left;;
font-weight:bold;
}

/* --------------Horizontal Menu Starts Here------------------------------*/

			
#menu { 
clear: both; 
margin: 0 0 10px 0; 
padding: 0 10px 0 10px; 
border-top: 1px solid #DCDBD5;
font-size: 0.7em;
line-height: 2.5em;
text-align: center;
background-color: #5e5e5e;
}

#menu li { 
display: inline; 
margin: 0;
}

#menu a { 
padding: 3px 6px; 
margin: 0;
/* margin: 0 3px 0 3px;  */
text-decoration: none; 
color: #fff;
font-weight: bold; 
/* border-bottom: 2px solid #5e5e5e; */
}

#menu a:hover { 
/* border-bottom: 4px solid #5e5e5e; */
background-color: #777;
color: #ccc;
}

/* --------------The Meat And Potatoes------------------------------*/

.clear {	
clear: both; 
margin: 0 0 2px 0; 
}

.box {
float: left;
height: 325px;
width: 30%;
margin: 2px 0 0 14px;
background: #fff;
color: #303030;
padding: 2px 2px 0 4px;
border: #ccc 1px solid;
font-size: 1em;
}

.box .cust_h {
height: 230px;
overflow: hidden;
}
	
.box h3, .contentbox h3 {
height: 40px;
margin: 2px 0;
padding: 0;
color: #5e5e5e;
background: inherit;
font-size: 1.3em;
/* text-transform:uppercase; */
overflow: hidden;
}

.box p, .contentbox p {
margin: 0;
padding: 0;
}

.contentbox {
float: left;
height: 260px;
width: 46%;
margin: 7px 7px;
background: #fff;
color: #303030;
border: #ccc 1px solid;
padding: 4px 4px;
}

.contentbox .cust_h {
height: 170px;
overflow: hidden;
}

.addrbox {
float: left;
height: 175px;
width: 40%;
margin: 2px 0 0 14px;
background: #fff;
color: #303030;
padding: 2px 2px 0 4px;
border: #ccc 1px solid;
font-size: 1em;
}

.link { 
border-top: 1px solid #ccc; 
padding: 2px 0;
}
			
.data { 
background: #fff; 
/* color: #303030;  */
padding: 2px 5px; 
margin: 8px 8px;
border: #ccc 1px solid;
}

#resources {
clear: both;
background: #fff;
padding: 5px 5px;
margin: 0 0 5px 0;
color: #000;
}


.resources {
float: left;
margin: 2px 0 0 12px;
width: 28%;
padding: 0 0px 0 25px;
border: #eee 1px solid;
}		

#footer { 
width: 850px;
margin: 0 0 4px 0;
text-align: center; 
background:url(images/footer.jpg) no-repeat;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
/* margin-bottom: 60px; */
}

.alignright {
float: right;
padding-left: 20px;
}

.alignleft {
float: left;
padding-right: 20px;
}

.postavatar {
	float: left;
	padding-right: 5px;
}

p.date {
margin-bottom: 10px;
font-style: italic;
}

p.date_right {
float: right;
width: 210px;
font-style: italic;
}

div.breadcrumb {
	align: right;
}

.block_sum {
  color: inherit;
  background-color: #ffffcc;
  border: 1px solid #eeeebb;
  width: 250px;
  float: left;
  margin-right: 15px;
  margin-top: 3px;
}

.block_sum .inner {
  background: transparent url(images/corner.png) bottom right no-repeat;
  position: relative;
  left: 2px;
  top: 2px;
  padding: 10px;
}

.block_sum h3 {
margin: 0 0 10px 0;
color: #5e5e5e;
font-size: 1.3em;
}

li .post-meta-key {
font-weight: bold;
}

.block_sum ul {
margin-left: 20px;
}

ul.sg_min {
margin-left: 20px;
margin-right: 15px;
float: left;
}

.center {
	margin: auto;
}

.tbl {
	margin-bottom: 25px;
}

.tbl .header {
	font-weight: bold;
	color: #800000;
	text-align: center;
	border-bottom: 2px solid #800000;
	padding-top: 8px;
	fint-size: 1.2em;
}

.sermon_front {
	width: 300px;
	float: left;
	margin-right: 15px;
}

.sermon_front h3, .sermon_front p {
	margin: 0 0 10px 0;
	padding: 0;
}


div.podPress_content {
	margin-top: 15px;
}

img.podPress_imgicon {
	display: none;
}

.contentbox h2 {
	margin-top: 5px;
	padding-top: 0;
	font-size: 1.2em;
}

img {
	border: none;
}

/* some css for comments */

.nocomments {
font-weight: bold;
}

.alt {
background-color: #ddd;
}

ol.commentlist {
text-indent: 0;
padding: 0;
margin: 0;
}

ol.commentlist li {
list-style: none;
padding: 15px;
}

.mow {
font-weight: bold;
}

.small_gray {
font-size: 0.9em;
font-color: #444;
}

.help_icon {
margin: 0;
position: relative;
top: 5px;
}

.feed {
	/* background-repeat: no-repeat; */
	background: url("http://www.andrew-wells.info/feed-icon-16x16.png") no-repeat;
	padding-left: 20px;
}

.podcast {
	background: url("images/podcast.png") no-repeat;
	padding-left: 35px;
	float: right;
}

table.media_archive th, table.directory th {
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 2px;
}

.special_link {
border: 1px dashed #CCCCCC;
padding: 10px;
}

.content {
 min-height:400px;
height: auto !important;
height: 400px;
}

/* http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/ */
.alert {
	background: #fff6bf url(images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos http://www.w3.org/TR/CSS21/colors.html */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

.info {
	background: #f8fafc url(images/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	}
	
/* livevalidation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}

span.note {
	color: #888;
	font-style: italic;
	font-size: 0.8em;
}