/*
Theme Name: Thelmawells
*/

body {
	margin:20px 0px 0px 0px;
	background-color:#cedbc0;
	background-image:url(images/general/site-bgnd.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	color:#535353;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}
a {
	color:#535353;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
	margin-bottom:0;
	color:#000;
	text-align:left;
}
h1 {font-size:2.6em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
img {
	border:0;
}
input {
	font-size:1.2em;
}
input[type=text], textarea {
	background:#fff;
	border:1px solid #aaa;
}
input[type=submit] {
	background:#eee;
	border:1px solid #aaa;
}
textarea {
	font-size:12px;
}
pre {
	font-size:12px;
	overflow:auto;
}
code {
	font-size:12px;
	background-color:#f8f8f8;
	color:#111;
}


/* Layout */
#page {
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#wrapper {
	background:#FFFFFF;
	width:1000px;
	float:left;
}
#content-top {
	float:left;
	width:650px;
	padding:0 5px;
} 
#content {
	float:left;
	width:647px;
}
#sidebar {
	float:left;
	width:170px;
}
#rsidebar {
	width:168px;
	vertical-align:top;
	background-color:#f3efee;
	border:1px solid #e0dcdb;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	float:right;
	margin-bottom:10px;
}
#footer {
	clear:both;
}


/* Sidebar */
#sidebar ul {
	font-size:11px;
	background:#eaeaea;
	padding:0;
	margin:2px 2px 10px 2px;
	list-style:none;
}
#sidebar ul li {
	padding:0 0 0.8em 0;
	margin:0;
}
#sidebar ul ul {
	margin:0;
	padding:0;
}
#sidebar li li {
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:solid 1px #999999;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:15px center;
}
#sidebar li li li {
	padding-left:10px;
}
#sidebar ul h2, #sidebar h2 {
	font-size:14px;
	line-height:30px;
	color:#FFFFFF;
	background:#e2923b;
	height:30px;
	padding:0 0 0 15px;;
	margin:0;
}
#sidebar .searchbtn {
	font-size:11px;
	font-weight:bold;
	background:#f8c14c;
	width:55px;
	height:20px;
	margin-top:5px;
	border:none;
}


/* Footer */
#maintable {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}
#quicklinks {
	background-color: #ffffc1!important;
	border: 1px solid #999;
	color: #575656;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	
	
}
#quicklinks .border {border-right: 1px dotted #575656;}
#quicklinks a:link, #quicklinks a:visited, #quicklinks a:active {
	color: #575656;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

#quicklinks a:hover {
	color: #575656;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#quicklinks .section {
	background-color: #baba8a;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-transform:uppercase;
	text-align: center;
}
.addthis_default_style {font-family:Verdana, Geneva, sans-serif; font-size: 12px; text-align: right; clear:both; width:170px; float:right;}
.footer {background-color: #8cab65; padding: 3px; color: white; font-family:Verdana, Geneva, sans-serif; font-size: 11px; text-align: center;}


/* Post */
.post {
	margin:0 0 0.8em 0;
	clear:both;
	border:1px solid #e0dcdb;
}
.posttitle {
	font-size:18px;
	font-weight:normal;
	color:#000000;
	padding:10px;
	padding-bottom:0px;
	margin:0;
}
.post p, .post ol li, .post ul li {
	margin-top:0;
	text-align:justify;
}
.post li li {
	font-size:1em;
}
.post blockquote {
	padding:0 0 0 2em;
	border-left:0.4em solid #ccc;
	font-size:0.9em;
}
.post blockquote blockquote {
	margin-left:0;
	font-size:1em;
}
.postentry {
	padding:10px;
}
.postentry a {
	border-bottom:1px solid #ddd;
}
.postentry a:hover {
	border-bottom:1px solid #258;
	text-decoration:none;
}
.postmetadata {
	font-size:11px;
	background:#ecb0ca;
	clear:both;
	padding:5px 15px;
	color:#000;
	text-align:justify;
}
.postmetadata2 {
	font-size:11px;
	background:#ebebeb;
	clear:both;
	padding:7px 15px;
	color:#000;
	text-align:right;
	font-weight:bold;
}
.postmetadata2 a.addcom {
	color:#FFFFFF;
	background:#e2923b;
	padding:3px 8px;
}
div.navigation {
	font-size:1.1em;
}
.postentry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}
.postentry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
}
.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}


/* Comments */
#comments {
	font-size:1.2em;
}
.commentlist {
	margin:20px 0;
	padding:0;
	border-width:0 0.1em 0.1em 0;
	border-color:#eee;
	border-style:solid;
}
.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-width:0.1em 0 0 0.1em;
	border-color:#eee;
	border-style:solid;
}
li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}
li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}
.commentlist li.even {
	background-color:#fafafa;
}
.commentlist li.odd {
	background-color:#f6f6f6;
}
ul.children li {
	list-style:none;
}
img.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}
.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}
.comment-author cite {
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
}
textarea#comment {
	width:70%;
}
#comments div.navigation {
	font-size:0.9em;
}


/* Calendar */
#wp-calendar caption {
	text-transform:uppercase;
	font-weight:bold;
	color:#aaa;
	text-align:left;
}
#wp-calendar thead th {
	font-weight:normal;
	color:#27a;
	text-align:center;
}
#wp-calendar tbody td {
	text-align:center;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar tbody td.pad {
	border:none;
}
/* Calendar ends */


abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin: 5px 5px 5px 0;
}
.alignright {
   float: right;
   margin: 5px 0 5px 5px;
}
.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;
}











.white {
	background-color: #ffffff;
	border: 0px;
}
.verse {
	width: 160px;
	height: 202px;
	padding: 5px;
	text-align: left;
	overflow: auto;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #ecefe8;
	border-top: 1px solid #cfd5cb;
	border-bottom: 1px solid #cfd5cb;
	vertical-align: top;
}
/* Navigation */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:30px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:45px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:108px; background:url(images/template/homepage2.png) no-repeat;;}
.menu li.p2 {width:109px; background:url(images/template/meet-thelma2.png) no-repeat;;}
.menu li.p3 {width:108px; background:url(images/template/the-ministry2.png) no-repeat;;}
.menu li.p4 {width:108px; background:url(images/template/audio-video2.png) no-repeat;;}
.menu li.p5 {width:108px; background:url(images/template/shopping-bee2.png) no-repeat;;}
.menu li.p6 {width:106px; background:url(images/template/donate2.png) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:108px; background:url(images/template/homepage.png) no-repeat;}
.menu li a#meetthelma {width:109px; background:url(images/template/meet-thelma.png) no-repeat;}
.menu li a#ministry {width:108px; background:url(images/template/the-ministry.png) no-repeat;}
.menu li a#audiovideo {width:108px; background:url(images/template/audio-video.png) no-repeat;}
.menu li a#shop {width:108px; background:url(images/template/shopping-bee.png) no-repeat;}
.menu li a#donate {width:106px; background:url(images/template/donate.png) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#meetthelma:hover, .menu li:hover a#meetthelma,
.menu li a#ministry:hover, .menu li:hover a#ministry,
.menu li a#audiovideo:hover, .menu li:hover a#audiovideo,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#donate:hover, .menu li:hover a#donate {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:43px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:145px; height:auto; text-align: left;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:139px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 80px 7px no-repeat; text-align: left;}
.menu :hover ul.sub li a:hover {background:#a2a2a2; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#37a237 url(multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}