/*  
Theme Name: Blue Server
Description: Blue Server theme by <a href="http://www.blueangelnet.com">Blue Angel</a>. The theme is released under GPL.
Version: 1.0
Author: Blue Angel
Author URI: http://www.blueangelnet.com/
Tags: two-columns, threaded-comments, left-sidebar, fixed-width, blue
Modified by: Keith Heltsley
Modifications: Header image edited to include church steeple. Skip Navigation link added. 
Comment code removed from static pages. Modified remaining comments to use CForm plugin. 
Appended style sheet to use DTabs. Modified footer.php to place DTab pull downs. 
Added address info to footer.php. Modified copyright for static date and automatic update of current year.  
Added verse of the day script to footer.php. 
*/


/* Begin Typography & Colors */
.widecolumn .entry p {
	font-size: 1.05em;
	}
	
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 20px 0px 20px;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	padding-top: 0px;
	font-size:12px;
	}
	
.thread-alt {
	background-color: #f8f8f8;
	}

.thread- {
	background-color: white;
	}

.depth-1 {
border-top: 1px solid #074670;
border-bottom: 1px solid #074670;
	}

.even {
	border-top:solid 1px #548db3;
	border-bottom:solid 1px #548db3;
	background-color:#0b588b;
	color:#fff !important;
	}

.alt {
	border-top:solid 2px #0139c7;
	border-bottom:solid 2px #0139c7;
	color:#22150d !important;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ffd112;
	font-size:18px;// was 24, reduced to accomodate longer titles. 
//	line-height:26px;
	font-weight:normal;
	}

.entry p a:visited {
	color: #ffd112;
	}
	
.entry p{
	margin:0px;
	padding:0px 0px 12px 0px;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #fff;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #ffd112;
	text-decoration: none;
	}
	
.small_comment a {
	color: #393939;
	text-decoration: none;
	text-align:center;
	padding:10px 0px 0px 0px;
	}

a:hover {
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

.widecolumn {
	padding: 10px 0px 20px 0px;
	margin: 5px 0px 0px 0px;
	width: 64.4%; //was 644px; 
	}

.post {
	margin: 0 0 0px;
	text-align: justify;
	}

.post hr {
	display: block;
	text-align: center;
height: 2px;
width: 80%;
  border: 0;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 0px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	color:#fff;
	clear: both;
	margin:5px;
	padding:1px;
}

.clear {
	clear: both;
}



/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 0px;
	margin: 0;
	}

h2 {
	margin: 0px 0 0;
	}

h2.pagetitle {
	padding:5px 0px 0px 0px;
	text-align: center;
	}

h3 {

	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 0px ;
	}
	
.title_content {
	padding:0px 5px 0px 10px;
	}
	
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 5px 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 5px 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	padding:10px 10px 10px 0px;
	}

.alignleft {
	float: left;
	padding:10px 0px 10px 10px;
	}
	
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0px 0px 0px 20px;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding: 5px 3px;
	text-align: center;
	}
	
#sidebar #searchform {
	margin: 30px auto;
	padding: 0px 0px;
	text-align: left;
	}

#sidebar #searchform #s {
	padding: 2px;
	margin-bottom:2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
	
#commentform textarea {
	width: 90%;
	padding: 2px;
	}
	
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	border-top:solid 1px #084873;
	border-bottom:solid 1px #084873;
	background-color:#528eb3;
	color:#fff !important;
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:16px;
	}

.commentlist {
	padding: 0;
	text-align:left !important;
	}
	
ol.commentlist{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	}
	

.commentlist li {
	margin: 15px 0 3px;
	padding: 10px;
	list-style: none;
	}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 0px 0 10px 0;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 0px auto 0;
	width:80%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	text-decoration:underline;
	}

#wp-calendar caption {
	text-align: center;
	width:auto;
	font-size:12px;
	margin:0px;
	padding:8px 0px 8px 0px;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color:transparent; }
	
#today{
	font-weight:bold;
	color:#ffd112;
	}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding:5px 20px 5px 20px;;
	border: 1px dashed #548db3;
	background-color:#064975;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: block;
size: 1px; 
	text-align: center;
width: 80%
  border: 0;
	}

a img {
	border: none;
	}

.navigation, .navigation2 {
	display: block;
	text-align: center;
	padding:0px 0px 0px 0px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */


.search_result .entry{
	padding:0px 20px 13px 20px;
	}
	
.search_result h2, .search_result h2 a, .search_result h2 a:visited{
	font-size:24px;
	line-height:24px;
	font-weight:lighter;
	padding:5px 0px 5px 0px;
	}
	
.search_result h2 a:hover{
	text-decoration:none;
	}

/* ----------------------- begin template ----------------------- */

#heading_image {
	padding:5px 20px 5px 20px;
	}

.sticky .title h2 a{
	color:#ffd112;
	}


body {
	background-color:#0c6097;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	line-height:16px;
	}
	
#container {
	width:100%;
	background-image:url(images/top_bg.gif);
	background-repeat:repeat-x;
	height:287px;
	float:left;
	}
	
#main_container {
	width:100%;
	background-image:url(images/bottom_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;	
	}
	
#content_box {
	width:915px;
	margin-left:auto;
	margin-right:auto;
	}
	
#content_blog{
	width:911px;
	background-image:url(images/line_ver.gif);
  	background-repeat:repeat-y;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	}
	
a, a:visited {
	text-decoration:none;
	color:#ffd112; // Gold 
	}

a:hover{
  	text-decoration:underline;
	}
	
/* Added to style the skip navigation link. */
.skipnav {
	position: absolute;
	left: -9000px;
	width: 900px;
	}

a:active, a:focus {
	position: relative;
	left: 0;
 	color: #ff0000; //red was black;
 	background-color: yellow;
font-size: 18px; 
	}



/* --------menu--------  */

#menu {
	width:915px;
	}

#main_menu {
	padding:13px 0px 0px 0px !important;
	width:900px;
	float:left;
	}

#main_menu ul li{
	list-style-type:none;
	display:inline;
	font-size:14px;
	color:#ffffff;
	padding:9px 0px 20px 0px !important;
	background-image:url(images/separator.gif);
	background-position:0px 9px;
	background-repeat:no-repeat;
	}
.spacer {
	margin:7px;
	}

#main_menu ul li a, #menu ul li a:visited {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	}

#main_menu ul li a:hover {
	text-decoration:underline;
	}
	
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	line-height:1.5em;
	z-index:500!important;
	font-weight:normal;
	float:left;
	}
	
#dropmenu a {display:block; padding:0px 20px 0px 20px; color:#393939;  text-decoration:none; font-family: Arial, Helvetica, Sans-Serif; font-size:12px; margin:0px 0px 0px 0px;}
#dropmenu a:hover {color:#fff;}
#dropmenu li {float:left; position:relative;  line-height:12px; text-transform:uppercase;  }
#dropmenu li#home {float:left; position:relative; border-left:none; background-image:none;}
#dropmenu ul {position:absolute; display:none; top:30px; left:17px; cursor:pointer;}
#dropmenu ul a { z-index:500; }
#dropmenu li ul {list-style: none;float:left;margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:none;  background-color:#5f9dc2;}
#dropmenu li li{ float: left; padding:0px 0px 5px 10px !important;  display:block;   z-index:500; background-image:none;}
#dropmenu li ul a, #dropmenu li ul a:visited {color:#fff; width:120px;  text-transform:capitalize; padding:8px 0px 0px 0px; background-color:#5f9dc2; line-height:18px;  }
#dropmenu li ul a:hover{color:#ffd112; }
#dropmenu ul ul {top:0em;}
#dropmenu ul ul li ul li{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 20px; display:block; float:left; position:absolute;}
#dropmenu li ul ul {left:9.3em; margin:0px 0 0 0px!important;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


#top_search {
	padding:13px 4px 0px 0px !important;
	float:left;
	}

form {
	margin:0;
	padding:0;
	}
 	
.main_search {
	background-image:url(images/search_icon.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px 0px 0px 26px;
	}
	
.search_input{
	background-image:url(images/search_bg.gif);
	background-repeat:no-repeat;
	padding:6px 0px 6px 0px !important;
	padding:4px 0px 5px 0px;
	width:177px;
	border:0px;
	overflow:hidden;
	}
	
.inputbox {
	padding:0px 5px 6px 5px !important;
	width:167px;
	background:transparent;
	border:0px;
	}

.button {
	background-image:url(images/search_but.gif);
	background-repeat:no-repeat;
	padding:0px 0px 2px 0px !important;
	width:58px;
	height:26px;
	border:0px;
	}
	
/* --------header--------  */

#header {
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
	width:910px;
	height:232px;
	float:left;
	}
	
#title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#ffffff;
	padding:98px 0px 17px 65px;
	}
	
#title a{
	color:#ffffff;
	}
	
#small_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	padding:8px 0px 0px 160px;
	}
	
#title a:visited, #title a:hover{
	color:#fff;
	text-decoration:none;
	}
	
/* --------left navigation--------  */

#nav{
	width:267px;
	float:left;
	}
	
.box-left{
	width:228px;
	padding:0px 0px 0px 0px;
	float:left;
	}
	
.box-left h2{
	background-image:url(images/bg_title.jpg);
	background-repeat:no-repeat;
	background-position:0 4px!important;
	color:#ffd112;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding:5px 0px 10px 30px;
	margin:0px 0px 0px 0px;
	line-height:normal;
	width:209px;
	}
div.mainbox{
	margin:0px 0px 20px 0px;
	padding:0px;
	}		

.box-left ul{
	margin:5px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.box-left ul li ul li{
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:20px;
	line-height:20px;
	}
	
.box-left ul li a, .box-left ul li a:visited{
	text-decoration:underline;
	color:#fff;
	}
	
.box-left ul li a:hover{
	text-decoration:underline;
	color:#ffd112;
	}
	
/* --------main content--------  */

#main_content {
	width:644px;
	float:left;
	}
	
.main_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#fff;
	padding:0px 15px 0px 15px;
	}
	
.mainpic{
	padding-right:10px;
	}
	
.text_content {
	padding:3px 0px 5px 0px; was 3, 0, 45, 0
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	}
	
.box_text {
	padding-bottom:15px !important;
	padding-bottom:10px;
	}

.bg_content_top {
	background-image:url(images/bg_content_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:644px;
	height:6px;
	}
	
.bg_content_mid {
	background-image:url(images/bg_content_mid.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#085080;
	width:644px;
	min-height:236px;
	}
	
* html .bg_content_mid {
	height:236px;	
	}
	
.bg_content_bottom {
	background-image:url(images/bg_content_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:644px;
	height:6px;
	margin-bottom:15px;
	}

div.headerpost{
	float:right;
	margin-bottom:0px;
	padding:0px 15px 0px 15px;
	}

.time {
	float:right;
	background-image:url(images/bg_date.png);
	background-repeat:no-repeat;
	width:58px;
	height:67px;
	padding-top:2px;
	text-align:center;
	line-height:normal;
	}

.month{
	font-size:14px;
	font-weight:normal;
	display:block;
	padding:0px 4px 0px 0px;
	text-align:center;
	}

.date{
	color:#9f9f9f;
	font-size:24px;
	font-weight:normal;
	display:block;
	padding:7px 4px 0px 0px;
	text-align:center;
	}

div.headerh2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px !important;
	padding:0px 0px 0px 0px;
	float:left;
	}
	
.title {
	float:left;
	background-image:url(images/line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:90%;
	padding-bottom:8px;
	}

div.headerh2 h2,div.headerh2 h3{
	padding:10px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#ffd112;
	}
	
 div.headerh2 h2 a, div.headerh2 h3 a{
	font-size:18px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ffd112;
	font-weight:normal;
	line-height:20px;
	}
	
.author{
	color:#fff;
	font-size:12px;
	padding-top:5px;
	display:block;
	}
	
/*postmetadata*/
.container_metadata{
	float:right;
	padding:0px 20px 10px 0px;
	}
	
.comment-cont{
	width:auto;
	float:left;	
	color:#b41e1b;
	margin:0px 0px 0px 10px;
	}
	
.comment-l{
	background-image:url(images/metadata-l.png);
	background-repeat:no-repeat;
	width:8px;
	height:27px;
	float:left;
}
.comment-m{
	background-image:url(images/metadata-m.gif);
	background-repeat:repeat-x;
	float:left;
}
.comment-r{
	background-image:url(images/metadata-r.png);
	background-repeat:no-repeat;
	width:8px;
	height:27px;
	float:left;
}
	
.comment{
	padding-left:15px;
	color:#fff;
	text-decoration:none;
	padding-bottom:20px;
	}
	
span.arrow {
	background-image:url(images/arrow2.gif);
	background-repeat:no-repeat;
	background-position:11px 5px !important;
	width:4px;
	height:13px;
	padding:0px 20px 0px 0px;
	float:left;
	}
	
a.comment , a.comment:visited, a.comment:hover{
	font-weight:bold !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	}
	
/* --------footer--------  */

#footer {
	width:100%;
	height:63px;
	float:left;
	padding-top:0px !important;
	padding-top:15px;
	padding-bottom:10px;
	clear:both;
	}

.footer_txt {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding-top:23px;
background-image: url(http://altamontfirstbaptist.org/wp-content/uploads/2009/12/sbc-logo-60px.jpg);
background-repeat: no-repeat; 
background-position: right;
margin-right: 23px;
	}
	
.footer_txt a, .footer_txt a:visited{
	font-family:Arial, Helvetica, sans-serif;
}

/* Add ons */

/* Default CSS generated by dTabs */

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 5px;
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 5px;
	
	/* set a Royal Blue, was grey background for non-selected tabs (which we will overide for selected tabs later) */
	background-color: #41700; // Royal Blue, was light gray. 
	
	/* set a border, make it rounded at the top */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-top-left: 5px;
	-khtml-border-radius-top-right: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a dark Slate Blue (was white) background */
	background-color: #483d8b;
	
	/* make the border along the bottom blend into the dark slate blue (was white) background */
	border-bottom-color: #483d8b;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a Royal Blue, was grey background */
	background-color: #41700; // Royal Blue, was Gray. 
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}

/* style for Verse of the day. */

.votd [
background: #000000; 
a, a:hover, {
	color: #ffffff;
	text-decoration: none;
	}


