/* Global Styles */
body {background:url("images/site/bg_gradient.gif") repeat-x #C5C4C2; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* Misc Styles */
.clear {height:0; clear:both;}
.spacer {height:15px; clear:both;}
.no_border {border:none !important; width:126px !important;}
.grey_font {color:#333;}

/* Wrapper Styles */
#wrapper {margin:10px auto; width:900px;}
#wrapper2 {background:#fff;}
#content_main {clear:both;}

/* Top Styles */
#top_ad {width:900px; height:100px; margin:0 auto; text-align:center;}
#pagospel_banner {background:url("images/site/pagospel_banner.jpg") no-repeat; width:900px; height:109px;}

/* Nav Styles */
#nav {float:left; background:url("images/site/nav_bg.gif") repeat-x; width:900px; height:38px; clear:both;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav a {color:#fff; text-decoration:none;}

/* Nav Left Styles */
#nav ul#nav_left {float:left; width:585px;}
#nav ul#nav_left li {float:left; border-right:1px solid #fff; height:38px;}
#nav ul#nav_left li a {display:block; padding:12px;}
#nav ul#nav_left li a:hover {background:url("images/site/nav_hover.gif") repeat-x;}

/* Nav Right Styles */
#nav ul#nav_right {padding-right:7px;}
#nav ul#nav_right li {float:right; padding:12px 5px; width:75px;}
#nav ul#nav_right a {font-size:11px;}
#nav ul#nav_right a:hover {text-decoration:underline;}
#nav ul#nav_right button {margin:0; padding:0; height:11px; font-size:11px; background:transparent; border:0; color:#fff;}

/* Secondary Nav Styles */
#secondary_nav {padding-right:30px; clear:both;}
#secondary_nav ul {list-style:none; margin:0; padding:0;}
#secondary_nav ul li {float:right; padding:7px 10px;}
#secondary_nav ul li a {color:#000; font-size:10px; text-decoration:none;}
#secondary_nav ul li a:hover {text-decoration:underline;}

/* Bottom Ad Styles */
#bottom_ad {text-align:center; padding-bottom:15px; clear:both;}

/* Footer Styles */
#footer {text-align:center; font-size:10px; padding-top:10px;}
#footer p {margin:0; padding:10px 0;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*********************  Home Page Styles   *************************/

/* Home Left Content Styles */
#left_content {float:left; width:500px; padding:0 25px; clear:left;}
.left_pod_head {background:url("images/site/left_pod_head.gif") no-repeat; width:500px; height:36px; clear:both;}
.left_pod_head span, .right_pod_head span {display:block; color:#fff; padding:12px 15px 8px; font-weight:bold;}

/* Home Slideshow Styles */
#slideshow {list-style:none; color:#fff; }
#slideshow span {display:none;}
#thumbs_wrapper {width:500px; margin:0 auto; display:none;}
#thumbs_wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:500px; height:300px; background:#000;}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.8; filter:alpha(opacity=80);}
#information h1 {padding:8px 8px 3px; font-size:16px;}
#information h1 a {color:#fff; text-decoration:underline;}
#information h1 a:hover {text-decoration:none;}
#information p {padding:0 8px 12px;}
#image {width:500px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150;}
/* #imgprev {left:0; background:url(images/slideshow/images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(images/slideshow/images/right.gif) right center no-repeat;} */
#imglink {position:absolute; height:300px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url("images/slideshow/images/link.gif") center center no-repeat;}
#thumbnails {padding:15px 0 0 0;}
#slideleft {float:left; width:20px; height:81px; background:url("images/slideshow/images/scroll-left.gif") center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url("images/slideshow/images/scroll-right.gif") center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:450px; margin-left:5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #665; padding:2px;}

/* Home Headlines Styles */
#headlines_pod {background:url("images/site/headlines_bg.gif") repeat-x #fff; width:498px; border:1px solid #000; border-top:none;}
#headlines_pod h2 {margin:0; padding:10px 5px 0; font-size:16px;}
#headlines_pod h2 a {color:#000; text-decoration:none;}
#headlines_pod h2 a:hover {text-decoration:underline;}
#headlines_pod p {margin:0; padding:2px 5px 5px; border-bottom:1px dashed #000; font-size:10px;}
#headlines_pod p.right {text-align:right; margin:0; padding:5px 10px; border:none;}
#headlines_pod p.right a {color:#000;}
#headlines_pod p.right a:hover {text-decoration:none;}

/* Home Gospel Scene Styles */
#gospel_scene {background:url("images/site/gospel_scene_bg.gif") repeat-x; height:210px; width:478px; border:1px solid #000; border-top:none; padding:10px 10px 0;}
#gospel_scene #pic1 {float:left; background:pink; width:215px; height:185px;}
#gospel_scene #pic2 {float:left; background:blue; width:250px; height:87px; margin-left:10px;}
#gospel_scene #pic3 {float:left; background:blue; width:250px; height:87px; margin:11px 0 0 10px;}
#gospel_scene a {display:block; margin-left:410px; padding-top:5px; color:#000; font-size:10px; clear:both; }
#gospel_scene a:hover {text-decoration:none;}

/* Home Gospel Insider Styles */
#gospel_insider {background:url("images/site/gospel_scene_bg.gif") repeat-x; width:498px; height:100px; border:1px solid #000; border-top:none;}
#gospel_insider div {float:left; width:123px; border-right:1px solid #000; height:100px; position: relative; cursor:pointer;}
#gospel_insider h3 {margin:0; padding:10px 0; font-size:11px; font-weight:bold; text-align:center;}
#gospel_insider div img {position:absolute; top:35px; z-index:4;}
#gospel_insider div a {display:block; color:#000; text-decoration:none;}
#gospel_insider div a p {display:block; margin:0; padding:0 5px; font-size:10px; position:absolute; top:35px; left:0px; width:115px; height:65px; z-index:2; overflow:hidden; cursor:pointer;}

/* Home Features Styles */
a.features {margin-bottom:10px; display:block; border:1px #000 solid; background:url("images/site/features_grey.gif") repeat-x; width:498px; height:110px; color:#000; text-decoration:none; cursor:pointer;}
a.features img {float:left; padding:1px 0 1px 1px;}
a.features h4 {float:left; margin:0; padding:15px 10px; font-size:16px; clear:right;}
a:hover.features {background:url("images/site/featuresbg_red.gif") no-repeat;}
a:hover.features h4 {color:#fff;}
a.features p {float:left; display:block; margin:0; padding:0 10px; width:300px; font-size:14px;}
a:hover.features p {color:#fff;}

/* Home Right Content Styles */
#right_content {float:left; width:320px; padding-right:25px; clear:right;}
.right_pod_head {background:url("images/site/right_pod_head.gif") no-repeat; width:320px; height:36px;}

/* Home Sponsor Styles */
.sponsor_links {font-size:10px; text-align:center; margin:15px 0;}
.sponsor_links a {color:#000;}
.sponsor_links a:hover {text-decoration:none;}

/* Home Calendar Styles */
#calendar_bg {background:url(images/site/calendar_bg.gif) no-repeat; width:318px; height:158px; border:1px solid #000; border-top:none;}
#calendar_bg p {font-size:11px; margin:0; padding:10px 0 0 10px; line-height:13px;}
p#calendar_week {font-size:15px !important; color:#662629; font-weight:bold; text-decoration:underline; line-height:15px !important;}
p#calendar_links, p#calendar_links a {padding-left:0; text-align:center; color:#662629;}
p#calendar_links a:hover {text-decoration:none;}

/* Home Giveaways Styles */
#giveaways {width:318px; border:1px solid #000;}
#giveaways img {margin-bottom:10px;}
#giveaways p {padding:0 15px 10px; margin:0;}
#giveaways p a {color:#690205;}
#giveaways p a:hover {text-decoration:none;}

/* Home CD Reviews Styles */
#reviews {width:318px; border:1px solid #000;}
#reviews p {padding:0; margin:10px 15px;}

/* Home Top Favs Styles */
#top_favs {background:url("images/site/topfavs_bg.jpg") no-repeat; width:320px; height:275px;}
.left_num {float:left; width:200px;}
.left_num h5 {margin:0; padding:7px 0 0 10px; font-size:28px;}
.left_num ol {margin:0; padding:0 0 10px 10px; list-style:none;}
.left_num ol li {margin:0; padding:5px 0; border-bottom:1px solid #000; font-size:11px; line-height:14px;}
.left_num ol li strong {font-size:14px !important;}
.left_num p {margin:0; padding:0 0 0 10px; font-size:10px;}
.right_img {float:left; width:120px;}
.right_img img {padding:5px 5px 0 5px;}

/* Home Artist of the Month */
#artistofthemonth {background:url("images/site/artistofthemonth_bg.gif") no-repeat; width:320px; height:160px; clear:both;}
#artistofthemonth h5 {font-size:15px !important; margin:0; padding:10px 0 0 10px;}
#artistofthemonth h6 {margin:0; padding:5px 0 0 10px; font-size:13px;}
#artistofthemonth p {font-size:11px; margin:0; padding:5px 2px 0 10px; line-height:12px;}
#artistofthemonth p a {font-size:11px; color:#000;}
#artistofthemonth p a:hover {text-decoration:none;}
#artistofthemonth img {padding:5px;}

/*********************  Secondary Page Styles   *************************/
/* Article Styles */
#left_article {float:left; width:599px; margin-bottom:10px; border-right:1px solid #ccc;}
#left_article h1 {margin:0 15px 5px; padding:5px 0 2px 0; font-size:14px; font-weight:normal; border-bottom:1px solid #ddd;}
#left_article h2 {margin:0; padding:10px 15px; font-size:12px; font-weight:normal;}
#left_article h3 {margin:0; padding:0 15px 10px 15px; font-size:24px; font-weight:normal;}
#left_article div { padding-bottom:10px;}
#left_article a {color:#690205;}
#left_article a:hover {text-decoration:none;}
#left_article p {margin:0; padding:0 10px 10px 15px;}
#left_article span {display:block; padding:0 0 5px 15px; text-decoration:underline; font-weight:bold;}
#left_article .split {float:left; width:298px;}
#left_article ul {margin:0 35px 5px; padding:0; list-style:none;}
#left_article ul li {margin:0; padding:0;}

#right_article {float:left; width:300px;}
#right_article h4 {padding:5px 0 2px 0; margin:0 10px 0 10px; font-size:14px; font-weight:normal; border-bottom:1px solid #ddd;}
#right_article h5 {margin:0; padding:0 10px; font-size:12px;}
#right_article ul {margin:0; padding:10px 10px 10px 25px;}
#right_article ul li {margin:0; padding:0 0 10px 0;}
#right_article a {color:#000; text-decoration:none;}
#right_article a:hover {text-decoration:underline;}
#right_article p {margin:0; padding:15px 10px 0;}

/* Calendar Styles */
#calendar_left {float:left; width:729px; margin-bottom:10px; border-right:1px solid #ccc;}
#calendar_left a {color:#000;}
#calendar_left a:hover {text-decoration:none;}
#calendar_left h1 {margin:0 15px 10px; padding:5px 0 2px 0; font-size:14px; font-weight:normal; border-bottom:1px solid #ccc;}
#calendar_left h3 {display:block; background:#eee; border:1px solid #ccc; padding:5px; margin:15px 15px 0 15px; color:#333; font-weight:normal;}
#calendar_left h4 {margin:0; padding:10px 15px 0; color:#662629; font-size:14px;}
#calendar_left ul {margin:0 15px; padding:2px 0 5px 0; list-style:none; border-bottom:1px dashed #ccc;}
#calendar_left ul li {margin:0; line-height:18px;}
#calendar_left ul li p {margin:0; padding:7px 0 0;}
#calendar_left ul li.flyer {background:#eee; border:1px solid #bbb; width:107px; padding:5px 5px 5px 10px; margin:5px 0;}
#calendar_left ul li.flyer img {display:block; float:left; padding-right:7px;}
#calendar_left ul li.flyer a {text-decoration:none; color:#000; font-size:16px;}
#calendar_left ul li.flyer a:hover {text-decoration:underline !important;}
#calendar_left #calendar_top {background:#eee; border:1px solid #bbb; padding:10px 15px; width:450px; margin:0 auto;}
#calendar_left #calendar_top h2 {margin:0; padding:0; font-size:12px;}
#calendar_left #calendar_top ol {font-size:11px; margin:5px 18px; padding:0;}
#calendar_left #calendar_top ol li {padding-bottom:2px;}
#calendar_right {float:left; width:170px;}
#calendar_left #calendar_top p {font-size:11px; margin:0; padding:0;}
#calendar_left #calendar_top p a {color:#000;}

#calendar_form {padding:0 15px;}
.input {padding-bottom:5px;}
.input a {color:#000;}
.input a:hover {text-decoration:none;}
.error {color:#ff0000; font-size:10px; font-weight:bold;}

/* Photos Styles */
#photos_main h1 {margin:0 15px 10px; padding:5px 0 2px 0; font-size:14px; font-weight:normal; border-bottom:1px solid #ddd; width:500px;}
#photos_main h2 {margin:0; padding:10px 15px; font-size:12px; font-weight:normal;}
#photos_main h3 {margin:0; padding:0 15px 10px 15px; font-size:24px; font-weight:normal;}

.photos {float:left; width:565px; border:1px solid #ccc; margin:10px 0 0 15px; padding:0 !important;}
.photos img {float:left; display:block; padding:10px;}
.photos div {float:left; padding-left:10px;}
.photos div h2 {padding:15px 0 0 15px !important; margin:0 !important; color:#690205; font-weight:bold !important;}
.photos div p {margin:0; padding:10px 0 0 15px !important; font-size:11px;}

/* Artists Page Styles */
.artists {float:left; width:275px; border-top:1px solid #ccc; margin:15px 0 0 15px;}
.artists img {float:left; display:block; margin-top:10px;}
.artists div {float:left; margin:15px 0 0 10px;}
.artists div h2 {padding:0!important; margin:0 !important; color:#690205; font-weight:bold !important;}
.artists div h3 {font-size:10px !important; margin: 5px 0 0 !important; padding:0 !important;}

/* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */
div.content {display:none; float:right; width:500px;}
div.content a, div.navigation a {text-decoration:none; color:#000; font-size:11px;}
div.content  a:focus, div.content  a:hover, div.content  a:active {color:#990000;}
div.controls {margin-top:5px; height:23px;}
div.controls a {padding:5px;}
div.ss-controls {float:left;}
div.nav-controls {float:right;}
div.loader {background:url("images/site/loader.gif") no-repeat center; width:550px; height:350px}
div.slideshow {clear:both;}
div.slideshow span.image-wrapper {float:left;}
div.slideshow a.advance-link {padding:2px; display:block; border:1px solid #eee;}
div.slideshow img {border:none; display: block;}
div.caption {padding-bottom:10px;}
div.download {float:right;}
div.embox {clear:both; padding:12px;}
div.image-title {font-size:12px;}
div.image-desc {line-height:1.3em; padding-top:12px;}

/* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */
div#page {width:800px; margin:0 25px; text-align:left;}
ul.thumbs {clear:both; margin:0; padding:0;}
ul.thumbs li {float:left; padding:0; margin:5px 10px 5px 0; list-style: none;}
a.thumb {padding: 2px; display:block; border: 1px solid #ccc;}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {outline:none;}
ul.thumbs img {border:none; display:block;}
div.pagination {clear:both;}
div.pagination a, div.pagination span.current {display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #ccc;}
div.pagination a:hover {background:#eee; text-decoration:none;}
div.pagination span.current {background:#670c10; border:1px solid #eee; color:#fff;}
div.navigation div.top {margin-bottom:12px; height:11px;}
div.navigation div.bottom {margin-top:12px;}

div.overlay {background-image:url(images/site/white.png); width:600px; height:470px; display:none; padding:55px;} 
div.overlay div.close {background-image:url(images/site/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

/* CD Reviews */
.cd_left {float:left; padding-left:15px;}
.cd_right {float:left; padding-left:10px; width:400px; text-align:left !important;}
span.cd_title {display:block; width:400px; font-size:18px; color:#690205; border-bottom:1px solid #eee; padding-bottom:2px; text-decoration:none !important;}
span.cd_artist {display:block; padding:5px 0 2px; border-bottom:1px solid #eee; text-decoration:none !important;}
.rating_bar {width:55px; background:url("images/site/star_x_grey.gif") 0 0 repeat-x; margin-top:10px; margin-left:15px;}
.rating_bar div {height: 12px; background:url("images/site/star_x_orange.gif") 0 0 repeat-x;}
.cdreview_text {clear:both;}
.cdreview_text p {text-align:left;}
.cdreview_text p a {color:#690004;}
.cdreview_text p a:hover {text-decoration:none;}

/* Church of the Month */
#churchofthemonth ul {list-style:none; margin:0 0 0 15px; padding:0;}
#churchofthemonth ul li {padding-bottom:5px;}

/* Clean Pages */
#clean_pg {width:700px;}
#clean_pg h1 {margin:0 15px 10px; padding:5px 0 2px 0; font-size:14px; font-weight:normal; border-bottom:1px solid #ccc;}
#clean_pg p {margin:0; padding:0 10px 10px 15px;}