/*
Theme Name: Imagine Ministries
Theme URI: http://blog.imagineministries.org
Description: The main theme for Imagine Ministries' blog
Author: Dave Wright
Author URI: http://www.davewrightdesign.com
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-size: 100.01%;
	height: 1%;
}

body {
	line-height: 1;
}

* {behavior: url(iepngfix.htc);}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a:active, a:focus {outline: none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
.clearfix {clear: both; display:block;}

.italics {font-style: italic;}

img {float: right; margin: 5px 0px 10px 20px;}


/* GLOBAL ***************************************************/

body {
	background: #90a33b url(images/main-bg2.jpg) 50% 0 repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #ffffff;
	line-height: 1.5em;
	padding-bottom: 150px;
}

 #top {
	width: 100%;
	min-height: 450px;
	background-image: url(images/top-bg1.jpg);
	background-color: #1c1c1c;
	background-attachment:scroll !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

#header {
	width: 960px;
	margin: 0 auto;
	min-height: 450px
}

#header #logo-box {
	width: 960px;
	height: 100px;
	position: relative;
}

#header #logo-box .logo {display: block; border: none; text-decoration: none; position: absolute; left: -20px; top: 0px; margin: 0px !important;}


#header #top-nav {width: 250px; float: left; margin-top: 25px; margin-left: 20px;}

#header #top-nav ul {width: 250px; height: 250px; margin: 0px; padding: 0px;}

#header #top-nav ul li.tnav {display: block; width: 250px; height: 46px; background: url(images/nav-spacer.png) 0 100% no-repeat;}

#header #top-nav ul li.spacer {display: block; width: 250px; height: 10px;}

#header #top-nav ul li.tnav a {width: 250px; height: 36px; display: block; text-indent: -100001px;}

#header #top-nav ul li.tnav a.about {background: url(images/nav2.png) 0 0 no-repeat;}
#header #top-nav ul li.tnav a.about:hover {background: url(images/nav2.png) -250px 0 no-repeat;}

#header #top-nav ul li.tnav a.resources {background: url(images/nav2.png) 0 -46px no-repeat;}
#header #top-nav ul li.tnav a.resources:hover {background: url(images/nav2.png) -250px -46px no-repeat;}

#header #top-nav ul li.tnav a.schedule {background: url(images/nav2.png) 0 -92px no-repeat;}
#header #top-nav ul li.tnav a.schedule:hover {background: url(images/nav2.png) -250px -92px no-repeat;}

#header #top-nav ul li.tnav a.network {background: url(images/nav2.png) 0 -138px no-repeat;}
#header #top-nav ul li.tnav a.network:hover {background: url(images/nav2.png) -250px -138px no-repeat;}

#header #top-nav ul li.tnav a.contact {background: url(images/nav2.png) 0 -184px no-repeat;}
#header #top-nav ul li.tnav a.contact:hover {background: url(images/nav2.png) -250px -184px no-repeat;}

#header #social-networking {width: 250px; height: 50px;}
#header #social-networking ul.sn {margin: 0px; padding: 0px; margin-left: -30px}
#header #social-networking ul.sn li.sn1 {display: inline; float: left; width: 125px; height: 50px;}
#header #social-networking ul.sn li.sn1 a {display: block; width: 125px; height: 50px; text-indent: -10001px; text-decoration: none;}

#header #social-networking ul.sn li.sn1 a.twitter {background: url(images/sn1.png) 0 0 no-repeat;}
#header #social-networking ul.sn li.sn1 a.twitter:hover {background: url(images/sn1.png) 0 -50px no-repeat;}

#header #social-networking ul.sn li.sn1 a.facebook {background: url(images/sn1.png) -125px 0 no-repeat;}
#header #social-networking ul.sn li.sn1 a.facebook:hover {background: url(images/sn1.png) -125px -50px no-repeat;}

#header #sidebar {width: 250px; margin-top: 50px;}

#header #sidebar ul.sidebar-ul {width: 250px; height: auto; margin: 0px; padding: 0px;} 
#header #sidebar ul.sidebar-ul li {border-bottom: 1px dashed #809134; font-size: .85em;}
#header #sidebar ul.sidebar-ul li:last-child {border-bottom: 0px dashed #809134; font-size: .85em;}
#header #sidebar ul.sidebar-ul li a {font-size: .95em; color: #4f5920; text-decoration: none;}
#header #sidebar ul.sidebar-ul li a:hover {font-size: .95em; color: #ffffff; text-decoration: none;}

#header #sidebar h3.wp-pages, #header #sidebar h3.wp-categories, #header #sidebar h3.wp-archives, #header #sidebar h3.wp-bookmarks {font-size: 1em; font-weight: normal; color: #ffffff; margin-top: 25px;}

#header #sidebar ul.sidebar-ul li h2 {font-size: 1.175em; margin: 20px 0px 0px 0px; font-weight: normal}

#header #sidebar ul.sidebar-ul li ul {width: 250px; height: auto; margin: 0px; padding: 0px;}
#header #sidebar ul.sidebar-ul li ul li {border-bottom: 1px dashed #809134; font-size: .85em;}
#header #sidebar ul.sidebar-ul li ul li a {font-size: 1.125em; color: #4f5920; text-decoration: none;}
#header #sidebar ul.sidebar-ul li ul li a:hover {font-size: 1.125em; color: #ffffff; text-decoration: none;}
 

#header #main-content {width: 550px; float: left; margin-left: 15px; padding: 20px; padding-top: 0px;}

#header #main-content #content-box {width: 548px; background: url(images/trans-white2.png) 0 0 repeat; padding-bottom: 50px; border: 1px solid #dcdcdc;}
#header #main-content #content-box a, #header #main-content #content-box a:link, #header #main-content #content-box a:visited {color: #105faa; text-decoration: none;}
#header #main-content #content-box a:hover {color: #1c1c1c; text-decoration: underline;} 
#header #main-content #content-box p {text-align: justify; margin: 12px 0px; padding: 0px 40px; font-size: .75em; line-height: 2em; font-family: Helvetica, Arial, sans-serif; color: #444444;}
#header #main-content #content-box h1 {font-family: Helvetica, Arial, sans-serif; font-size: 1.25em; color: #444444; margin: 0px; text-transform: uppercase; padding: 40px 0px 0px 30px; letter-spacing: 1px; font-weight: normal;}
#header #main-content #content-box h1.about-h1 {width: 378px; height: 125px; display: block; background: url(images/about-h1.png) 0 0 no-repeat; margin: 20px 0px 0px 10px; text-indent: -10001px; padding: 0px;}
#header #main-content #content-box h1.resources-h1 {width: 378px; height: 125px; display: block; background: url(images/resources-h1.png) 0 0 no-repeat; margin: 20px 0px 0px 10px; text-indent: -10001px; padding: 0px;}
#header #main-content #content-box h1.calendar-h1 {width: 378px; height: 125px; display: block; background: url(images/calendar-h1.png) 0 0 no-repeat; margin: 20px 0px 0px 10px; text-indent: -10001px; padding: 0px;}
#header #main-content #content-box h1.hub-h1 {width: 378px; height: 125px; display: block; background: url(images/hub-h1.png) 0 0 no-repeat; margin: 20px 0px 0px 10px; text-indent: -10001px; padding: 0px;}
#header #main-content #content-box h1.contact-h1 {width: 378px; height: 125px; display: block; background: url(images/contact-h1.png) 0 0 no-repeat; margin: 20px 0px 0px 10px; text-indent: -10001px; padding: 0px;}
#header #main-content #content-box h1.blog-h1 {width: 548px; height: 175px; display: block; background: url(images/blog-h1-2.png) 0 0 no-repeat; margin: 0px 0px 0px 0px; text-indent: -10001px; padding: 0px; text-decoration: none; border: none;}


a.blog-header {width: 548px; height: 175px; display: block; background: url(images/blog-h1-2.png) 0 0 no-repeat; margin: 0px 0px 0px 0px; text-indent: -10001px; padding: 0px; text-decoration: none; border: none; text-decoration: none; cursor: pointer;}

#header #main-content #content-box h2 {background: url(images/trans-white2.png) 0 0 repeat; padding: 10px 10px 10px 40px; color: #777777; font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: 1.25em; margin: 0px 0px 20px 0px; text-transform: uppercase;} 

#header #main-content #content-box h2 a, #header #main-content #content-box h2 a:link, #header #main-content #content-box h2 a:visited {color: #777777; text-decoration: none;}
#header #main-content #content-box h2 a:hover {color: #105faa; text-decoration: none;}


#header #main-content #content-box h3 {padding: 0px 0px 0px 40px; color: #90a33b; font-family: Arial, Helvetica, Arial, sans-serif; font-size: 1.125em; margin: 40px 0px 0px 0px; text-transform: uppercase; font-weight: bold} 
#header #main-content #content-box h4 {padding: 0px 0px 0px 40px; color: #666666; font-family: Arial, Helvetica, Arial, sans-serif; font-size: .85em; margin: 0px 0px 30px 0px; font-weight: normal;} 

#header #main-content #content-box h5 {padding: 0px 0px 0px 40px; color: #666666; font-family: Arial, Helvetica, Arial, sans-serif; font-size: .9em; margin: 20px 0px -10px 0px; font-weight: bold;} 


#header #main-content #content-box blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style: italic; color: #105faa; line-height:1.5em; padding: 10px 30px; margin: 25px 10px; border-top: 0px solid #ffffff; border-bottom: 0px solid #ffffff;} 

#header #main-content #content-box #subnav {width: 160px; background: #fff; float: right; margin: 40px -30px 20px 20px; padding: 5px;}

#header #main-content #content-box #subnav ul#main-subnav {width: 160px; background: #105faa;}
#header #main-content #content-box #subnav ul#main-subnav li a {width: 150px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; color: #ffffff; text-decoration: none; display: block;} 
#header #main-content #content-box #subnav ul#main-subnav li a:hover {width: 150px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; background: #999999; cursor:pointer; color: #ffffff; text-decoration: none; display: block;} 
/*#header #main-content #content-box #subnav ul#main-subnav li a, #header #main-content #content-box #subnav ul#main-subnav li a:hover {color: #fff; text-decoration: none;}*/

#header #main-content #content-box #subnav ul#about-subnav {width: 160px; background: #105faa;}
#header #main-content #content-box #subnav ul#about-subnav li a {width: 150px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; color: #ffffff; text-decoration: none;} 
#header #main-content #content-box #subnav ul#about-subnav li a:hover {width: 150px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; background: #999999; cursor:pointer}
#header #main-content #content-box #subnav ul#about-subnav li a, #header #main-content #content-box #subnav ul#about-subnav li a:hover {color: #fff; text-decoration: none;}

#header #main-content #content-box #subnav ul#resources-subnav {width: 150px; background: #105faa;}
#header #main-content #content-box #subnav ul#resources-subnav li {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff;} 
#header #main-content #content-box #subnav ul#resources-subnav li:hover {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; background: #999999; cursor:pointer}
#header #main-content #content-box #subnav ul#resources-subnav li a, #header #main-content #content-box #subnav ul#resources-subnav li a:hover {color: #fff; text-decoration: none;}

#header #main-content #content-box #subnav ul#schedule-subnav {width: 150px; background: #105faa;}
#header #main-content #content-box #subnav ul#schedule-subnav li {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff;} 
#header #main-content #content-box #subnav ul#schedule-subnav li:hover {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; background: #999999; cursor:pointer}
#header #main-content #content-box #subnav ul#schedule-subnav li a, #header #main-content #content-box #subnav ul#schedule-subnav li a:hover {color: #fff; text-decoration: none;}

#header #main-content #content-box #subnav ul#network-subnav {width: 150px; background: #105faa;}
#header #main-content #content-box #subnav ul#network-subnav li {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff;} 
#header #main-content #content-box #subnav ul#network-subnav li:hover {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; background: #999999; cursor:pointer}
#header #main-content #content-box #subnav ul#network-subnav li a, #header #main-content #content-box #subnav ul#network-subnav li a:hover {color: #fff; text-decoration: none;}

#header #main-content #content-box #subnav ul#contact-subnav {width: 150px; background: #105faa;}
#header #main-content #content-box #subnav ul#contact-subnav li {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff;} 
#header #main-content #content-box #subnav ul#contact-subnav li:hover {width: 140px; height: 25px; padding: 5px; font-size: .7em; border-bottom: 1px solid #ffffff; background: #999999; cursor:pointer}
#header #main-content #content-box #subnav ul#contact-subnav li a, #header #main-content #content-box #subnav ul#contact-subnav li a:hover {color: #fff; text-decoration: none;}

#header #main-content #content-box img.staff-img {display: block; float: left; margin: 0px 20px 10px 0px;}

#header #main-content #content-box img.featured-resource-img {display: block; margin: 0px 0px 10px 40px; border:none;}

#header #main-content #content-box ol {padding: 0px 40px; margin: 20px 30px; list-style: decimal; color: #666666; font-size: .75em; line-height: 1.5em; text-align: justify}
#header #main-content #content-box ol li {margin: 0px 0px 25px 0px;}

#header #main-content #content-box ul {padding: 0px 40px; margin: 20px 30px; list-style: square; color: #666666; font-size: .8em; line-height: 1.5em; text-align: justify}
#header #main-content #content-box ul li {margin: 0px 0px 15px 0px;}

#header #main-content #content-box ul.other {padding: 0px 40px; margin: 20px 30px; list-style: square; color: #666666; font-size: .75em; line-height: 1.5em; text-align: justify}
#header #main-content #content-box ul.other li {margin: 0px 0px 15px 0px;}
#header #main-content #content-box ul li ul { padding: 0px; margin: 20px; text-align: left; }
#header #main-content #content-box ul li ul li { font-size: 1.25em; }

#header #main-content #content-box ul.faq-ul {padding: 0px 40px; margin: 20px 30px; list-style: square; color: #666666; font-size: .75em; line-height: 1.5em; text-align: justify}
#header #main-content #content-box ul.faq-ul li {margin: 0px 0px 15px 0px;} 

#header #main-content #content-box ul.bs-thumbs {width: 468px; margin: 0 auto; padding: 0px;}
#header #main-content #content-box ul.bs-thumbs li.bs-left {width: 199px; height: 125px; float: left; margin: 0px 10px 20px 0px; padding: 10px; display: block; background: transparent;}
#header #main-content #content-box ul.bs-thumbs li.bs-right {width: 199px; height: 125px; float: left; margin: 0px 0px 20px 10px; padding: 10px; display: block; background: transparent}

#header #main-content #content-box ul.bs-thumbs li.bs-left img.bs-thumbs-img, 
#header #main-content #content-box ul.bs-thumbs li.bs-right img.bs-thumbs-img {
	display: block; 
	float: left; 
	margin: 0px 10px 10px 0px;
	}
	
#header #main-content #content-box ul.bs-thumbs li.bs-left h2.bs-title, 
#header #main-content #content-box ul.bs-thumbs li.bs-right h2.bs-title {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	font-weight: bold; 
	margin: 10px 0px 15px 0px; 
	background: transparent; 
	color: #666666; 
	padding: 0px; 
	text-transform: uppercase; 
	line-height:1.25em;
	} 
	
#header #main-content #content-box ul.bs-thumbs li.bs-left h3.bs-info, 
#header #main-content #content-box ul.bs-thumbs li.bs-right h3.bs-info {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	font-weight: normal; 
	margin: 0px 0px -7px 0px;  
	background: transparent; 
	color: #ffffff; 
	padding: 7px 0px 0px 0px;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #cccccc;
	} 
	
#header #main-content #content-box ul.bs-thumbs li.bs-left h3.bs-info a.bs-link, 
#header #main-content #content-box ul.bs-thumbs li.bs-right h3.bs-info a.bs-link {
	color: #105faa;
	text-decoration: none;
	font-size: .8em;
	padding: 4px;
	margin-bottom: 0px;
	}
	
#header #main-content #content-box ul.bs-thumbs li.bs-left h3.bs-info a.bs-link:hover, 
#header #main-content #content-box ul.bs-thumbs li.bs-right h3.bs-info a.bs-link:hover {
	color: #666666;
	text-decoration: none;
	font-size: .8em;
	padding: 4px;
	margin-bottom: 0px;
	}
	
#header #main-content #content-box img.left {display: block; float: left; margin: 0px 20px 10px 0px; border: none;}
#header #main-content #content-box img.right {display: block; float: right; margin: 0px 0px 10px 20px; border: none;}
	
div.post-date {padding: 7px; font-size: .8em; font-family: Georgia, "Times New Roman", Times, serif; color: #999; margin: 0px 275px 0px 40px; background: url(images/trans-white2.png) 0 0 repeat; text-align: center;}

div.post-meta {padding-left: 40px; font-size: .6em; color: #444444; text-transform:uppercase; margin-bottom: 50px;}

div.prev {float: left; padding-left: 40px; font-size: .65em; text-transform: uppercase;}
div.next {float: right; padding-right: 40px; font-size: .65em; text-transform: uppercase;}

/******* COMMENT STYLES **********************************/

.comment-block {}

.comment-block h3#comments {color: #90a33b; font-size: 1em !important; font-weight: normal !important; margin: 40px 0 0; padding: 0 0 0 40px; text-transform: uppercase !important;}
.comment-block h3#respond {color: #90a33b; font-size: 1em !important; font-weight: normal !important; margin: 40px 0 0; padding: 0 0 0 40px; text-transform: uppercase !important;}

.comment-block ol.commentlist {list-style: none !important; padding: 0 10px !important; font-size: .8em !important;}
.comment-block ol.commentlist li {background: url(images/trans-white2.png) 0 0 repeat !important; padding: 10px !important;}

.comment-block ol.commentlist li img.avatar {float: left !important; margin: 0px 20px 10px 0px !important;}
.comment-block ol.commentlist li cite {font-size: 1em !important;}
.comment-block ol.commentlist li small.commentmetadata {font-size: .8em !important;}
.comment-block ol.commentlist li p {font-size: 1em !important; padding-left: 53px !important; color: #666666 !important;}



#bottom {width: 100%; height: 150px; margin-top: 25px;}

#bottom #footer {width: 920px; height: 125px; margin: 0 auto; background: url(images/footer-bg.png) 50% 0 repeat-x; padding-top: 25px;} 

#bottom #footer p.title {font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: .85em; font-weight: bold; color: #66732a; text-transform:uppercase; text-align: center; margin-bottom: 5px; letter-spacing: -1px;}
#bottom #footer p.site-nav {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em; margin-bottom: 0px;}
#bottom #footer p.site-nav a, #bottom #footer p.site-nav a:link, #bottom #footer p.site-nav a:visited {color: #66732a; text-decoration: none;}
#bottom #footer p.site-nav a:hover {color: #c9dc59; text-decoration: none;}
#bottom #footer p.copyright {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em;}
#bottom #footer p.credits {font-family: Helvetica, Arial, sans-serif; font-size: .6em; font-weight: normal; color: #66732a; text-transform:uppercase; text-align: center; line-height: 1.25em;}
#bottom #footer p.credits a, #bottom #footer p.credits a:link, #bottom #footer p.credits a:visited {color: #66732a; text-decoration: none;}
#bottom #footer p.credits a:hover {color: #c9dc59; text-decoration: none;}




#twitter_div {width: 250px; margin: 0 auto; margin-top: 20px; font: .75em/1.25em Helvetica, Arial, sans-serif; color: #ffffff; padding-bottom: 30px;}

#twitter_div h2.sidebar-title {width: 250px; height: 50px; background: url(images/twitter-h2.png) 0 0 no-repeat; text-indent: -10001px; margin-bottom: 5px;}

#twitter_div ul#twitter_update_list {width: 250px; padding: 0px;} 

#twitter_div ul#twitter_update_list li {padding: 10px 0px 20px 5px; margin: 0px 0px; display: block; width: 250px; background: url(images/nav-spacer.png) 0 100% no-repeat;}
#twitter_div ul#twitter_update_list li:hover {padding: 10px 0px 20px 5px; margin: 0px 0px; display: block; width: 250px; background: url(images/trans.png) 0 0 repeat; cursor: pointer;}

#twitter_div ul#twitter_update_list li a,
#twitter_div ul#twitter_update_list li a:link,
#twitter_div ul#twitter_update_list li a:visited {margin-right: 5px; color: #ffffff; text-decoration: none} 
#twitter_div ul#twitter_update_list li a:hover {margin-right: 5px; color: #c9dc59; text-decoration: none}
#twitter_div a#twitter-link {display: none; color: #66732a; text-align:left; margin-top: 10px; text-decoration: none}
#twitter_div a#twitter-link:hover {display: none; color: #c9dc59; text-align:left; margin-top: 10px; text-decoration: none}

textarea {width: 300px;}

form#searchform label {font-size: .65em; text-transform: uppercase;}
form#searchform input.form-field {width: 150px; height: 20px; background: url(images/trans.png) 0 0 repeat; border: none; padding: 5px; color: #ffffff; font-size: .9em;}