/*

	File: screen.css
	Media: screen
	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
	Author: Ismael Burciaga Jr.
	Notes: 


/* 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;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


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

html {height: 100%;}
body { background: #ffffff url(../../images/bg/bg_navigation.jpg) top center repeat-x;  font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #555555; height: 100%; }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #21d4e7; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:16px 0; }
small { font-size:1.1em;}
code { font-size: 1.2em; display: block; margin-top: 6px; }

.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; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

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


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

a {font-weight: bold; text-decoration: none;}
a:link { color: #21d4e7;}
a:visited { color: #21d4e7;}
a:hover { color: #21d4e7; text-decoration: underline;}
a:active { color: #21d4e7;}

.sermon_header a:link { color: #999999;}
.sermon_header a:visited { color: #999999;}
.sermon_header a:hover { color: #ffffff; text-decoration: underline;}
.sermon_header a:active { color: #999999;}

a.arrow {background: transparent url(../images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}

.btn_buy { display:block; width: 62px; height: 22px; text-indent: -9999px; background: transparent url(../images/btn_buy.gif) top left no-repeat; }
.btn_buy:hover { background-position: top right;}

.btn_podcast { display:block; width: 89px; height: 22px; text-indent: -9999px; background: transparent url(../images/btn_podcast.gif) top left no-repeat; }
.btn_podcast:hover { background-position: top right;}

.btn_pdf { display:block; width: 125px; height: 22px; text-indent: -9999px; background: transparent url(../images/btn_pdf.gif) top left no-repeat; }
.btn_pdf:hover { background-position: top right;}




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

.container { width:700px; height:600px; margin: 0 auto; padding: 0 0;}
.header { width:640px; height:46px; padding:0 30px; overflow: hidden; }
.content { width:640px; height:515px; padding:0 30px; background: #ffffff url(../images/bg_content.jpg) 0 0 no-repeat; position: relative;}
.footer { width: 640px; height:31px; padding:0 30px; color: #999999; overflow: hidden; background: #cccccc url(../images/bg_footer.gif) 0 0 repeat-x; }

.header h1 { float: left; display: inline; margin: 0 0 0 0; }

.media_nav { overflow: hidden; width: 28%; float: right; display: inline; height: 54px; }
.media_nav li { float: right; display: inline; font-size:1.4em; margin-left: 30px; }
.media_nav li a { display: block; height: 54px; line-height: 50px; color: #666666; padding: 0; }
* html .media_nav li a { width: 60px; text-align: center; }
.media_nav li a:hover { color: #aaaaaa; text-decoration: none; background: transparent url(../images/bg_hover.gif) bottom center no-repeat;}
.media_nav li a.active { color: #ffffff; background: transparent url(../images/bg_active.gif) bottom center no-repeat; }

.video_info { position: absolute; top: 35px; left: 30px; width: 274px; height: 220px; }
.video_info h6 { font-size: 1.2em; color: #555555; margin-bottom: 6px; }
.video_info h2 { font-size: 1.6em; color: #1a1a1a; margin-bottom: 6px; }
.video_info h3 { font-size: 1.2em; color: #555555; }

.video_box { position: absolute; top: 34px; right: 38px; }

.sermon_box { position: absolute; bottom: 30px; left: 30px; width: 608px; height: 202px; background: #444444; padding: 0 16px; }
.sermon_header h2 { float: left; display: inline; font-size: 1.6em; color: #ffffff; margin: 12px 0; }

.sermon_note_options {overflow: hidden; width: 28%; float: left; display: inline; margin-top: 10px; margin-left: 20px; }
.sermon_note_options li { float: left; display: inline; margin-right:16px; font-size: 1.2em; padding: 4px 0 4px 0;}
.sermon_note_options li.print { padding-left:20px; background: transparent url(../images/icon_print.gif) 0 50% no-repeat; }
.sermon_note_options li.pdf { padding-left:18px;  background: transparent url(../images/icon_pdf.gif) 0 50% no-repeat; }

.buttons { overflow: hidden; width: 50%; float: right; display: inline; margin-top: 10px; }
.buttons li { float: right; display: inline; margin-left:8px; } 
textarea { border: 10px solid #555555; width: 568px; height:100px; padding: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.2em; color: #666666; background: #ffffff url(../images/bg_textarea.gif) 0 0 repeat; line-height: 1.5em; }

.footer h2 { float: right; display: inline; margin-top: 10px; }
.footer h2 a { display: block; width: 139px; height: 12px; text-indent: -9999px; outline: none; background: transparent url(../images/church_media_group.gif) left top no-repeat; }
.footer h2 a:hover { background-position: right top; }
.footer p { margin: 8px 0; font-size: 1.1em; }