@import url(reset.css); /* RESET CSS */

/* clear nested floats. Apply this class to the last element before the area that needs to clear. */
.clearfix:after, .section:after, .pod:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .section, .pod {display:inline-block;}
* html .clearfix, * html .section, * html .pod {height:1%;}
.clearfix, .section, .pod {display:block;}

.section { clear: both; }

.inner { width: 980px; margin: 0 auto;}

img { border: 0; }

#relatedContent p { line-height: 1.4; margin: 1em;}

html { margin: 0; padding: 0; }
body { background: #000 url(../images/ui/bkg_body-space2.jpg) repeat-x -98% 0; margin: 0; padding: 0; font-size: 14px; font-family: "Lucida Grande", sans-serif; text-align: center; color: #fff;}
#wrapper { margin: 0 auto; padding: 0; min-width: 980px; }
#container { background: transparent url(../images/ui/bkg_main.png) no-repeat center top; min-width: 1000px; margin: 0 auto; position: relative;}
#mainContent { width: 980px; margin: 0 auto; height: 515px; position: relative; }
#footer { background: #484848 url(../images/ui/bkg_footer.jpg) repeat-x center top; }

#logo { background: transparent url(../images/ui/logo_honeytribe-trans.png) no-repeat left top; width: 520px; height: 155px;}

.star img { border: none; display: block;}


@-webkit-keyframes pulse {
 0% { opacity: .1;-webkit-transform: scale(1.0);}
 33% { opacity: 0.65; -webkit-transform: scale(1.3); }
 50% { opacity: .9;-webkit-transform: scale(1.5); }
 67% { opacity: .5;-webkit-transform: scale(1.3); }
 100% { opacity: .1; -webkit-transform: scale(1.0); }
}

@-webkit-keyframes precession {
	from {
		-webkit-transform: rotate(0deg);	
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}

div.constellation {
	-webkit-animation-name: precession;
	-webkit-animation-iteration-count: 1;  
    -webkit-animation-timing-function: linear;  
    -webkit-animation-duration: 600s; 
}

p.star a {
 -webkit-animation-name: pulse;
 -webkit-animation-iteration-count: infinite; 
 -webkit-animation-timing-function: ease-in-out;
 width: 7px; height: 7px;
 display: block;
 text-shadow: 0 0 6px rgba(162,253,160,0.22);
 opacity: .5;
}

p.star a[title="The Rolling Stones"] { position: absolute; left: 76px; top: 239px; -webkit-animation-duration: 12s;}
p.star a[title="Gregg Allman"] { position: absolute; left: 152px; top: 337px; -webkit-animation-duration: 6s;}
p.star a[title="Jimi Hendrix"] { position: absolute; left: 248px; top: 248px; -webkit-animation-duration: 2s;}
p.star a[title="Cream"] { position: absolute; left: 598px; top: 104px; -webkit-animation-duration: 20s;}
p.star a[title="Buddy Guy"] { position: absolute; left: 800px; top: 47px; -webkit-animation-duration: 9s;}
p.star a[title="Miles Davis"] { position: absolute; left: 755px; top: 116px; -webkit-animation-duration: 15s;}
p.star a[title="Led Zeppelin"] { position: absolute; left: 925px; top: 191px; -webkit-animation-duration: 30s;}
p.star a[title="Robert Johnson"] { position: absolute; left: 840px; top: 33px; -webkit-animation-duration: 8s;}

ul.hList { margin: 0; padding: 0; list-style-type: none;}
ul.hList li { margin: 0; padding: 0; list-style-type: none; float: left;}
ul.hList a { float: left; display: block; text-decoration: none;}

.socialMedia { 
	position: absolute;
	bottom: 15px;
	left: 30px;
}

ul.socialMedia li {
	margin-right: 40px;
}

ul.socialMedia li a:hover {
	position: relative;
	top: -3px;
}

#relatedContent {
	background: transparent url(../images/ui/bkg_relatedContent.jpg) repeat-x center top; 
	min-width: 980px; 
	margin: 0 auto;
	padding: 30px 10px 10px 10px;
	height: 395px;
}

#relatedContent .article {
	float: left;
	
}

.albumCover {
	width: 340px;
	padding-left: 25px;
	/*margin-right: 122px;*/
}

img.albumArt {
	display: block;
	padding: 12px;
	background: #fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: -3px 3px 3px rgba(0,0,0,.75);
	-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,.75);
	box-shadow: -3px 3px 3px rgba(0,0,0,.75);
}

.albumInfo {
	width: 340px;
	padding: 8px 20px 24px 20px;
	background: #000;
	background: rgba(0,0,0,0.72);
	border: 1px solid #fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: -3px 3px 3px rgba(0,0,0,.75);
	-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,.75);
	box-shadow: -3px 3px 3px rgba(0,0,0,.75);
}

.albumInfo fieldset {
	border: none;
	padding: 8px 10px;
	background: #000;
	background: rgba(0,0,0,0.72);
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;	
	text-align: left;
	margin-top: 24px;
}

.albumInfo label {
	display: none;
}

.albumInfo input {
	color: #777;
	width: 210px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: none;
	padding: 6px 4px;
	font-size: 14px;
}

.albumInfo input.submit {
	background: url(../images/ui/btn_submit.gif) no-repeat left top;
	color: #fff;
	border: none;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 90px;
	height: 30px;
	text-align: center;
	float: right;
	display: block;
	cursor: pointer;
}

.albumInfo input.submit:hover {
	background: url(../images/ui/btn_submit.gif) no-repeat left bottom;
	
}

a.button:link, a.button:visited { 
 	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 4px;
	font-size: 14px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #666;
	text-shadow: -1px 1px 2px rgba(0,0,0,.8);
	width: 180px;
	margin: 1.8em auto 1em auto;
}

a.button:hover, a.button:active { 
	background: #e75d25;
}

.tours{
	width:187px;
	margin-left:25px;
	font-size:10px;
	text-align:left;
}

.tours div{
	height:320px;
	color:#222222;
	
}

.tours p span.date{
	font-weight:bold;
	color:#888;
}

#relatedContent .tours p{
	border-bottom:1px #ddd solid;
	padding:6px 0;
	margin:0em 1em;
}

.tours h4{
	font-size:12px;
	line-height:14px;
	margin-bottom:6px;
}

h2.albumTitle { line-height: 1; margin: 12px 0; }
h3 { font-size: 22px; font-weight: normal; color: #eeffc9; margin: 12px 0 8px 0;}
p.callout { font-size: 17px; margin-top: 12px;}


ul.sponsor {
	float: left;
	margin: 30px 0;
}

ul.sponsor li {

}

ul.sponsor li a {
	width: 240px;
	text-align: center;
}

ul.sponsor li a img {
}

.copyright {
	clear: both;
	font-size: 11px;
	color: #aaa;
	text-align: left;
	padding: 0 0 10px 30px;
}

.footerNav p {
	clear: both;
	text-align: left;
	text-transform: uppercase;
	color: #aaa;
	margin-left: 30px;
	padding-top: 24px;
	font-size: 12px;
}

input.error, select.error, textarea.error {
	background-color: #ffeedd; 
	border: 1px solid red !important;
}

#audioPlayer {
	position: relative;
	width: 316px;
	margin-top: 10px;
	background-color: #333;
	background-color: rgba(0,0,0,0.7);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
}

#relatedContent p.songTitle {
	font-size: 13px;
	color: #333;
	margin: 4px 0;
	width: 316px;
}

#relatedContent p.songTitle span {
	font-weight: bold;
	color: #cc3c11;
}

#relatedContent p.success {
	font-size: 16px;
	color: #EEFFC9;
	margin-bottom: 0;
}

div.events { width: 380px; padding-left: 0; position: absolute; left: 367px; top: 293px; text-align: left; margin: 0; color: #444; text-transform:uppercase;}
div.events a:link, div.events a:visited { color:#CC3C11; font-weight:bold; display: block;}
div.events img { display: block;}
#relatedContent .inner { position: relative;}
.albumInfo fieldset { display: none;}