@charset "utf-8";
/* CSS Document */
@import "adam.css";
@import "josh.css";
@import "miguel.css";

* {
	outline: 0px none;
	border:none;
	margin:0;
	padding:0
}

body {
	margin: 0px;
	padding: 0px;
	background: #A3A3A3 url(/images/body_bg.jpg) top left repeat-x;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #2c515f;
	font-size: 2.4em;
}

h2 a, h2 a:visited, h2 a:active {
	color: #2c515f;
	text-decoration: none;
}

h2 a:hover, h2 a:visited:hover {
	color: #5f8393;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #31555e;
	margin-bottom: 5px;
}

p {
	font-size: 1.2em;
	line-height: 2.0em;
	color: #363636;
	margin-bottom: 20px;
}

h4 {
	color: #b1c6c4;
	background: #408383;
	padding: 7px 10px;
	width: 480px;
	font-size: 1.6em;
	margin-bottom: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

h4 + h4 {
	margin-top: -20px;
}

h5 {
	color: #31555e;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 3px;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	margin-bottom: 25px;
	color: #408383;
	font-weight: normal;
}

ul {
	color: #31555e;
	padding-left: 20px;
	margin-bottom: 22px;
}

ul li {
	font-size: 1.2em;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

a, a:visited, a:active {
	color: #408383;
	text-decoration: underline;
}

a:hover, a:visited:hover {
	color: #6aacac;
	text-decoration: underline;
}

blockquote {
	background: url(/images/blockquote_bg.gif) top left repeat-y;
	width: 470px;
	padding-left: 17px;
	padding-right: 13px;
	padding-top: 9px;
	overflow: auto;
	margin-bottom: 27px;
}

a img {
	border: 0px none;
}

hr {
	border: 0px solid #408383;
	border-top: 1px solid #408383;
	color: #408383;
	background: #408383;
	height: 1px;
	padding: 0px;
	margin-bottom: 25px;
}

.darkgrey, .darkgrey * {
	color: #363636 !important;
}

h4.darkgrey {
	background: #363636;
	color: #bbb !important;
}

.bluegreen, .bluegreen * {
	color: #2f4e5e !important;
}

h4.bluegreen {
	background: #2f4e5e;
	color: #8baabc !important;
}

.greenblue, .greenblue * {
	color: #27464B !important;
}

h4.greenblue {
	background: #27464B;
	color: #678A90 !important;
}


.brown, .brown * {
	color: #673f19 !important;
}

h4.brown {
	background: #673f19;
	color: #c6956b !important;
}

.hide {
	display: none;
}

.forward_arrows {
	background: url(/images/forward_arrows.gif) right 2px no-repeat; padding-right: 15px;
}

#wrapper {
	width: 100%;
	background: url(/images/wrapper_bg.png) 50% top no-repeat;
	min-height: 780px;
	height: 100% !important;
	height: 780px;
	
}

#container {
	width: 947px;
	margin: 0px auto;
}

#sub_nav {
	height: 104px;
	float: left;
}

#sub_header {
	height: 285px;
	float: left;
}
#sub_header img { display:block; }

#page_wrapper {
	background: url(/images/page_wrapper_bg.png) top left repeat-y;
	float: left;
	
	margin-top: 5px;
}

#sidebar {
	margin-left: 26px!important;
	margin-left: 13px;
	width: 240px;
	float: left;
	margin-right: 13px;
	background: url(/images/sidebar_bg.png) top left no-repeat;
	padding-top: 15px;
	min-height: 452px;
	height: 100% !important;
	height: 452px;
}

#sidebar_images {
	overflow: auto;
	padding-left: 14px;
	margin-bottom: 20px;
}

#sidebar_images img {
	margin-bottom: 13px;
	float: left;	
}

#sidebar img {
	float: left;
}

#sidebar_search {
	padding-left: 45px;
}

body.wide #sidebar_search {
	padding:0;
	}
#search_term, #blog_search_term {
	background: url(/images/search_side_bg.gif) top left no-repeat;
	border: 0px none;
	width: 141px;
	height: 21px;
	padding-top: 4px;
	padding-left: 10px;
	float: left;
}

#content {
	width: 631px;
	background: url(/images/content_bg.png) top left no-repeat;
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}

#text {
	width: 500px;
	float: left;
	padding-left: 58px;
	padding-top: 40px;
	padding-right: 58px;
	padding-bottom: 30px;
	background:#ebebeb url(/images/text_bg.jpg) bottom left no-repeat;
	min-height: 452px;
	height: 100% !important;
	height: 452px;
}
#booklist {
	width: 616px;
	float: left;
	padding: 40px 0 20px 0;
	background: #ebebeb url(/images/text_bg.jpg) bottom left no-repeat;
	min-height: 452px;
	height: 100% !important;
	height: 452px;
	}
#footer {
	width: 937px;
	float: left;
	background: url(/images/footer_bg.png) top left no-repeat;
	padding-top: 170px;
	height: 25px;
	padding-bottom: 70px;
	padding-left: 10px;
	font-weight: bold;
}

#footer #info {
	float: left;
	padding-right: 5px;
	padding-top: 6px;
}

#designbyam {
	float: left;
	width: 37px;
	height: 40px;
	overflow: auto;
}

/*#################################
  # Sermons Template (mcms_page_sermonlist.php)
  #################################*/
#sermon_sort {
	background: url(/images/sermon_sort_bg.gif) top left no-repeat;
	width: 202px;
	height: 208px;
	margin-left: 17px;
	margin-bottom: 10px;
}
#sermon_sort .sort_dd {
	height:143px;
	padding: 22px 0 0 0;
	}
#sermon_sort ul {
	list-style: none;
	padding:46px 0 0 8px;
	margin-bottom: 0px;
}

#sermon_sort ul li {
	font-size: 12px;
	padding: 0px;
	padding-bottom: 1px;
}

#sermon_sort ul li a, #sermon_sort ul li a:visited, #sermon_sort ul li a:active {
	color: #335d61;
	text-decoration:none;
	display: block;
	padding-left: 15px;
	width: 171px;
	line-height: 22px;
}

#sermon_sort ul li a:hover, #sermon_sort ul li a:visited:hover {
	color: #002e31;
	background: #ebebeb;
}

#podcast_link { 
	padding-left: 45px;
	padding-top: 18px;
}

#podcast_link a, #podcast_link a:visited, #podcast_link a:active {
	color: #fff;
	font-size: 12px;
}

#podcast_link a:hover, #podcast_link a:visited:hover {
	color: #335d61;
}

.sermons {
	width: 556px !important;
	padding-left: 35px !important;
	padding-right: 25px !important;
}

.sermon_box {
	width: 556px;
	clear:both;
	padding: 0 0 20px 0;
}

.sermon_box .sermon_title {
	background: url(/images/sermon_title.gif) top left no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 38px;
	padding-left: 25px;
	width: 475px;
	margin-bottom: 20px;
	color: #fff;
	
}

.sermon_box .sermon_title a, .sermon_box .sermon_title a:hover, .sermon_box .sermon_title a:active {
	color: #ffffff;
	text-decoration: none;
	padding: 2px 0;
}

.sermon_box .sermon_title a:hover, .sermon_box .sermon_title a:visited:hover {
	color: #2c515f;
	text-decoration: underline;
}

.sermon_box .sermon_image {
	float: left;
	margin: 0 10px 0 20px!important;
	margin: 0 10px 0 10px;
}

.sermon_box .sermon_info {
	width: 185px;
	float: left;
}

.sermon_box .sermon_info p {
	color: #408383;
	margin: 0px;
	line-height: 20px;
}

.sermon_box .sermon_info strong {
	color: #2c515f;
}

.medialist li {
	background: none !important;
	padding: 0px !important;
	float: left;
}

.medialist .video a, .medialist .video a:visited, .medialist .video a:active {
	display: block !important;
	width: 30px !important;
	height: 57px !important;
	background: url(/images/icon_video.gif) 0px 0px !important;
	text-indent: -9999em !important;
}

.medialist .audio a, .medialist .audio a:visited, .medialist .audio a:active {
	display: block !important;
	width: 32px !important;
	height: 57px !important;
	background: url(/images/icon_listen.gif) 0px 0px !important;
	text-indent: -9999em !important;
}

.medialist .download a, .medialist .download a:visited, .medialist .download a:active {
	display: block !important;
	width: 58px !important;
	height: 57px !important;
	background: url(/images/icon_download.gif) 0px 0px !important;
	text-indent: -9999em !important;
}

.medialist .podcast a, .medialist .podcast a:visited, .medialist .podcast a:active {
	display: block !important;
	width: 45px !important;
	height: 57px !important;
	background: url(/images/icon_podcast.gif) 0px 0px !important;
	text-indent: -9999em !important;
}
.medialist .notes a, .medialist .notes a:visited, .medialist .notes a:active {
	display: block !important;
	width: 35px !important;
	height: 57px !important;
	background: url(/images/icon_notes.gif) 0px 0px !important;
	text-indent: -9999em !important;
}
.medialist .video{
	display: block !important;
	width: 30px !important;
	height: 57px !important;
	margin-right: 18px;
}
.medialist .audio{
	display: block !important;
	width: 32px !important;
	height: 57px !important;
	margin-right: 18px;
}
.medialist .download {
	display: block !important;
	width: 58px !important;
	height: 57px !important;
	margin-right: 14px;
}
.medialist .podcast {
	display: block !important;
	width: 45px !important;
	height: 57px !important;
	margin-right: 15px;
}
.medialist .notes {
	display: block !important;
	width: 35px !important;
	height: 57px !important;
}

/*#################################
  # Blogs Template (mcms_blog_page.php)
  #################################*/
#blog_sidebar {
	background: url(/images/blog_cat_bg.gif) top left no-repeat;
	width: 212px;
	overflow: auto;
	margin-left: 17px;
	margin-bottom: 10px;
	padding-top: 34px;
}

#blog_list_category {
	margin-left: 13px;
	color: #C6C8CA;
}

#blog_list_category a, #blog_list_category a:visited, #blog_list_category a:active {
	color: #fff;
	font-size: 16px;
	text-transform: lowercase;
	font-weight: normal;
	text-decoration: none;
}

#blog_list_category a:hover, #blog_list_category a:visited:hover {
	text-decoration: underline;
}

#blog_search_term {
	margin-left: 30px;
}

#sidebar_rss a {
	background: url(/images/sidebar_rss.gif) left 50% no-repeat;
	color: #fff;
	padding-left: 30px;
	display: block;
	height: 23px;
	font-size: 12px;
	padding-top: 4px;
	margin-left: 12px;
}

#blog_side_archive_link a {
	background: url(/images/sidebar_archive.gif) left 50% no-repeat;
	color: #fff;
	padding-left: 30px;
	display: block;
	height: 23px;
	font-size: 12px;
	padding-top: 4px;
	margin-left: 12px;
}

#blog_side_desc p {
	color: #cfcfcf;
	padding-left: 13px;
	width: 185px;
}

.post_info h5 {
	color: #2c515f;
	font-size: 13px !important;
	text-transform: none;
}

.post_info {
	margin-bottom: 30px;
}
.ie8 #nav, .ie7 #nav{
	margin-top:96px !important;
}

/*******************************************
** Photo Gallery Styles
********************************************/
.photo {
	float: left;
	width: 560px;
	margin-bottom: 20px;
	padding: 20px 0;
	background: url(/images/semi-trans.png) top left;
}

.photo .image_wrapper {
	border: 2px solid #ccc;
	margin: 5px 20px 4px 0px; /*top right bottom left*/
	width: 175px;
	float: left;
	display: inline;
	background: #444;
}

.photo .image {
	width: 175px;
	overflow: hidden;
	text-align: center;
}

.photo .title {
	float: left;
	width: 315px;
	font-size: 18px;
	padding-bottom: 3px;
	border-bottom: 2px solid #ccc;
}

.photo .title a {
	text-decoration: none;
}

.photo .info {
	float: left;
	width: 315px;
}

.photo .info p {
	margin-bottom: 20px;
	color: #555;
}


#listing_title {
	float:left;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}

#listing_info h3 {
	margin-bottom: 10px;
	margin-top:9px;
	width:455px;
	float: left;
}

#listing_info {
	border-bottom: 1px solid #888;
	margin-bottom: 20px;
}

#listing_info p {
	margin-bottom: 15px;
	color: #000;
}

.backlink {
	float: right;
	width: 145px;
	line-height: 20px;
	text-align: right;
}

.photo_list {
	border: 0px none;
	width: 127px;
	float: left;
	display: inline;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-right: 23px;
}

.photo_list .image_wrapper {
	border: 2px solid #ccc;
	float: left;
	background: #444;
	display: inline;
	width: 110px;
	margin: 4px 5px 3px 5px; /*top right bottom left*/
}

.photo_list .image {
	width: 110px;
	overflow: hidden;
	text-align: center;
}