/*
Theme Name: Gaither
Theme URI: http://www.gaither.com/
Description: Custom Wordpress theme for Gaither Music.
Version: 1
Author: Vest Advertising
Author URI: http://www.vestadvertising.com/
Tags: 

	©2009 Gaither. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/


/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */

/*######################################
  =General  Styles
######################################*/.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}

/*######################################
  =Element Styles
######################################*/

a {text-decoration:none; outline:none; color:#4b5567}
	a:hover {text-decoration:underline;}

.buy-tickets {display:block;width:156px;height:43px;background:#fff url(images/buy-ticket.jpg) no-repeat 0 0;text-indent:-9999px;text-decoration:none}

h1 {display:none}
h2 {clear:both; margin-bottom:2px; font-size:24px; font-weight:normal; text-transform:uppercase; color:#999ea8; border-bottom:6px solid #999ea8}

.blog-section h3 {font-size:18px}
.tour h3,
#show-page h3 {font-size:18px}
.tour-detail h3 {margin-bottom:1em} 
.show-details h3 {margin-bottom:.5em}
.tour-dates h3 {margin-bottom:1em}

.show-info ul {list-style:disc;margin:0 1.5em 1.5em}

#article p {margin-bottom:1.5em}
#article h2 {margin-bottom:.75em}
#article a {text-decoration:underline; outline:none; color:#4b5567}
#article a:hover {text-decoration:underline; font-style: bold; color:#091a39}

small {font-size:12px;}

small.dateline {display:block;margin-bottom:1em}
.postmetadata {font-size:12px;color:#999ea8}

/*######################################
  =General Layout Styles 
######################################*/

body {font:14px/1.5 Helvetica, sans-serif; color:#4B5567; background-color:#091A39}

#wrapper {overflow:hidden; margin:0 auto; width:960px; padding:0 15px; background:#fff url(images/wrapper_bg.jpg) 0 0 repeat-y}
  
	#navigation {width:960px; list-style-type:none}
  		#navigation li {float:left; position:relative;display:inline; height:45px}
			#home_link a {display:block; height:45px; text-indent:-999em;width:108px; background:url(images/home_link.jpg) left top no-repeat}
			#tour_link a {display:block; height:45px; text-indent:-999em;width:159px; background:url(images/tour_link.jpg) left top no-repeat}
			#artists_link a {display:block; height:45px; text-indent:-999em;width:107px; background:url(images/artists_link.jpg) left top no-repeat}
			#community_link a {display:block; height:45px; text-indent:-999em;width:155px; background:url(images/community_link.jpg) left top no-repeat}
			#shop_link a {display:block; height:45px; text-indent:-999em;width:95px; background:url(images/shop_link.jpg) left top no-repeat}
			#media_link a {display:block; height:45px; text-indent:-999em;width:116px; background:url(images/media_link.jpg) left top no-repeat}
			#members_link a.memberlink {display:block; height:45px; text-indent:-999em;width:219px; background:url(images/members_link.jpg) left top no-repeat}
		
				#member-menu {
					width:187px;
					display:none;
					position:absolute;
					top:45px;
					right:0;
					z-index:100;
					padding:6px 16px 24px 16px;
					background-color:#4d5369;
					-moz-border-radius-bottomleft:8px;
					-moz-border-radius-bottomright:8px;
					-webkit-border-bottom-left-radius:8px;
					-webkit-border-bottom-right-radius:8px;
				}
				
				#member-menu label {color:#fff;font-size:12px;}
					#member-menu #username,
					#member-menu #mpassword {display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #949bb6;font-size:12px;margin:0 0 12px 0;padding:5px;width:175px;}
				
				#signin_submit {font-size:12px}
				
				#member-menu p {color:#fff}
					
				#member-menu p.forgot {padding:8px 0 6px 6px;border-bottom:1px dotted #949bb6;}
					#member-menu p.forgot a {color:#ccc !important;font-size:11px}

				#member-menu p.signup {font-size:11px;color:#ccc;padding:6px 0 6px 6px;border-bottom:1px dotted #949bb6;margin-bottom:1em}
					#member-menu p.signup a {color:#fff;font-size:11px}
					
					div.pitch p {padding-left:6px;font-size:11px;}
					  		div.pitch ul {margin:0 0 0 6px;padding-top:4px;list-style:disc !important}
					  			div.pitch ul li {float:none !important; display:block !important; height:18px !important;color:#fff;font-size:11px;}
					  				div.pitch ul li a {color:#fff;text-decoration:underline}
					  				div.pitch ul li a:hover {text-decoration:none}

	#content {clear:both; float:left; width:934px; padding:13px}
	
	#article {float:left;width:584px;padding-right:20px;display:inline}
	
	.entry {padding-top:18px}
	.post {border-bottom:1px dotted #999ea8;margin-bottom:1em}
	.tour {border-bottom:1px dotted #999ea8;margin-bottom:1em;padding-bottom:1.5em}
		.tour img,
		.tour-detail img {display:block;width:570px;margin-bottom:12px;border:0}
		.show-details img {width:240px;float:left;margin-right:18px;display:inline}
		.tour div {width:450px}
		.show-details div {float:left;width:300px}
		
		.tour-dates li {display:block;position:relative;padding:6px 0;border-bottom:1px dotted #999ea8;zoom:1}
			.tour-dates a {float:left;margin-right:18px;display:inline}
			.tour-dates a.show-date {text-decoration:underline}
			.tour-dates a.show-date:hover {text-decoration:none}
			.tour-dates span.presale {display:block;position:absolute;top:10px;right:4px;font-size:11px;color:red;font-weight:bold;text-transform:uppercase}
			.tour-dates span.presale a {font-size:11px;color:red;font-weight:bold;text-transform:uppercase}
			.tour-dates span.presale em {font-size:11px;color:#555555;font-weight:normal;text-transform:uppercase}
		
		#presale {
			width:544px;float:left;margin-bottom:1.5em;background-color:#f0efea;padding:8px 18px;border:1px solid #a9bdcc;font-size:12px;
			-moz-border-radius:6px;-webkit-border-radius:6px;-opera-border-radius:6px;border-radius:6px;
		}
		
		#presale a {text-decoration:underline}
		#presale a:hover {text-decoration:none}
		
	#sidebar {float:left; padding-top:48px; width:310px; background:url(images/logo.jpg) 50% top no-repeat}		
		#sidebar h2 {margin-bottom:15px}
		#sidebar ul {list-style-type:none}
		#sidebar p, #sidebar cite {margin-bottom:15px; font-size:12px}
		#sidebar blockquote {font-size:12px}
		
		#sidebar .gallery {display:none}
		
		#news {float:left; margin-bottom:35px; padding-top:11px; color:#fff; background:url(images/news_bg.jpg) left top no-repeat}
			#news ul {float:left; padding-bottom:13px; background:url(images/news_bottom_bg.jpg) left bottom no-repeat}
				#news ul li {overflow:hidden; padding:5px 10px; border-top:1px solid #666b74; background:#898f9b url(images/news_item_bg.jpg) left top repeat-x}
				#news img {
					float:left;margin-right:5px;display:inline; 
					-moz-border-radius:6px;-webkit-border-radius:6px;-opera-border-radius:6px;border-radius:6px;
				}
				#news h4, #news p {float:left; margin-bottom:0; width:225px}
				#news h4 a {color:#ffffff}
		.newsarchive {float:right; font-size:.85em; padding-right:10px; }
		.tvradio {clear:both; display:inline; }
		.firstimg {padding-right:3px;}
			
	#footer {clear:both; overflow:hidden; padding:25px; font-size:11px; text-transform:uppercase; color:#fff; background:#4b5567 url(images/footer_bg.jpg) left top repeat-x}
		#company_info {float:left; display:inline; margin-right:30px; width:307px}
			#brand {width:307px; height:50px; text-indent:-999em; background:url(images/copyright.jpg) left top no-repeat} 
			#contact_us {margin-top:40px; width:115px; height:21px; background:url(images/contact_us.jpg) left top no-repeat}
			#contact_us a {display:block; text-indent:-999em}
		#sitemap, #recent_news, #connect {float:left; display:inline; margin:0 15px; width:160px}
		#footer ul {margin:12px 0 0 12px;list-style:disc}
		#sitemap h3 {width:65px; height:12px; text-indent:-999em; background:url(images/sitemap_headline.jpg) left top no-repeat}
		#recent_news h3 {width:102px; height:12px; text-indent:-999em; background:url(images/recent_news_headline.jpg) left top no-repeat}
		#connect h3 {width:74px; height:12px; text-indent:-999em; background:url(images/connect_headline.jpg) left top no-repeat}
		#footer a {color:#fff}
		
/*######################################
  =Homepage Styles 
######################################*/		

#spotlight {width:605px;height:350px;padding:0 1px 5px 1px;background:transparent url(images/spotlight_bg.png) no-repeat 0 0}
	#spotlight .carouselBtn {display:none}
	#spotlight h2 {font-size:28px !important; line-height:1 !important;font-weight:normal !important;color:#ffffff; border-bottom:0}
	#spotlight p {font-size:14px !important;}
		#spotlight p a {text-decoration:underline}
		#spotlight p a:hover {text-decoration:none}
#features {float:left; display:inline; margin-right:20px; width:604px}
	#artist_spotlight {float:left; width:604px; list-style-type:none}
		#artist_spotlight li {float:left; display:inline; margin:2px; width:196px; height:127px; }
	#featured_products ul {margin:12px 0; width:100%; list-style-type:none; text-align:center;}
		#featured_products li {float:left; display:inline; width:200px; text-align:center}
			#featured_products h3 {font-size:14px; text-transform:uppercase; font-weight:normal}
			#featured_products p {color:#7a8494}
			#featured_products .buy_now {margin:0 auto; width:134px; height:24px}
			#featured_products .buy_now a {display:block; width:135px; height:24px; text-indent:-999em; background:url(images/buy_now_button.jpg) left top no-repeat}

/*######################################
  =Artist List Styles 
######################################*/

#artist_tweets {float:left}
	#artist_tweets li {float:left; display:inline; padding:5px}
		#artist_tweets img {float:left; display:inline; margin-right:10px}
		#artist_tweets p {float:left; width:230px; margin-bottom:0}
		#artist_tweets li cite {display:block;margin:5px 0 10px 0; font-size:10px; font-style:italic; color:#999ea8; }	

#full-artist-listing-page #article ul li {display:block;padding:6px 0;border-bottom:1px dotted #999ea8;zoom:1}

/*######################################
  =Artist Detail Styles 
######################################*/

.artists-section #flash_feature {padding-bottom:3px;background:#fff url(images/featured-image_bg.jpg) no-repeat 0 100%}
	.artists-section #flash_feature img {display:block;}

#featured_products #more {clear:both; display:block; width:100%; margin-top:15px; text-align:right; text-transform:lowercase; font-style:italic}
	#featured_products #more a {text-decoration:underline; color:#7a8494}
		#featured_products #more a:hover {text-decoration:none}

#featured_products table {width:100%}
	#featured_products table td {padding:6px 0;border-bottom:1px dotted #999ea8}

#artist_videos {float:left; margin-bottom:25px; width:604px; list-style-type:none}
	#artist_videos li {float:left; display:inline; padding:1px; margin:12px 10px 0 0; width:179px; height:107px; border:1px solid #ccc}
#photo_gallery {float:left; width:604px; margin-bottom:25px; list-style-type:none}
	#photo_gallery li {float:left; display:inline; margin:12px 30px 8px 0; width:100px; height:100px}
#artist_news {color:#4b5567}
	#artist_news li {clear:both; width:96%;float:left; display:inline; padding:2%}
		#artist_news h3 {margin:0; font-weight:normal; font-size:18px}
		#sidebar #artist_news p {margin-bottom:3px}
		#sidebar #artist_news cite {float:left; margin-bottom:3px; font-size:10px; font-style:italic}
		#artist_news .read_more {float:right; font-size:10px; font-style:italic}
			#artist_news .read_more a {text-decoration:underline}
				#artist_news .read_more a:hover {text-decoration:none}
				
/*######################################
	=Media Styles 
######################################*/				


#media-featured h2 {border:none}
#media-featured div {width:480px;margin:0 auto}
#media-featured .gallery {display:none}

#media-page #artist_videos li {margin-right:25px; width:120px; height:71px} 
	#media-page #artist_videos li img {width:120px}
	
#media-page #photo_gallery li {margin-right:20px; padding-top:5px;height:130px; width:91px; text-align:center; background:url(images/photo_galleries_bg.jpg) left top no-repeat}
	#media-page #photo_gallery li img {width:77px; height:77px; border:1px solid #dcdcdc}
	#media-page #photo_gallery li a.title {display:block;padding:6px 0 8px 0;font-size:12px;line-height:1 !important}
	
	#media-page #artist_videos .more,
	#media-page #photo_gallery .more {clear:both; display:block; width:100%; height:auto; margin:15px 0 0 0; text-align:right; text-transform:lowercase; font-style:italic; border:none; background:none}
		#media-page #artist_videos .more a,
		#media-page #photo_gallery .more a {text-decoration:underline; color:#7a8494}
			#media-page #artist_videos .more a:hover,
			#media-page #photo_gallery .more a:hover {text-decoration:none}	

    .photo-gallery h3 {font-size:18px;padding:12px 0 8px 0;margin-bottom:18px;border-bottom:1px dotted #ccc}
    .photo-gallery .album h3 {padding:4px 0 4px 0;margin-bottom:0;border-bottom:0}
#all-shows {width:308px;margin-bottom:1.5em;border:1px solid #999EA8}
	#all-shows h3 {height:24px;padding:7px 0 0 8px;background:transparent url(images/all-shows-header-bg.jpg) repeat-x 0 0;}
		#all-shows h3 a {display:block;height:16px;background:transparent url(images/accordion-arrow.jpg) no-repeat 270px 0;font-size:11px;color:#fff;text-transform:uppercase}
		#all-shows h3.ui-state-active a {background:transparent url(images/accordion-arrow.jpg) no-repeat 270px -16px;}
		
	#all-shows ul li {display:block;position:relative;padding:8px 8px;border-bottom:1px dotted #999EA8;font-size:11px;zoom:1}
		#all-shows ul li span.presale {display:block;position:absolute;top:9px;right:8px;font-size:11px;color:red;font-weight:bold;text-transform:uppercase}