/*=================================================
	CSS document:
	Vigour Records / Listen Well™
	
	Hey Adobe 8,192 bytes?
	Jerks.
=================================================*/

/* 
---------------------------------------------------------
	Neutralize styling: Elements with a vertical margin
---------------------------------------------------------
*/

*, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0px;
	padding: 0px;
}
li, dd {
	margin-left: 0;
	padding: 0px;
}
img, a {
	outline: none;
	border: none;
}
hr {
	background: url('../img/shared/hr-dash.gif') repeat-x;
	border: none 0;
	/*border-top: 1px solid #000;*/
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
	height: 3px;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* 
---------------------------------------------------
	Site CSS Begins
---------------------------------------------------
*/

html, body {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:19px;
	font-family: Helvetica, Arial, sans-serif;
	color:#b7b7bc;
	height:100%;
}
body {
	text-align:left; /* for IE */
	background: #2c2c2f url('../img/bg/bg-tile-main.gif') repeat top left;
}
/* 
---------------------------------------------------
	Miscellaneous / Global Styles
---------------------------------------------------
*/

/* Clearer Div */

.clear {
	margin: 0px;
	padding: 0px;
	height: 0;
	clear: both;
}
/* 
---------------------------------------------------
	Wrapper/Container Divs
---------------------------------------------------
*/

#player {
	position: absolute;
	z-index: 100;
	display: block;
	margin: 0px;
	padding: 0px;
	left:0;
	right:0;
	width: 100%;
	height: 40px;
	background: #4e4e53 url('../img/bg/bg-player.gif') repeat-x left top;
}
#player .right {
	display: block;
	width: 49%;
	float: right;
	text-align: right;
}
#player .left {
	display: block;
	width: 49%;
	float: left;
	height:40px;
}
#player .left p {
	margin: 0px;
	padding: 0 0 0 13px;
	line-height: 39px;
	color: #a0a0a9;
	font-size: 10px;
}
#panel {
	margin:0px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:938px;
	background: transparent url('../img/bg/wrapper-shadow-tile.png') repeat-y;
	padding-right:8px;
}
#container {
	position: relative;
	margin: 0px auto;
	padding: 40px 0px 30px 44px;
	width: 938px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	clear:right;
}
/* 
---------------------------------------------------
	Splash Page
---------------------------------------------------
*/

#splash {
	position:absolute;
	height:341px;
	width:100%;
	top:280;
	left:0;
	right:0;
	background-image:url('../img/bg/splash_tile.jpg') repeat-x center;
}
/* 
---------------------------------------------------
	Top Navigation
---------------------------------------------------
*/

#nav {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0 0 0 175px;
	width: 655px;
	height: 41px;
}
#nav ul, #nav ul li, #nav ul li a {
	height: 41px;
	outline: none;
}
#nav ul {
	height: 41px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav ul li {
	float: left;
}
#nav ul li a {
	display: block;
	outline: none;
	text-indent: -999em;
}
#nav ul li#nav-btn-home {
	width: 91px;
	background: url('../img/bg/navigation-bg.jpg') 0px -41px;
}
#nav ul li#nav-btn-home a {
	background: url('../img/bg/navigation-bg.jpg') 0px 0px;
}
#nav ul li#nav-btn-home a:hover, #nav ul li#nav-btn-home a.current {
	background-image: none;
}
#nav ul li#nav-btn-music {
	width: 94px;
	background: url('../img/bg/navigation-bg.jpg') -91px -41px;
}
#nav ul li#nav-btn-music a {
	background: url('../img/bg/navigation-bg.jpg') -91px 0px;
}
#nav ul li#nav-btn-music a:hover, #nav ul li#nav-btn-music a.current {
	background-image: none;
}
#nav ul li#nav-btn-licencing {
	width: 94px;
	background: url('../img/bg/navigation-bg.jpg') -185px -41px;
}
#nav ul li#nav-btn-licencing a {
	background: url('../img/bg/navigation-bg.jpg') -185px 0px;
}
#nav ul li#nav-btn-licencing a:hover, #nav ul li#nav-btn-licencing a.current {
	background-image: none;
}
#nav ul li#nav-btn-events {
	width: 94px;
	background: url('../img/bg/navigation-bg.jpg') -279px -41px;
}
#nav ul li#nav-btn-events a {
	background: url('../img/bg/navigation-bg.jpg') -279px 0px;
}
#nav ul li#nav-btn-events a:hover, #nav ul li#nav-btn-events a.current {
	background-image: none;
}
#nav ul li#nav-btn-blog {
	width: 94px;
	background: url('../img/bg/navigation-bg.jpg') -373px -41px;
}
#nav ul li#nav-btn-blog a {
	background: url('../img/bg/navigation-bg.jpg') -373px 0px;
}
#nav ul li#nav-btn-blog a:hover, #nav ul li#nav-btn-blog a.current {
	background-image: none;
}
#nav ul li#nav-btn-science {
	width: 94px;
	background: url('../img/bg/navigation-bg.jpg') -467px -41px;
}
#nav ul li#nav-btn-science a {
	background: url('../img/bg/navigation-bg.jpg') -467px 0px;
}
#nav ul li#nav-btn-science a:hover, #nav ul li#nav-btn-science a.current {
	background-image: none;
}
#nav ul li#nav-btn-about {
	width: 94px;
	background: url('../img/bg/navigation-bg.jpg') -561px -41px;
}
#nav ul li#nav-btn-about a {
	background: url('../img/bg/navigation-bg.jpg') -561px 0px;
}
#nav ul li#nav-btn-about a:hover, #nav ul li#nav-btn-about a.current {
	background-image: none;
}
/* 
---------------------------------------------------
	Feature Container
---------------------------------------------------
*/

#feature {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 840px;
	height: 250px;
}
#feature .logo {
	display: block;
	float: left;
	width: 137px;
	height: 250px;
}
#feature .carousel {
	display: block;
	padding: 5px;
	float: right;
	width: 693px;
	height: 240px;
	background: #45454a;
}
/* 
---------------------------------------------------
	Content Stuff
---------------------------------------------------
*/

#content {
	position: relative;
	display: block;
	margin: 0px;
	padding: 20px 0px 0px 137px;
	width: 703px;
	height: auto;
}
#content .left {
	position: relative;
	display: block;
	float: left;
	width: 500px;
	min-height: auto;
}
#content .left h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	line-height: 26px;
	padding-bottom: 10px;
}
#content .left h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #dedee4;
	letter-spacing: 0;
	padding-bottom: 5px;
}
#content .left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
}
#content .left p {
	padding-bottom: 20px;
	text-align: left;
}
#content .left strong {
	color: #fff;
}
#content .left img.biopic {
	padding: 10px 0 10px 0;
	text-align: left;
}
#content .left ul, ol {
	margin: 5px auto;
	padding: 0px;
	list-style: none;
}
#content .left li, dd {
	background: url('../img/shared/bullet.gif') 10px 6px no-repeat;
	text-indent: 40px;
	line-height: 20px;
	padding-bottom:10px;
	padding-left: 40px;
	text-indent: 0px;
}
#content .left .download-track ul, ol {
	margin: 5px auto;
	padding: 0px;
	list-style: none;
}
#content .left .download-track li, dd {
	background: url('../img/shared/bullet-download-track.jpg') 0 0 no-repeat;
	text-indent: 28px;
	line-height: 20px;
	padding-bottom:10px;
	padding-left: 28px;
	text-indent: 0px;
}
#content .left .download-track a {
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #3a383d;
	padding-left: 5px;
}
#content .left .download-track a:hover {
	display: block;
	font-weight: bold;
	text-decoration: none;
	background: #222124;
}
#content .left a {
	color:#6fc0ff;
	text-decoration:underline;
}
#content .left a:hover {
	color:#6fc0ff;
	text-decoration:none;
}
#content .right {
	position: relative;
	display: block;
	float: right;
	clear:right;
	width: 183px;
	height: auto;
}
#newsletterpanel {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 173px;
	height: auto;
	background: #5f5f63 url('../img/shared/newsletter-bottom.gif') no-repeat left bottom;
}
#newsletterpanel h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #858588;
	letter-spacing: 0;
	text-indent: 59px;
	line-height: 41px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background: url('../img/shared/newsletter-bg.gif') no-repeat left top;
}
#newsletterpanel p {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b8b8bd;
	letter-spacing: 0;
	line-height: 15px;
	margin: 0px;
	padding: 12px 15px;
	border-bottom: 1px solid #74747a;
}
#newsletterpanel hr {
	margin: 0 0 10px 0;
	padding: 0px;
	border: none;
	height: 1px;
	border-top: 1px solid #74747a;
}
#newsletterpanel .signup {
	display: block;
	margin: 0px;
	padding: 12px 15px;
}
#newsletterpanel .field {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin: 0 0 10px 10px;
	border: 0;
	padding: 10px;
	width: 77%;
	background: #a5a5ad;
	color: #dcdce4;
	font-size: 10px;
}
#newsletterpanel .submit {
	display: block;
	float: right;
	padding: 0 5px 5px 0;
}
#ctacontainer {
	position: relative;
	display: block;
	margin: 0px;
	padding-bottom: 50px;
	width: 173px;
	height: auto;
}
#ctacontainer img {
	display: block;
	margin: 0px;
	padding-top: 15px;
}
/* 
---------------------------------------------------
	Content Homepage
---------------------------------------------------
*/

#content .homepagemsgfg {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	margin: 0 0 17px 0;
	padding: 15px;
	width: auto;
	background: #000;
}

#content .homepagemsgfg h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a7a7b0;
	letter-spacing: 0;
	margin: 0px;
	padding: 0px;
}
#content .homepagemsgfg p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a7a7b0;
	letter-spacing: 0;
	line-height: 15px;
}
#content .homepagemsgfg hr {
	margin: 10px 0 10px 0;
	padding: 0px;
	border: none;
	height: 1px;
	border-top: 2px solid #535360;
}


/* 
---------------------------------------------------
	Content Albums
---------------------------------------------------
*/

#content .albumsmsgfg {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	margin: 0px;
	padding: 15px;
	width: auto;
	background: #000;
}

#content .albumsmsgfg h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a7a7b0;
	letter-spacing: 0;
	margin: 0px;
	padding: 0px;
}
#content .albumsmsgfg p {
	margin-bottom: 12px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a7a7b0;
	letter-spacing: 0;
	line-height: 12px;
}
#content .albumsmsgfg hr {
	margin: 10px 0 10px 0;
	padding: 0px;
	border: none;
	height: 1px;
	border-top: 2px solid #535360;
}

.new {
	margin-bottom:-32px;
	margin-left:416px;
	margin-top:-53px;
	z-index:999;
	position:relative;
}
#live_header {
	background-image:url(../img/bg/bg-album-live-header.gif);
	background-repeat:repeat-x;
	height:23px;
	width:auto;
}
#live_header_left {
	width:49%;
	float:left;
	margin-left:8px;
	color:#000000;
	font-weight:bold;
	line-height:24px;
}
#live_header_right {
	width:49%;
	float:left;
	text-align:right;
}
#live_content {
	background-image:url(../img/bg/bg-album-live-content.gif);
	background-repeat:repeat-x;
	padding-top:10px;
}
.content_feature {
	height:60px;
	background-color:#000000;
	width:auto;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
.feature_left {
	width:380px;
	float:left;
	margin-left:5px;
}
.feature_right {
	width:49px;
	float:right;
}
.feature_right img {
	padding-top:4px;
}
.songname {
	font-size:12px;
	font-weight:bold;
}
.details {
	font-size:11px;
	line-height:15px;
}

#content .left .field {
	margin: 0 0 10px 0;
	border: 0;
	padding: 10px;
	width: 77%;
	background: #a5a5ad;
	color: #dcdce4;
	font-size: 11px;
}
#content .left .submit {
	display: block;
	float: left;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #989ea2;
	text-transform: uppercase;
	border: none;
	background: url('../img/shared/bg-fbut.jpg') repeat-x;
}
/* 
---------------------------------------------------
	Footer Styles
---------------------------------------------------
*/

#footer {
	position: relative;
	height: 30px;
	z-index:500;
	margin:0px auto;
	width:944px;
	margin-top:-30px;
}
#footer p {
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #66666d;
	font-size: 10px;
}
#footer a {
	color: #66666d;
	text-decoration: none;
}
#footer a:hover {
	color: #63b5fb;
	text-decoration: none;
}
#footer_left {
	width:560px;
	float:left;
	padding-left:170px;
	padding-right:83px;
}
#footer_right {
	float:left;
	width:81px;
	background-color:#161617;
	background-image:url(../img/bg/footer-badge.gif);
	background-repeat:no-repeat;
	height:19px;
	clear:right;
}

/* 
---------------------------------------------------
	JQuery Styles
---------------------------------------------------
*/

.pics {
	height: 240px;
	width: 693px;
	padding:0;
	margin:0;
	overflow: hidden;
}
.pics img {
	height: 240px;
	width: 693px;
}
.pics img {
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.picsinfo-right {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	position: absolute;
	display: block;
	float: right;
	height: auto;
	width: 310px;
	padding: 10px;
	margin:10px 0 0 365px;
}

.picsinfo-left {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	position: absolute;
	display: block;
	float: right;
	height: auto;
	width: 310px;
	padding: 10px;
	margin:10px 0 0 0;
}

.picsinfo-left p, 
.picsinfo-right p {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 10px 0 0 0;
}

.picsinfo-left h2, 
.picsinfo-right h2 {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0;
}

.picsinfo-left p.white, 
.picsinfo-right p.white,
.picsinfo-left h2.white, 
.picsinfo-right h2.white {
	color: #fff;
}

.picsinfo-left .field, 
.picsinfo-right .field {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	margin: 0;
	border: 0;
	padding: 5px;
	width: 50%;
	background: #fff;
	color: #b7b7bc;
	font-size: 11px;
}

/* -- Under Construction --*/

#construction {
	position: relative;
	display: block;
	margin: 0;
	padding: 50px 0 0 137px;
	width: 700px;
	height: 125px;
	background: #000;
}

#construction h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	line-height: 26px;
	padding-bottom: 10px;
}

#construction a:link,
#construction a:visited {
	text-decoration: none;
	color: #fff;
}

#construction a:hover {
	text-decoration: underline;
}