@charset "UTF-8";

/* ---- RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*font-family: inherit;*/
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

dl, ul, ol, h1, h2, h3, h4, h5, h6, pre, p, blockquote {
	margin-bottom:.4em;
}



/* ---- BASIC TEXT STYLES ---- */

p {
	font-size: 1.4em;
	margin-bottom:1em;
	font-weight:normal;
	}
	
a {
	color: #FFFFFF;
	text-decoration:none;
}

a:hover {
	color: #CC3366;
}

h1 {
	font-size: 2.5em;
	color:#CCCCCC;
	margin:0 0 20px 0;
	}

h2 {
	font-size: 2em;
	color:#999999;
	margin-bottom:0px;
	}

h3 {
	font-size: 1.5em;
	color:#999999;
	}

h4 {
	font-size: 1.5em;
	color:#999999;
	}

h5 {
	font-size: 1.5em;
	color:#999999;
	}

h6 {
	font-size: 1.5em;
	color:#999999;
	}
	

	
	
/* ---- CUSTOM CLASSES ---- */	
	
.callout {
	color:#cc3366;
	font-size:1.4em;
	font-style:italic;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ---- BASIC STRUCTURE ---- */

body {
	font: 62.5%  "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #000000 url(images/hdr-bg2.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #676767;
	line-height:1.3;
	
}
#container {
	width: 960px; 
	margin: 0 auto;
	text-align: left;
}
#header {
	height: 168px;
	padding: 0 20px; 
}

#mainContent {
	padding: 15px 20px 20px;	
}

#videoGallery #artistBio p{
	font-size:1.2em;
}

#videoGallery img {
	margin: 1px;
	float:left;
	
}



#videoPlayer {
	width:500px;
	float:left;
	margin-bottom:50px;
	
}

#videoInfo {
	width:400px;
	float:right;

}

#videoInfo p {
	font-size:1.2em;
	color:#999999;
	margin-top: 25px;	
}

#artistBio {	
}

#artistBio p{
	margin-top: 25px;
}


#footer {
	padding: 0 20px;
	text-align:right;	
	}

#footer p {
	margin: 0; 
	padding: 15px 0;
	font-size:10px;
}

/* ---- HEADER CONTENTS ---- */

a.logo {
	background: url(images/img-logo-s2.png) no-repeat 0 0;
	width: 155px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	margin-top:25px;
	float:left;
}

a.logo:hover { background-position: 0 -27px; }

#quickLinks {
	float:right;
	display: block;
	width: 300px;
	margin-top:25px;
}

#quickLinks a.search {
	background: url(images/img-ql-search-s.png) no-repeat 0 0;
	float:right;
	margin-left:20px;
	height: 30px;
	width: 22px;
	display: block;
	text-indent: -9999px;
}

#quickLinks a.home {
	background: url(images/img-ql-home-s.png) no-repeat 0 0;
	float:right;
	margin-left:20px;
	height: 30px;
	width: 26px;
	display: block;
	text-indent: -9999px;
}

#quickLinks a.twenty {
	background: url(images/img-ql-20-s.png) no-repeat 0 0;
	float:right;
	margin-left:20px;
	height: 30px;
	width: 34px;
	display: block;
	text-indent: -9999px;
}

#quickLinks a:hover.search, #quickLinks a:hover.home, #quickLinks a:hover.twenty { background-position: 0 -30px; }

/* --- TABLES --- */
table {
	border-collapse: collapse;
	margin: 0px;	
}



tr {  }

th, td {
	text-align: left;			
	border:none;
}
th {
	color: #3399FF;
	font-size:14px;
	font-weight: bold;
	padding: .8em 0 0;	
  
}
td {	
	padding: .3em 0em;
	padding: .2em 1em .2em 0em;
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
}	




/* --- FORM ELEMENTS --- */
form {
	margin: 10px; 
	padding: 15px 25px 25px 20px; 
	/*border: 1px solid #F0F0F0;*/
}
form p {
	/*border-bottom: 1px solid #E6E6E6;*/
	padding: 12px 0 5px 0;	margin: 0;	
	
}
label {
	font-weight: bold;
	color: #FFFFFF;
}
/*input, select, textarea {
	margin: 7px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 
	border-color: #999 #FFFFFF #FFFFFF #999;	
	font: 11px 'Lucida Grande', Helvetica, Arial, sans-serif;
}
input:focus, select:focus, textarea:focus {
	color: #CC3366;
	color: #333333;
	background: #FFCCCC;
}
#name, #email, #message, #website {
	width: 380px;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0px;
	padding: 2px 5px; 
	color: #fff;
	background: #454545;
	border-width: 1px;
  	border-style: solid;
  	border-color: #454545 #454545 #454545 #454545;
}*/
form{
	/*margin:3em ;*/
	padding:0 0 0 9px;
	width:436px;
	height:59px;
	background:url(images/img-submit-bg.gif) no-repeat 0 0;
	float:right;
}
form p{
	margin:0 20px;
}
form input{
	margin-top:2px;	
	width:305px;
	border:none;
	padding:3px;
	font-size:110%;
	vertical-align:middle;
}
form button{
	margin-top:0px;
	margin-left:8px;
	width:80px;
	height:30px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background:url(images/img-submit-btn.gif) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
}

/* ---  
.tagcloud {
	width: auto;
	left: 20px;
	}---*/
	
#tagcloud {
line-height:3em;
	width: auto;
	padding: 0px;
	margin:0 0 22px 0;
}


/*.clear {
	clear:both;
	}*/
	
#tagcloud  ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
}

#tagcloud  li {
	display: inline;
	padding: 0px;
	margin:0px;
	
}

#tagcloud a {
	padding:0px;
	margin:0px 3px;
	color: #33CC66;
	color: #565656;
	float:left;
	text-decoration: none;
}
#tagcloud a:hover {
	padding:0px;
	color: #FFFFFF;
	
}

/* --- Rounded corners --- */
.roundcont {
	width: 650px;
	background-color: #CC3366;
	color: #fff;
	margin-bottom:20px;
	
}

.roundcont p {
	margin: 0 10px;
}
.roundcont h2 {
	margin: 25px 0 0 15px;
	padding: 0;
	float:left;
	color: #660000;
}

.roundtop { 
	background: url(images/corner-toprt.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/corner-botrt.gif) no-repeat top right; 
}

img.corner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/img-ttip-alpha.png);
	background:transparent url(images/img-ttip-2blk.gif);
	background:transparent url(images/img-ttip-wblk.gif);
	font-size:12px;
	height:68px;
	width:115px;
	padding:15px 25px 35px 25px;
	color:#fff;	
}

.tooltip .artistName {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}


.tooltip .videoTitle {
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	color:#FFCCCC;
}


.tooltip .videoInfo {
	font-size:10px;
	font-weight:normal;
	color: #000;
}