/*
Theme Name: Global Sound System
Theme URI: http://www.newlight.com.au
Description: The Global Sound System Wordpress Theme.
Version: 1.0
Author: Nick Doherty
Author URI: http://www.newlight.com.au
*/


* { margin:0; padding:0; }

body {
	background: #231f20 url('images/bg.jpg') no-repeat top center;
	font-family: "Helvetica Nueu", "Helvetica", "Arial";
	font-size: 12px;
	color: #a7a9ac;
	line-height:15px;
}

#contain {
	width:964px;
	margin:0 auto;
	/*border: 1px #ccc solid;*/
	position:relative;
}


h2 {
	font-family: "Helvetica Nueu", "Helvetica", "Arial";
	font-size:26px;
	line-height:26px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:5px;
}

h3 {
	font-family: "Helvetica Nueu", "Helvetica", "Arial";
	font-size:16px;
	line-height:16px;
	color:#0199fe;
	text-transform:uppercase;
	margin-bottom:15px;
}

h4 {
	font-family: "Futura-Book", "Helvetica", "Arial";
	font-size:16px;
	line-height:15px;
	color:#0199fe;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-left:13px;
}

h5 {
	font-family: "Helvetica Nueu", "Helvetica", "Arial";
	font-size:13px;
	line-height:15px;
	color:#0199fe;
	text-transform:uppercase;
	margin-bottom:5px;
}

h6 {
	font-family: "Helvetica Nueu", "Helvetica", "Arial";
	font-size:12px;
	line-height:15px;
	color:#0199fe;
	text-transform:uppercase;
	margin-bottom:15px;
}

p a { color:#fff; }
	p a:hover { color: #0199FE; }

/*****************************************************************
 *********************     Header    *****************************
 *****************************************************************/
#header {
	position:relative;
}

	#gss_logo {
		width:732px;
		height:63px;
		background: url('images/gss_logo.png') no-repeat;
		margin-top:30px;
	}
	
	#ad_728x90 {
		width:746px;
		height:108px;
		/*background: url('images/ad_728x90.png') no-repeat;*/
		margin-top:5px;
	}
		#inside_728x90 {
			position:relative;
			top:10px;
			left:10px;
		}
	
	#tydi_logo {
		width:136px;
		height:69px;
		background: url('images/tydi_logo.png') no-repeat;
		position:absolute;
		right:90px;
		top:107px;
	}
	
	#menu {
		list-style-type:none;
		position:relative;
		left:2px;
		top:2px;
	}
		#menu li {
			float:left;
		}


/*****************************************************************
 *********************     Content    ****************************
 *****************************************************************/
#content-container {
	width:656px;
	float:left;
	position:relative;
}
	
	#content-top {
		background: url('images/content/content_top.png') no-repeat;
		width:656px;
		height:13px;
	}
	
	#content-middle {
		background: url('images/content/content_middle.png') repeat-y;
		width:656px;
		min-height:1200px;
		height:auto !important;
  		height:1200px;
	}
	
		#headline {
			background: url('images/content/headline.png') no-repeat;
			width:636px;
			height:46px;
			margin-left:10px;
			position:relative;
			bottom:3px;
		}
		
			#headline h1 {
				font-family: "Futura-Book", Helvetica;
				font-size:25px;
				line-height:25px;
				color:#0199fe;
				position:absolute;
				left:23px;
				top:9px;
				text-transform:uppercase;
			}
			
		
			
		#gallery { margin:20px 30px 30px 34px; }
		#copy { margin:20px 17px 0px 17px; padding-bottom:30px; }
			.inside-copy { margin:0px 17px 0px 17px; }
			#copy p { margin-bottom:5px; }
			
		.rule {
			border-bottom: 1px #7d7d7d solid;
			height:1px;
			line-height:1px;
			margin:15px 0px 15px 0px;
		}
		
		.thumb { float:left; width:136px; margin-right:20px; }
		.hero { float:right; margin: 0px 0px 20px 20px; }
		.teaser { float:left; width: 430px; }
			.teaser a { color:#ffffff; }
			
		.news-highlight {
			
		}
			.news-highlight a { color: #fff; }
	
		.interview-highlight p strong {
			color:#0199FE;
		}
	
		.full {	}
		
		.interview-full p strong {
			color:#0199FE;
		}
		
		.addthis_container { margin-top:20px; float:right; }
		
		.backbtn {
			font-size:15px;
			line-height:15px;
			color:#0199FE;
			position:relative;
			top:20px;
			text-transform:uppercase;
		}
		
		
	#content-bottom {
		background: url('images/content/content_bottom.png') no-repeat;
		width:656px;
		height:13px;
	}
	
	
/*****************************************************************
 *********************     GlobalTV    ****************************
 *****************************************************************/	
#headline-globaltv {
	background: url('images/content/globaltv-headline.png') no-repeat;
	width:636px;
	height:67px;
	margin-left:10px;
	position:relative;
	bottom:3px;
} 

	#headline-globaltv h1.globaltv {
		background: url('images/content/globaltv.png') no-repeat;
		width:219px;
		height:59px;
		position:relative;
		left:14px;
		font-family: "Helvetica Neue", "Helvetica", "Arial";
		font-size:18px;
		line-height:20px;
		color:#0199fe;
		text-transform:uppercase;
		margin-bottom:5px;
		text-indent:-9999.99px;
	}
	
	.videobg {
		/*background: url('images/content/video-bg.png') no-repeat;*/
		width:624px;
		height:399px;
	}
		.theactualvideo {
			position:relative;
			left:17px;
			/*top:11px;*/
			top:0px;
		}
	
	.globaltv-meta, .globaltv-data {
		margin-left:17px;
		margin-right:17px;
	}
	
	.globaltv-data-inside {
		margin:0px 17px 60px 17px;
	}
	
	.globaltv-meta {
		position:relative;
		bottom:15px;
	}
	
		.globaltv-meta .lbl-url { width: 30px; text-transform:uppercase; color:#fff; font-weight:bold; float:left; margin-top:3px; }
		
		.globaltv-meta .lbl-embed { 
			width: 50px; 
			text-transform:uppercase; 
			color:#fff; 
			font-weight:bold; 
			float:left; 
			margin-left:33px; 
			margin-top:3px;  
		}
		
		.globaltv-meta input { width:450px; float:left; margin:0; }
	
	#more-videos { padding-top:3px; }
	
	.globaltv-thumb-container { float:left; margin:0px 26px 30px 0px; width:96px; height:140px; overflow:hidden; }
		.globaltv-thumb-container a { color:#7d7d7d; }
		.globaltv-thumb-container a:hover { color:#0199FE; }
	.globaltv-thumb-container-last { float:left; margin:0px 0px 30px 0px; width:96px; height:140px; overflow:hidden; }
		.globaltv-thumb-container-last a { color:#7d7d7d; }
		.globaltv-thumb-container-last a:hover { color:#0199FE; }
		
		
	
	
	
/*****************************************************************
 *********************     Playlist    ***************************
 *****************************************************************/
 
.playlist-entry {
	background-color:#231f20;
	width:568px;
	padding:10px 13px;
}	

	.playlist-entry p {
		color:#a7a9ac;
	}
		.playlist-entry span.title {
			text-transform:uppercase;
		}
		
	.playlist-entry p a { color:#a7a9ac; }
	
	
/*****************************************************************
 *********************     Download    ***************************
 *****************************************************************/
.download-btn {
	width:100%;
	margin:30px 0;
}
	
	
/*****************************************************************
 *********************     Interview    **************************
 *****************************************************************/
.interview-audio {
	margin:20px 0;
	width:300px;
}

.listen-btn {
	float:left;
	position:relative;
	margin-right:20px;
	top:3px;
}
 
 
/*****************************************************************
 *********************     AOTW     ******************************
 *****************************************************************/

#aotw-left {
	width:298px;
	float:left;
	margin-right:20px;
}

#aotw-right {
	width:264px;
	float:left;
}

	.buy-album { float:right; position:relative; bottom:31px; }

	#track-list { 
	}
	
		#track-list ol {
			margin-left:30px;
			list-style-type:decimal-leading-zero;
		}
		
		
		#aotw-track-listing {
			font-family: "Helvetica Nueu", "Helvetica", Arial;
			font-size:18px;
			line-height:18px;
			color:#0199FE;
			text-transform:uppercase;
		}
		
		
		
		
		
/*****************************************************************
 *********************     Sidebar    ****************************
 *****************************************************************/
#sidebar {
	width:320px;
	position:absolute;
	top:238px;
	right:-6px;
}

	#player {
		/*background: url('images/sidebar/player_holder.png') no-repeat;*/
		width:318px;
		height:434px;
	}
	
	#ad_300x250 {
		/*background: url('images/sidebar/ad_300x250.png') no-repeat;*/
		width:318px;
		height:268px;
	}
		#inside_300x250 {
			position:relative;
			top:9px;
			left:9px;
		}
	
	#buttons {
		margin-top:14px;
		position:relative;
		left:9px;
	}
	
		#subscribe_itunes { 
			background: url('images/sidebar/buttons/subscribe_itunes.png') no-repeat; 
			width: 300px; 
			height:43px;
			margin-bottom:5px; 
		}
		
		#facebook { 
			background: url('images/sidebar/buttons/facebook.png') no-repeat; 
			width: 147px; 
			height: 40px; 
			float:left;
			margin:0px 6px 6px 0px;
		}
		
		#mailing_list { 
			background: url('images/sidebar/buttons/mailing_list.png') no-repeat; 
			width: 147px; 
			height: 40px;
			float:left;
			margin:0px 6px 6px 0px; 
		}
		
		#twitter { 
			background: url('images/sidebar/buttons/twitter.png') no-repeat; 
			width: 147px; 
			height: 40px;
			float:left;
			margin:0px 6px 6px 0px; 
		}
		
		#youtube { 
			background: url('images/sidebar/buttons/youtube.png') no-repeat; 
			width: 147px; 
			height:40px;
			float:left;
			margin:0px 6px 6px 0px; 
		}
		
		#myspace { 
			background: url('images/sidebar/buttons/myspace.png') no-repeat; 
			width: 147px; 
			height:40px;
			float:left;
			margin:0px 6px 6px 0px; 
		}
		
		#tydi { 
			background: url('images/sidebar/buttons/tydi.png') no-repeat; 
			width: 147px; 
			height:40px;
			float:left;
			margin:0px 6px 6px 0px; 
		}
		
		#facebook-friends {
			left:9px;
			position:relative;
			top:15px;
		}
		
		
/*****************************************************************
 **********************     Forms    *****************************
 *****************************************************************/ 		
label {
	font-weight:bold;
	width:100px;
	float:left;
	margin:5px;	
	margin-left:0px;
	position:relative;
	top:3px;
}

input {
	width:200px;
	float:left;
	margin-left:10px;
	margin:5px;
}

textarea {
	width:204px;
	float:left;
	margin:5px;
}


/*****************************************************************
 *********************     Footer    ****************************
 *****************************************************************/ 
#footer {
	width:100%;
	margin: 50px 10px 50px 0px;
	/*border:1px #ccc solid;*/
}

	#copyright {
		float:right;
	}
	
		#copyright p {
			margin-right:8px;
			font-size:10px;
			line-height:15px;
			color:#a7a9ac;
			text-align:right;
		}
		
		#copyright p a {
			text-decoration:none;
			color:#a7a9ac;
		}
		
		#copyright p a:hover {
			color:#0199FE;
		}
		
		
		
		
/*****************************************************************
 *********************     Gallery    ****************************
 *****************************************************************/ 
/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 140px;
	float:left;
	margin-right:50px;
	display:block !important;
}

	.ngg-album {
	    height: 100%;
	    padding: 5px;
	    margin-bottom: 5px;
	    /*border: 1px solid #fff;*/
	}

	/* IE6 will ignore this , again I hate IE6 */
	/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
	html>body .ngg-album {
	    overflow:hidden;
	    padding: 5px;
	    margin-bottom: 5px;
	    /*border: 1px solid #cccccc;*/
	} 

	.ngg-album {
		overflow: hidden;
		padding: 5px;
		margin-bottom: 5px;
		/*border: 1px solid #cccccc;*/
	}

	.ngg-albumtitle {
		text-align: left;
	 	font-weight: bold;
		margin:0px;
		padding:0px;
		font-size: 1.4em;
		margin-bottom: 0px;
		margin-left:5px;
	}
	
		.ngg-albumtitle h6 {
			margin-bottom:5px;
		}
		
	.ngg-thumbnail {
		float: left;
		margin-right: 12px;
	}
	
	.ngg-thumbnail img {
		background-color:#FFFFFF;
		border:1px solid #A9A9A9;
		margin:4px 0px 4px 5px;
		padding:4px;
		position:relative;
	}
	
	.ngg-thumbnail img:hover {
		background-color: #A9A9A9;
	}
	
	.ngg-description {
		text-align: left;
		margin-left:5px;
	}


/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 30px;
	margin-bottom:20px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}


/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

	.ngg-navigation span {
		font-weight:bold;
		margin:0pt 6px;
	}
	
	.ngg-navigation a.page-numbers,
	.ngg-navigation a.next,
	.ngg-navigation a.prev, 
	.ngg-navigation span.page-numbers,
	.ngg-navigation span.next,
	.ngg-navigation span.prev {
		border:1px solid #DDDDDD;
		margin-right:3px;
		padding:3px 7px;
	}
	
	.ngg-navigation a.page-numbers:hover,
	.ngg-navigation a.next:hover,
	.ngg-navigation a.prev:hover, 
	.ngg-navigation span.page-numbers:hover,
	.ngg-navigation span.next:hover,
	.ngg-navigation span.prev:hover {
		background-color: #0066CC;
		color: #FFFFFF !important;
		text-decoration: none !important;
	}
	
	
	
/******************
 ******************
 *** Validation ***
 ******************
 ******************/
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#0199FE;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#0199FE;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  



/*****************************************************************
 *********************     Linkage    ****************************
 *****************************************************************/ 
a { outline:none; text-decoration:none; }