/*

	File: mobile.css
	Media: handheld
	Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.cc
	Notes: City of Life Church Worship	

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, 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 { background: #ffffff url(../images/bg/bg_html.jpg) center 0 no-repeat fixed; }
body { font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #333; height: 100%; }


h3 { font-size:2.6em; color: #304249; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; line-height: 1em; }
h1, h2, h4, h5, h6 {   font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; font-size: 2em; color: #666666;}
p { font-size:1.2em; line-height:1.8em; margin:12px 0; }
small { font-size:1.1em;}

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

.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;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
li.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }


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

a {font-weight: bold; text-decoration: none;}
a:link { color: #2e3897;}
a:visited { color: #2e3897;}
a:hover { color: #666666; text-decoration: underline;}
a:active { color: #2e3897;}


.btn_itunes { display:block; width: 108px; height: 32px; text-indent: -9999px; background: transparent url(../images/btn/btn_itunes.png) top left no-repeat; float: left; display: inline; margin: 15px 0 0 240px; }
.btn_itunes:hover { background-position: top right;}

.btn_youtube { display:block; width: 84px; height: 34px; text-indent: -9999px; background: transparent url(../images/btn/btn_youtube.png) top left no-repeat; float: right; display: inline; margin: 19px 30px 0 0; }
.btn_youtube:hover { background-position: top right;}



.btn_facebook { display:block; width: 106px; height: 23px; text-indent: -9999px; background: transparent url(../images/btn/btn_facebook.png) top left no-repeat; float: right; display: inline; margin: 24px 25px 0 0; }
.btn_facebook:hover { background-position: top right;}

.btn_twitter { display:block; width: 106px; height: 22px; text-indent: -9999px; background: transparent url(../images/btn/btn_twitter.png) top left no-repeat; float: right; display: inline; margin: 25px 25px 0 0; }
.btn_twitter:hover { background-position: top right;}

.btn_top { display:block; width: 53px; height: 15px; text-indent: -9999px; background: transparent url(../images/btn/btn_top.png) top left no-repeat; float: right; display: inline; margin: 5px 30px 0 0; }
.btn_top:hover { background-position: top right;}



/* Main Structural Selectors
--------------------------------------------------------------------------------------- */
.main_nav_container { width: 100%; height: 60px; position: fixed; top: 0; left: 0; z-index: 1000; }
.container { margin: 0 auto; padding: 0; width: 960px; overflow: hidden; position: relative; }
.header { margin: 90px auto 0 auto; padding: 0; overflow: hidden; width: 960px; }
.section { width: 960px; padding: 60px 0 0 0; overflow: hidden; margin: 0 auto; }
.footer_follow_container { width: 100%; position: relative; }




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

.header h1 { float: left; margin: 0 0 0 30px; display: inline; }
.header h2 { float: right; margin: 3px 30px 0 0; }
.header_video { width: 450px; overflow: hidden; float: right; margin: 50px 30px 0 0; display: inline;  }

.header_flickr { width: 479px; height: 60px; float: right; margin: 48px 0 0 0; display: inline; overflow: hidden; }
.yoxview-thumbnails-details { display: none; }

.main_nav { width: 930px; height: 60px; margin: 0 auto; background: #efef36; padding: 0 0 0 30px; }
.main_nav li { height:auto; float: left; display: inline; margin: 20px 33px 0 0; padding: 0; text-align: center; text-transform: uppercase; }
.main_nav li a { display: block; height: auto; font-size: 2.4em; font-weight: normal; }

.main_nav a { color: #878787; }
.main_nav a:link { color: #878787; }
.main_nav a:visited { color: #878787; }
.main_nav a:hover { color: #ffffff; text-decoration: none; }
.main_nav a:active { color: #878787;}


/* Page Layout
--------------------------------------------------------------------------------------- */

.section_header { width: 100%; background: transparent url(../images/bg/bg_section_header.png) repeat; padding: 20px 0; overflow: hidden; margin:0 0 18px 0; }
.section_header h3 { color: #2e3897; font-size: 2.6em; float: left; margin: 0 0 0 30px; text-transform: uppercase; }
.section_content { width: 900px; margin: 0 auto; padding: 0; }

.second_header { padding-top: 12px; border-top: 1px solid #ddd; margin-top: 16px;}

.worship_leader { margin: 0; }

.worship_leader img { float: left; margin: 18px 0 0 0; border: 5px solid #ddd; display: inline; overflow: hidden; width: 160px; }
.worship_leader_bio { float: right; margin: 0; display: inline; overflow: hidden; width: 700px; }

.section_content h4 { width: 100%; clear: both; }

.enews_section { margin: 0 auto 110px auto; }

.enews_confirmation { width: 840px; padding: 30px; text-align: center; background: #efef36; overflow: hidden; }
.enews_confirmation h3 { font-size: 2.4em; color: #8b8786; text-transform: uppercase; }
.enews_confirmation a { float: right; margin: 10px 100px 0 0; color: #2e3897; text-transform: uppercase; font-size: 1.4em; }
.enews_confirmation a:hover { text-decoration: none; color: #fff; }

/* Footer Layout
--------------------------------------------------------------------------------------- */

.footer_follow { width: 960px; height: 70px; background: transparent url(../images/bg/bg_footer_follow.jpg) 0 0 no-repeat; padding: 0; margin: 0 auto; z-index: 1000;}

.footer_copy { width: 900px; padding: 24px 30px; background: #ffffff; color: #ccc; margin: 0 auto; overflow: hidden; }
.footer_copy .cm { float: right; display: inline; margin-top: 5px; width: 190px; height: 16px; }
.cm img { width: 190px; height: 16px; }

.copyright { width: 100%; float: right; display: inline; }
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; }
.copyright p.last { margin-bottom: 0; }