/**
 * @author		Jonathan Cochran <jono.cochran@gmail.com> 
 * @copyright	(c) 2009 fabric creative <fabriccreative.com>
 * 
 * COLOURS --
 * green	: #39a22a
 * blue		: #zzzzzz
 * --------------------------------------------------------- */
@import url("reset.css");
/* div, img, a 				{ behavior: url('js/iepngfix.htc') } */

body 						{ background: url('../images/bg.jpg') fixed center top; color: white; }


a:link, a:visited 			{ color: white; text-decoration: none; }
a:hover						{ color: red; }
a:active					{ color: red;}

/**
 *  RESIZABLE BACKGROUND
 * --------------------------------------------------------- */
div#background-image 		{ width: 100%; height: 100%; position: fixed; overflow: hidden; top: 0;  }
div#background-image img	{ float: right; height:100%; width:100%; position:absolute; z-index: 0; }

/**
 *  NAVIGATION
 * --------------------------------------------------------- */
div#navigation	 			{ padding: 20px 0; margin: 0; margin-top: 50px; width: 100%; background: black; z-index: 2; }
div#navigation a		 	{ background: url('../images/nav.gif') no-repeat; display: block; float: left; width: 30px; height: 26px; }
a.logo						{ padding: 0 15px; background: none  !important; width: 160px !important;}
a.nav-home					{ background-position:      0 2px !important; width: 43px !important; }
a.nav-about					{ background-position:  -43px 2px !important; width: 50px !important; }
a.nav-tour					{ background-position:  -93px 2px !important; width: 79px !important; }
a.nav-videos				{ background-position: -172px 2px !important; width: 53px !important; }
a.nav-resources				{ background-position: -225px 2px !important; width: 77px !important; }
a.nav-campaign				{ background-position: -302px 2px !important; width: 85px !important; }
a.nav-fans					{ background-position: -387px 2px !important; width: 85px !important; }
a.nav-contact				{ background-position: -472px 2px !important; width: 63px !important; }
a.nav-worshipper			{ background-position: -535px 2px !important; width: 129px !important; }
a.nav-blog					{ background-position: -664px 2px !important; width: 42px !important; }
a.nav-store					{ background-position: -706px 2px !important; width: 34px !important; }
img.logo					{ padding: 15px 20px; }
div.nav-bg					{ cursor: pointer; left: 0; position: absolute; height: 20px; overflow: hidden; background: #fff url('../images/nav.gif') no-repeat 5px -48px; margin-left: -50px; width: 50px; padding: 2px 1px 6px 1px; }


/**
 *  CONTENT
 * --------------------------------------------------------- */
div#content		 			{ display: block; width: 100%; height: 100%;overflow: hidden }
div#page					{ background: black; padding: 4px; margin-top: 10px;}
div#page-content			{ padding: 30px;}
img#page-title				{ display: block; padding: 0 0 10px 0; }
div#page-content hr			{ border: none; border-bottom: 1px dashed #cdd8a1; margin-bottom: 20px; height: 1px; }

ul#footer 					{ margin: 10px 0 30px 0; background: black; padding: 15px 20px 10px 20px; list-style: none; }
ul#footer li				{ float: left; line-height: 20px; vertical-align: middle; width: 33%; font-size: 70%; text-transform: uppercase; color: white;}
ul#footer a					{ opacity: .7; filter: alpha(opacity=70); }
ul#footer a:hover			{ opacity: 1;  filter: alpha(opacity=100); }
img#footer-unhindered		{ margin: 0 auto; padding: 0 0 20px 0; display: block; width: 25px;}

/**
 *  HOMEPAGE
 * --------------------------------------------------------- */
.mp3player					{ position: absolute; margin-left: 663px; margin-top: -28px; }
div#banner					{ margin-top: 10px; overflow: hidden; width: 960px; height: 285px; }
div#banner ul,div#banner li { list-style: none; margin: 0; padding: 0; text-indent: none; }
div#banner li				{ float: left;}
div#banner li img 			{ display: block; clear: both; }

div.widget					{ margin: 10px 10px 0 0; float: left; width: 303.3px; border: 5px solid black; height: 295px; overflow: hidden; background: white; opacity: 0; filter: alpha(opacity=0); }
div.widget-news				{ background: url('../images/widget-news.jpg') no-repeat;}
div.widget-album			{ background: url('../images/widget-album.jpg') no-repeat;}
div.widget-album:hover		{ background: url('../images/widget-album.jpg') no-repeat 0 -296px;}
div.widget-tour				{ background: url('../images/widget-tour.jpg') no-repeat; margin-top: 10px !important;}
div.widget-campaign			{ background: url('../images/widget-ad1.jpg') no-repeat;}
div.widget-fans				{ background: url('../images/widget-fans.jpg') no-repeat;}
div.widget-worshipper		{ background: url('../images/widget-ad3.jpg') no-repeat; margin-top: 10px !important;}
div.widget-album a,
div.widget-campaign a,
div.widget-fans a,
div.widget-worshipper a		{ display: block; height: 100%; width: 100%;}

div.widget-news ul 			{ margin: 50px 0 0 0; padding: 0px; border-top: 1px dashed black;}
div.widget-news li			{ list-style: none; margin: 0; padding: 0; color: black; font-size: 11px; height: 40px;} /* IE BUG FIX */
div.widget-news a			{ background: url('../images/more.gif') no-repeat 92% center; opacity: .6; filter:alpha(opacity=60); display: block; padding: 0 18px; color: black; line-height: 42px; font-weight: bold;}
div.widget-news a.odd		{ background: white url('../images/more.gif') no-repeat 92% center; }
div.widget-news a:hover		{ opacity: 1; filter:alpha(opacity=100); } 
div.widget-news .last		{ border-top: 1px dashed #000; }
div.widget-news .last a		{ background: none; line-height: 25px; text-align: right; font-size: 14px; letter-spacing: -1px; }

div.widget-tour ul 			{ margin: 50px 0 0 0; padding: 0px; border-top: 1px dashed black;}
div.widget-tour li			{ list-style: none; margin: 0; padding: 0; color: black; font-size: 11px; height: 40px;} /* IE BUG FIX */
div.widget-tour a			{ background: url('../images/more.gif') no-repeat 92% center; opacity: .6; filter:alpha(opacity=60); display: block; padding: 0 18px; color: black; line-height: 40px; font-weight: bold;}
div.widget-tour a.black		{ background: url('../images/more-black.gif') no-repeat 92% center; }
div.widget-tour a.odd		{ background: #ededed url('../images/more.gif') no-repeat 92% center; }
div.widget-tour a:hover		{ opacity: 1; filter:alpha(opacity=100); } 
div.widget-tour .last		{ border-top: 1px dashed #000;; }
div.widget-tour .last a		{ background: none; line-height: 25px; text-align: right; font-size: 14px; color: #fff; letter-spacing: -1px; }

/**
 *  INDIVIDUAL PAGES
 * --------------------------------------------------------- */
div.contact-page h3			{ padding: 20px 0 5px 0; margin: 0; }
div.contact-page a			{ padding: 0;}

div#news-content			{ float: left; width: 579px; padding-right: 30px; border-right: 1px solid #333; }
div#news-headlines			{ float: left; width: 230px; padding-left: 30px; }
div#news-headlines h2		{ padding: 0 0 10px 0; }
div#news-headlines a		{ font-size: 11px; display: block; padding: 5px 8px; background: #222; margin-bottom: 2px;}
div.news-item 				{ padding-bottom: 40px; }
h2.news-title,
h2.news-title a				{ font-size: 24px; padding: 0; color: #cdd8a1;}
span.news-date				{ font-size: 11px; color: #333; text-transform: uppercase; display: block;}

div.tour-page				{ background: url('../images/page-header-tour.jpg') no-repeat; padding-top: 380px !important;}
table.tour-dates			{ width: 100%; }
tr.tour-heading td 			{ padding: 12px 0 8px 0 !important; margin: 0;}
table.tour-dates td			{ padding: 5px 0; border-top: 1px dashed #fff; font-size: 12px; color: #cdd8a1;}
table.tour-dates tr:hover   { cursor: pointer; }
tr.tour-heading:hover		{ background: none !important; cursor: default !important; }
div.tour-info				{ display: none; padding: 25px 45px; background: black;  }
div.tour-info a 			{ color: red; }
div.tour-info h1			{ color: white; font-size: 36px; }
div.tour-info label			{ float: left; display: block; padding: 0 0 5px 10px; color: white; width: 100px; }		
div.tour-info span			{ float: left; display: block; padding: 0 0 5px 10px; color: white; width: 250px; overflow: auto; }

div.videos					{ }
div.video-item				{ text-align: center; float: left; margin: 0 50px; height: 130px; }
div.video-item img 			{ border: 3px solid white; width: 100px; display: block;}
span.video-title			{ display: block; width: 100px; color: #555; padding: 3px 0; font-size: 11px; }
div.fullscreen-video		{ width: 700px !important; height: 450px !important; margin-top: -225px !important; left: -350px !important; }
div.fullscreen-video-desc	{ margin: 10px 0 0 25px; width: 550px; overflow: hidden; }
a.fullscreen-video-close	{ margin-top: 195px !important; left: 250px !important; }

div#resources-photos		{ background: url('../images/resources-photos.gif') no-repeat; padding: 30px 0; border-bottom: 1px dashed #cdd8a1; }
div#resources-downloads		{ background: url('../images/resources-downloads.gif') no-repeat; margin-top: 30px; padding: 30px 0;}
div.photo-item				{ text-align: center; float: left; margin: 0 50px; height: 130px; }
div.photo-item img 			{ border: 3px solid white; width: 100px; display: block;}
span.photo-title			{ display: block; width: 100px; color: #555; padding: 3px 0; font-size: 11px; }
div#resources-downloads small { color: #555; font-size: 75%;}
div#resources-downloads ul  { width: 400px; float: left; }
div#resources-downloads li 	{ padding-bottom: 15px; }

div#fan-submit 				{ padding: 0px 0 40px 0;}
div#fan-photos				{ width: 439px; padding: 30px 0 0 0; float: left; background: url('../images/fan-photos.gif') no-repeat; border-right: 1px dashed #cdd8a1; }
div#fan-videos				{ width: 450px; padding: 30px 0 0 0; float: left; background: url('../images/fan-videos.gif') no-repeat 40px 0; } 
div#fan-photos .photo-item	{ width: 106px; height: 140px !important; margin: 0 40px 0 0 !important; }
div#fan-videos .video-item	{ width: 106px; height: 140px !important; margin: 0 0 0 40px !important; }

/**
 *  FULLSCREEN
 * --------------------------------------------------------- */
div#fullscreen-bg			{ position: absolute; width: 100%; z-index: 998; height: 100%; top: 0; display: none; background: black; opacity: 0;}
div#fullscreen-content img	{ cursor: pointer; }
div#fullscreen-content		{ 
								position: fixed; 
								width: 500px; 
								z-index: 999; 
								height: 300px;
								margin-left: 50%; 
								margin-top: -150px;
								-moz-border-radius: 5px;
							 	left: -250px; 
								top: 50%; 
								opacity: 0; 
								display: none; 
								background: black url('../images/loadinfo.net') no-repeat center center;
								border: 3px solid #fff;
							}								
a#fullscreen-close 			{ position: fixed; z-index: 1000; margin-left: 50%; top: 50%; margin-top: -130px; left: 150px; color: white; display: none;}