/*
	Copyright: (c) 2010 Calvary Church
	Author: 
	Notes: 
	
*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #010d1a url(../images/bg/bg042009.jpg) top center no-repeat fixed; font: normal 62.5% Arial, Helvetica, sans-serif; color: #555; height: 100%;}


h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #333; }
p { font-size:1.2em; line-height:1.6em; margin:12px 0; }
small { font-size:1.1em; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.overflow { width: 100%; overflow: hidden; }

.margin-left { margin:0 0 10px 20px; }
.margin-right { margin:0 20px 10px 0; }
.margin-tleft { margin:20px 0 10px 20px; }
.margin-tright { margin:20px 20px 10px 0; }
.image-margin-top { margin:20px 0 16px 0; }
.margin-top { margin-top: 20px; }
.margin-bottom { margin-bottom: 20px; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

.ten { font-size:1em; }
.eleven { font-size:1.1em; }
.twelve { font-size:1.2em; }
.fourteen { font-size:1.4em; }
.sixteen { font-size:1.6em; }
.eighteen { font-size:1.8em; }
.twenty { font-size:2em; }
.twentytwo { font-size:2.2em; }
.twentyfour { font-size:2.4em; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #0b2839;}
a:visited { color: #0b2839;}
a:hover { color: #257a9b;}
a:active { color: #0b2839;}

.side_links { margin: 16px 0;}
.side_links li { font-size: 1.2em; padding-left: 16px; background: transparent url(../images/arrows/arrow_blue2.gif) 0 50% no-repeat; margin-bottom: 8px; }

.page_header { width: 100%; overflow: hidden; padding-bottom:8px; border-bottom: 4px solid #e8e8e8; margin-bottom: 20px;	 }
.page_header h2 { font-size: 2.8em; font-weight: normal;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.table_events { width: 100%; border-collapse: collapse; font-size: 1.2em; margin-top: 16px; }
.table_events td { padding: 10px 8px 10px 0; border-bottom: 1px solid #dddddd; }
.table_events td.titles { background: #eee8d8; color: #000; font-weight: bold;}
.table_events td p  { margin: 0; padding: 0; font-size: 1em; }
.table_events td strong  { color: #000000; }

.featured_row { margin-bottom: 16px; border-bottom: 1px dashed #c7d9e0; }
.panel_left { float: left; width: 35%; display: inline;}
.panel_right { float: right; width: 60%; display: inline; }
.panel_right small { font-size: 1.1em;}

#navigation { width:932px; margin:0 auto; padding:24px 24px 0 24px; }
#navigation_container { width:960px; margin:0 auto; padding:0; background: url(../images/btn/navbg.jpg) top center no-repeat; }

#container { width:912px; margin:0 auto; background:#fff; padding: 24px 24px 0 24px; }
#content_container { width: 912px; overflow: hidden;}
#calendar { margin-bottom: 10px; }

.ann_rotator { margin-bottom: 20px;}

.image_float { float: left; display: inline;  margin:16px 24px 18px 0; }


#left-panel {width: 646px; float: left; display: inline; background: url(../images/bg/contentbg.gif) top right repeat-y; padding-top: 0px;}
#right-panel {width: 240px; float: right; display: inline; padding: 0px 0 0 24px;}

.sidepanel { overflow: hidden; width: 240px; border-bottom: 4px solid #e8e8e8; margin-bottom: 20px; }

.media_selector_div { width: 50px; height: 20px; }
.media_selector { background: #0b2839; width: 20px; height: 17px; text-align: center }

p.medium { font-size: 1.275em; line-height: 1.6em;}

h2.blue { font-size: 1.8em; color:#257a9b; border-bottom:4px solid #e8e8e8; padding: 0px 0px 12px 0; }
h3.blue { font-size: 1.4em; color:#257a9b; }

h2.featuredmsg {font-size: 1.8em; color:#686868; border-bottom:2px solid #e8e8e8; padding: 8px 0px 12px 0px;}
div.featuredmsg { padding: 12px 0px; border-bottom:2px solid #e8e8e8; margin-bottom: 24px; }
img.featuredmsg { margin: 24px 12px 12px 0px; }

h3.white { font-size: 1.2em; color:#ffffff; }

.sermon-box { width: 600px; padding: 10px; }
.sermon-box-2 { background: #f5f5f5; width: 600px; padding: 10px; }
.current_video { margin: 0 auto; text-align: center; background: url(../images/faq_mediapage.jpg) center center no-repeat; }

/*---STAFF------*/

.break { width: 622px; float: left; display: inline;}
.staff-size { height: 662px; width:622px;}
.staff { width:100px; float: left; display: inline; margin: 0px 24px 20px 0px; text-align:center;}
.staff img { background:#fff; padding:6px; border-left:1px solid #e9e5da; border-top:1px solid #e9e5da; border-right:1px solid #e9e5da; border-bottom:3px solid #e9e5da; }
.staff h3 { font-size:1.1em; margin:8px 0 2px 0; }
.staff_name { margin-bottom: 2px; }
.p_image img { background: #fff; padding: 8px; border-left:1px solid #e9e5da; border-top:1px solid #e9e5da; border-right:3px solid #e9e5da; border-bottom:3px solid #e9e5da; margin-bottom:20px; }

.staff_menu { width: 100%; background: transparent url(../images/bg/bg_staff_menu.gif) left bottom repeat-x; overflow: hidden; }
.staff_menu li { float: left; display: inline; border-left: 1px solid #e9e5da; border-top: 1px solid #e9e5da; margin: 0; padding: 0; list-style: none; }
.staff_menu li a { padding: 10px 16px 8px 16px; display: block; background: #f4f0e9; border-bottom: 3px solid #e9e5da; color: #7c776a; text-decoration: none; }

h3.blog-header { font-size: 1.6em; color:#222; padding: 0 0 12px 0; }
h3.blogtitle { font-size: 1.6em; color:#575757; border-bottom:2px solid #eaeaea; padding: 0px 0px 12px 0; margin: 12px 24px 0 0; }

/* EVENT LISTINGS */
.events { display:inline; width: 240px; border-right: 4px solid #cccccc; }
.event_listings { margin-top: 12px; margin-bottom: 18px; padding-bottom: 4px; border-bottom: 1px dashed #cccccc;}
.event_listings h3 { font-size: 1.4em; color:#257a9b; margin-bottom: 4px; }
.event_listings p { margin: 4px 0;}
.event_listings p.date { color: #1a455d; margin: 2px 0;}

.thumb_links { padding: 18px 0px; border-bottom: 4px solid #e8e8e8; border-top: 4px solid #e8e8e8; margin-bottom: 24px; overflow: hidden; }

.thumb_links img { float: left; display: inline; margin-right: 24px; }
.thumb_links img.last { float: left; display: inline; margin-right:0px; }

.social-links img { }
.social-links img.last { margin-bottom: 24px; }


/* Service Times Panel 
---------------------------*/
h3.service_times { font-size: 1.4em; color:#257a9b; }
.service_times_panel { overflow: hidden; width: 100%; padding: 0px 0px 12px 0px; margin-bottom: 6px;  }
.service_times_panel img { margin-right: 6px; }
.service_times_panel a {padding-bottom: 4px; font-size: 1.1em; margin-top: 10px;}


/* Social Links
-------------------------*/

.ben-social { background:  url(../images/btn/ben-socialbg.jpg) top left no-repeat transparent; padding:12px; width:240px; height:59px;}
.ben-social a { float:left; display: inline; margin-left: 20px;}
img.socialfirst { margin-left: 36px;}

.jdg-social { background:  url(../images/btn/jdg-socialbg.jpg) top left no-repeat transparent; padding:12px; width:240px; height:59px;}
.jdg-social a { float:left; display: inline; margin-left: 20px;}
img.socialfirst { margin-left: 36px;}

/* Blogs
----------------------------*/
.blogs_homepage { background: transparent;	height: 589px; }
.blogs_homepage p {
	padding: 0 24px 0 0;
}
.blogs_homepage h4 { font-size: 1.2em; }
.left_panel { width: 646px; float: left; display:inline; }
.right_panel { float: right; display:inline; padding-right:24px; }
img.image_margin { margin: 20px 0; }

/* ------------------------- */

#contact_info {
	float: right;
	font-size: 1em;
	color:#fff;
	line-height: 13px;
	text-align: right;
	margin-top: 16px;
	
}

#contact_info a { color:#fff;}
#contact_info a:hover { color:#71beff;}

#header { width:960px; margin: 0 auto; padding: 38px 0 38px 0;}
#content { width:100%; margin-bottom:24px; }
#main { width:650px; float:right; }
#sidebar { width:258px; float:left; margin-right: 24px; }

#footer { width:100%; padding-top:12px; border-top:6px solid #ccc; }

.footer { width: 912px; margin: 0 auto 48px auto; padding: 6px 24px; background: #010911; }
.footer p { font-size: 1em; margin: 16px 0; text-align: center; color:#a6a6a6; }
.footer h2 { float: right; display: inline; margin-top: 16px; }
.footer h2 a { display: block; width: 130px; height: 12px; text-indent: -9999px; outline: none; background: transparent url(../images/contentbg.gif) left top no-repeat; }
.footer h2 a:hover { background-position: right top; }

.footer a { color: #a6a6a6; }
.footer a:hover { color: #71beff;  }

.break_here{padding: 20px 0;}

/* Current Message Layout
----------------------------*/


#current_message { width: 240px; height: 200px; background: url(../images/bg/msgbg.jpg) top left no-repeat; margin: 0 0 24px 0; }
#current_message h1 { width: 197px; height: 27px; background: #5d4c3c; padding: 0 0 0 15px; text-indent: -9999px; padding: 0; margin: 0; }
h1#currentSeries_smhdr { background: url(../images/smhdr_currentSeries.png) no-repeat; }
#current_message h2 { color: #eaeaea; margin: 20px 0 6px 15px; font-size: 14px; font-weight: normal; }
#current_message p { color: #ffffff; margin: 0 0 0 15px; font-size: 12px; }

a.archive { color: #eaeaea; margin: 10px 0 0 15px; font-size: 12px; font-weight: bold; }
a.archive:hover { color: #ffffff;}

#currentSeriesBtns { margin: 15px 0 15px 14px; list-style: none; display: block; height: 21px; }
#currentSeriesBtns ul { display: inline; margin: 0; padding: 0; }
#currentSeriesBtns ul li { float: left; margin: 0; padding: 0; }
#currentSeriesBtns ul li a { display: block; }

#listenmessage { width: 51px; height: 29px; display:block; text-indent: -9999px; }
a#listenmessage:link, a#listenmessage:visited { background:url(../images/btn/listen.jpg) no-repeat; }
a#listenmessage:hover, a#listenmessage:active { background:url(../images/btn/listen_hov.jpg) no-repeat; }

#watchvid { width: 51px; height: 29px; display:block; text-indent: -9999px; }
a#watchvid:link, a#watchvid:visited { background:url(../images/btn/watch.jpg) no-repeat; }
a#watchvid:hover, a#watchvid:active { background:url(../images/btn/watch_hov.jpg) no-repeat; }



/* Navigation Layout
--------------------------------------------------------------------------------------- */

#navigation ul { width:100%; overflow:hidden;}
#navigation ul li { float:left; display:inline; font-size:1.4em;}
#navigation ul li a { display:block; background: #2a2a2a; border-bottom: 4px solid #000000; color:#ffffff; padding: 10px 16px 8px 16px; border-right:1px solid #000000; }
#navigation ul li a:hover { background: #444444; border-bottom: 4px solid #333333; color:#ffffff; }


/* Header Layout
--------------------------------------------------------------------------------------- */

#header h1 { font-size:3.0em; }


/* Main Layout
--------------------------------------------------------------------------------------- */

#main h2 { font-size:1.6em; margin:34px 0 10px 0; text-transform: capitalize; }
.html_code { font-family: Courier, Times New Roman, serif; color: #888; margin-left: 24px;}


/* Sidebar Layout
--------------------------------------------------------------------------------------- */

ul.side_menu { width:258px; }
ul.side_menu li { border-bottom: 1px solid #e8e8e8; font-size: 1.4em; list-style: upper-roman; display: list-item; margin-left: 34px; padding-left: 6px;}
ul.side_menu li a { display: block; width:218px; padding: 10px 0; color: #777; text-decoration: none; font-weight: bold; }
ul.side_menu li a:hover { color: #a90000; text-decoration: none; }