/*

Faith Baptist Church of Margate Florida
Created By:Mike Moreau, Jr.
7-17-2007
www.harvestmedia.com

Section 1 - Default, Reset, and Global Styles

Section 2 - Layout

Section 3 - Home Page Specific Sytles

Section 4 - Navigation

Section 5 - Typography

Section 6 - Footer

Section 7 - Ekklessia

Section 8 - Accessibility Options

Section 9 - Sitemap

*/






/* Section 1 - Default and Global Styles
_______________________________________________ */


/* Begin Eric Meyer's Recommended Reset Styles */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}
a img, :link img, :visited img{
	border:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
ol, ul{
	list-style:none;
}
q:before, q:after, blockquote:before, blockquote:after{
	content:"";
}/* End Reset Styles */

body{
	background:url(/images/page-bgd.gif) repeat-x #f0f9ff;
	color:#444444;
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1.5;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
hr{
	display:none;
}

/* Default Link Styles */
a{
	outline:none;
}
a:link{
	color:#13274c;
	text-decoration:underline;
}
a:visited{
}
a:hover, a:active{
	text-decoration:none;
}






/* Section 2 - Layout
_______________________________________________*/
div#container{
	background:url(/images/shadow-tile.gif) repeat-y #fff;
	height:auto;
	left:50%;
	margin:0 0 0 -387px;
	position:absolute;
	top:34px;
	width:775px;
	z-index:1;
}
div#masthead{
	background:url(/images/masthead.jpg) no-repeat;
	height:227px;
	position:relative;
}
div#masthead h1 a{
	background:url(/images/masthead.png) no-repeat;
	display:block;
	height:141px;
	text-indent:-9999px;
	width:277px;
}
div#pnav{
	left:262px;
	position:absolute;
	top:170px;
	z-index:9;
}

/* Main Search Form */
form#searchForm{
	height:59px;
	right:8px;
	position:absolute;
	top:14px;
	width:222px;
}
form#searchForm fieldset{
	padding:25px 0px 0px 18px;
}
form#searchForm input{
	background-color:#fff;
	background-image:none;
	border:none;
	color:#666666;
	width:135px;
}
a#search_go:link, a#search_go:visited{
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
}
a#search_go:hover, a#search_go:active{
	color:#000;
	text-decoration:none;
}
div#sidebar{
	float:left;
	margin:0 0 0 39px;
	width:190px;
	z-index:9999;
}
div#main{
	float:right;
	margin:0 46px 0 0;
	min-height:450px;
	width:467px;
	z-index:4;
}
div#footer{
	background:url(/images/footer.jpg) no-repeat top left;
	clear:both;
	font-size:10px;
	height:200px;
	position:relative;
	z-index:2;
}






/* Section 3 - Home Page Specific
_______________________________________________*/
html body#home div#sidebar{
	display:block;
	float:none;
	left:39px;
	position:absolute;
	margin:0;
	top:160px;
}

q.bible{
	background:url(/images/bible.jpg);
	display:block;
	height:299px;
	text-indent:-9999px;
	width:189px;
}
body#home cite{
	display:none;
}
a.doctrine {
	background:url(/images/doctrine.png);
	display:block;
	height:82px;
	margin-top:15px;
	text-indent:-9999px;
	width:189px;
}
a.doctrine:hover{
	background:url(/images/doctrine-over.png);
}
a.heaven{
	background:url(/images/way-to-heaven-icon.png);
	display:block;
	height:84px;
	text-indent:-9999px;
	width:189px;
}
a.heaven:hover{
	background:url(/images/way-to-heaven-over.png);
}
a.school{
	background:url(/images/faith-christian-school-icon.png);
	display:block;
	height:74px;
	text-indent:-9999px;
	width:189px;
}
a.school:hover{
	background:url(/images/faith-christian-school-over.png);
}






/* Section 4 - Navigation
_______________________________________________*/

/* Top Level Nav Items */
ul#nav{
	border-bottom:1px solid #666;
	height:1.8em;
	position:relative;
	width:38.9166em;
}
ul#nav li{
	float:left;
	height:3em;
	position:relative;
}
ul#nav a{
	border-right:1px solid #666;
	color:#000;
	display:block;
	float:left;
	font-weight:normal;
	letter-spacing:.05em;
	margin:0 .8em 1em 0;
	padding-right:.8em;
	text-decoration:none;
	text-transform:uppercase;
}
ul#nav a:hover, ul#nav li.current a, ul#nav li.stick a{
	color:#224d8b;
}


/* 2nd Level Drop Down Menus - positioned off the page to hide until moused over */
ul#nav ul{
	background:#eee;
	border:1px solid #000;
	left:-9999px;
	padding:.5em;
	position:absolute;
	top:2.25em;
	width:15em;
}
ul#nav ul li{
	float:none;
	height:auto;
}
ul#nav ul a, ul#nav li.current ul a, ul#nav li.stick ul a{
	border:none;
	color:#000;
	float:none;
	margin:0px;
	text-transform:none;
}
ul#nav li.stick ul a:hover{
	color:#224d8b;
}

/* Show 2nd Level Menus when mousing over top level menu item */
ul#nav li ul.show{
	left:0px;
}

/* 3rd Level Drop Down Menus - Just in Case there are any */
ul#nav ul ul{
	display:none;
}





/* Section 5 - Typography
_______________________________________________*/
h2{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:2em;
	margin-bottom:.5em;
}
div#sidebar h2{
	color:#13274c;
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1em;
	margin:1.5em 0 .5em 0;
	text-transform:uppercase;
}
div#sidebar h4{
	margin-bottom:1em;
}
div.text h3{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.5em;
}
div.text h3 a{
	font-size:1em;
}
div.text h4{
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
	margin:1em 0 0 0;
}
div.text h5{
	font-weight:bold;
}
div.text h6{
	font-weight:bold;
	color:#CC6600;
}
div.text p{
	line-height:1.5em;
	margin-bottom:1.5em;
}
div.text ul{
	line-height:1.5em;
	list-style-position:outside;
	list-style-image:url(/images/bullet_yellow.png);
	margin:0 0 1.5em 3em;
}
div.text ol{
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 1.5em 3em;
}
div.text ul li, div.text ol li{
	line-height:1.5em;
	margin-bottom:.5em;
}
div.text table{
	margin-bottom:1.5em;
	width:98%;
}

/* Sidebar Text Div's - in addition to styles above */
div#sidebar div.text h3, div#sidebar div.text h4, div#sidebar div.text h5, div#sidebar div.text h6{
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	margin:0;
}
div#sidebar div.text h3 a, div#sidebar div.text h4 a{
	text-decoration:none;
}
div#sidebar div.text p{
}
div#sidebar div.text ul, div#sidebar div.text ol{
	margin-left:1.5em;
}

/* Blog Typography */
div.text h2.blogtitle{
	margin-bottom:0px;
}
div.text h3.blogposttitle{
	margin-top:1em;
}
div.text p.posted-by{
	margin-bottom:5em;
}





/* Section 6 - Footer
_______________________________________________*/
div#footer p{
	color:#fff;
	font-size:14px;
	left:50%;
	margin:0;
	margin-left:-350px;
	position:absolute;
	top:80px;
	width:700px;
}





/* Section 7 - Ekklessia
_______________________________________________*/

/* Google Map API */
div#gmap{
	height:296px;
	margin:32px 0 0 0;
	width:450px;
}

/* Large Calendar */
#calendar-container table.calendar{
   border-top:1px solid #3A3E46;
   border-collapse:collapse;
   width:98%;
}
#calendar-container table.calendar caption{
   padding-bottom:10px;
   color:#13274c;
   font-size:1.5em;
}
#calendar-container table.calendar caption span{
	font-size:1em;
   color:#8A4700;
}
#calendar-container table.calendar th{
   padding:3px;
   background:#13274c;
   color:#fff;
}
#calendar-container table.calendar td{
   width:14%;
   height:64px;
   border:1px solid #ccc;
   border-left:0;
   border-top:0;
   background:#eee;
   color:#aaa;
}
#calendar-container table.calendar td.empty{
   background:#fff;
}
#calendar-container table.calendar td a:link, #calendar-container table.calendar td a:visited{
   color:#000;
   text-decoration:none;
}
#calendar-container table.calendar td a:hover, #calendar-container table.calendar td a:active{
	text-decoration:underline;
}
#calendar-container table.calendar td ul{
   margin:.5em;
   list-style:none;
}
#calendar-container table.calendar td li{
   margin-bottom:.75em;
}
#calendar-container table.calendar td ul li a:link, #calendar-container table.calendar td ul li a:visited{
   color:#8A4700;
}

/* Event Detail Pages */
body#events #calendar-container table.calendar td{
	height:auto;
	text-align:center;
}
body#events #calendar-container table.calendar td a{
	text-align:center;
}
div#sidebar ul.belowMonthEventNames li{
	margin-top:1em;
	text-align:center;
}
div#sidebar ul.belowMonthEventNames li a:link, div#sidebar ul.belowMonthEventNames li a:visited, div#sidebar ul.belowMonthEventNames li a:hover, div#sidebar ul.belowMonthEventNames li a:active{
	color:#666666;
	text-decoration:none;
}
li.eventtime{
	font-weight:bold;
}


/* Sermons */
div.sermonbox{
	border-top:1px dotted #ccc;
	padding:1.5em 0 1.5em 0;
	overflow:auto;
}
div.sermonbox h4{
	font-size:1.25em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:.5em;
}
div.sermonbox h4 a{
	color:#13274c;
	text-decoration:none;
}
div.sermonbox h4 a:hover{
	text-decoration:underline;
}
div.sermonbox p{
	margin-bottom:.5em;
}
div.sermonbox:hover p{
	color:#000000;
}
div.sermonbox p.preacher{
	color:#000000;
	font-style:italic;
}
ul.sermonbox-controls{
	float:right;
	margin:0 0 .25em 64px;
	width:100px;
}
ul.sermonbox-controls li{
	height:16px;
	line-height:1em;
	list-style-image:none;
	padding:4px 0 4px 0;
}
ul.sermonbox-controls li a{
	float:left;
	margin-right:.25em;
}
li.sl_listen a{
	background:url(/images/play.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
li.sl_download a{
	background:url(/images/save.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
li.sl_download-notes a{
	background:url(/images/notes.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
li.sl_detail a{
	background:url(/images/detail.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}


/* Sermon Detail Page */
ul#byline{
	margin-bottom:1em;
}
ul#byline li{
	margin-bottom:.5em
}
li#bl_preacher{
	color:#000;
	font-size:1.5em;
	font-style:italic;
}

div#sidebar div.text ul.sermonbox-controls{
	float:none;
	margin:0;
}



/* Section 8 - Accessibility Options
_______________________________________________*/
ul#skip{
	position:absolute;
	top:0px;
	left:-20em;
	width:10em;
}