/*
-----------------------------------------------
garycomer.com Screen Master
Author:   David Guido Design, davidguido.com
Updated:  April, 2009
----------------------------------------------- */

/********************************************

CSS NORMALIZATION

- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/


div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
input, textarea, select {font-size: 99%; font-family: verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
ul, ol {padding-left:18px;}
legend {display:none;}
.skipNavigation {display:none}

/********************************************/


/* basic elements */
html, body {height:100%;}
body 	{font: 15px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	margin:0; padding:0; background:#000 url(../i/bg_fade.jpg) repeat-x; text-align:center;}
img	{border:0;}

a:link 	{text-decoration:none; color:#a53c1f;}
a:visited {text-decoration:none; color:#735943;}
a:hover, a:active {text-decoration:underline; color:#bf612a;}

/* All HR must follow this convention: <div class="hr"></div> */
.hr {text-align:left; height:0px; border-bottom:#ccc dashed 1px; color:#ccc; width:100%; margin:1em 0;}

h1	{font-size:1.5em; letter-spacing:3px; padding-bottom:.3em}
h2 	{font-size:1.3em; letter-spacing:2px}
h3 	{font-size:1.1em; letter-spacing:1px}
h4 	{font-size:1.0em; font-weight:bold; letter-spacing:1px}
p	{padding:.2em 0 .6em 0}
p.center {text-align:center;}
p.indent {text-indent: 2em}
.bold 	{font-weight:bold;}
.italic {font-style:italic}
span.accesskey {text-decoration:underline;}
span.noprint { }
.spacingtop, td.spacingtop {padding-top:1em}
.spacingbottom, td.spacingbottom {padding-bottom:1em}
.spacingbottombig, td.spacingbottom {padding-bottom:5em}
.spacingleft {padding-left:1em}
.spacingright {padding-right:1em}
.spacingthumbnail {padding:.3em}
.alignright, td.alignright {text-align:right}
.aligncenter {text-align:center}
.aligntop {vertical-align:top}
.alignmiddle {vertical-align:middle}
.nowrap {white-space:nowrap}
.deemph_color {color:#bbb;}
.deemph_size {font-size:.8em}

/* navigation menu */
#menulist {position:relative; top:-24px; left:430px}
#menulist ul{font: 0.9em/22px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; }
#menulist li{display:inline; padding:0 10px; list-style-type:none;}
#menulist a {font-weight:bold;}
#menulist a:link, #menulist a:visited {color:#bbb}
#menulist a:hover {color:#a53c1f}
#menulist ul li #selected {color:#a53c1f;}


/* specific divs */
#wrapper {width:828px; background:#fff url(../i/content_panel_top.gif) no-repeat top left; margin:30px auto; padding:0; text-align:left;}
#header	{width:828px; margin:0; padding:0; background: url(../i/content_panel_fade_top.gif) repeat-x 0 9px}
#headerlogo {padding:42px 0 0 25px;}
#headertext {display:none}
#subheader {font-size:1.1em; letter-spacing:2px; color:#999; padding-left:60px}
#splash {padding:0 25px}
#content {width:650px; background:#fff; padding:0 25px;}
#column1 {width:450px; background:#fff; padding:0 25px;}
#column2 {width:261px; background:url(../i/featured_panel_fade.jpg) repeat-x top left; margin-right:25px; float:right;}
#featured {background:url(../i/featured_panel_top.gif) no-repeat top left; padding:1em; }

#footer {clear:both; background:#735943 url(../i/footer_bottom.gif) no-repeat bottom left; padding:2em 1em; font-size:0.9em; color:#ccc;}
#footer_right{position:relative; left:530px}
#footer_right a{color:#ccc; font-weight:bold;}
#rss {background: url(../i/icon_rss.gif) no-repeat 0 .25em; padding-left:15px}
.pdf {background: url(../i/icon_pdfsmall.gif) no-repeat 0 .15em; padding-left:20px}
.mp3 {background: url(../i/icon_mp3_med.gif) no-repeat 0 .15em; padding:5px 5px 24px 40px}
.wma {background: url(../i/icon_wma_med.gif) no-repeat 0 .15em; padding:5px 5px 24px 40px}
.breadcrumb {background: url(../i/arrow_brown_right.gif) no-repeat 100% 50%; padding-right:10px}
#featured ul li{padding-bottom:.8em}
.navarrow, a.navarrow {background:url(../i/arrow_brown2_right.gif) no-repeat 0 5px; padding-left:15px;}
ul.iconlist {list-style: none; padding:.4em 0 0 0; margin:0;}
li.featured_audio {background:url(../i/icon_comment.gif) no-repeat 0 5px; padding-left:15px;}
.audio {background:url(../i/icon_comment.gif) no-repeat 0 5px; padding-left:15px;}
li.featured_docs .doc {background:url(../i/icon_doc.gif) no-repeat 0 5px; padding-left:15px;}
img.photo_devotional {float:left; padding:0 10px 5px 0}
img.photo_right {float:right; padding:0 0 5px 10px}

/* blog */
.blogentry {margin-bottom:1em;}
.blogtitle {font-size:1.2em; font-weight:bold;}
.blogsubtitle {font-size:.8em}
.blogcopy {line-height:1.5em}
.comment {background:#f6f6f6; margin-bottom:1em; padding:.5em; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.mycomment {background:#ffd;}
.commenticon {background: url(../i/icon_commenter.gif) no-repeat top left; padding-left:15px;}
#archives {display:none}

/* audio listen window */
#listen_body {margin:0; padding:0; text-align:left; background:#eae7d2 none; border-top:#725742 15px solid;}
#listen_content {float:none; width:auto; min-height:0; margin:20px;}
#listen_stream {position:absolute; bottom:0; width:100%; height:16px;}