/*

	Theme: P Music 0610
	Designer: Jess Blevens @ Interface Factory
	

	main bg		#1b140f
	copy		#ccc
	beige		#c4a77d
	blue		#60bff6
	body bg		#000

*/

@charset "utf-8";

@import url('reset.css');

@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

div#preload {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

* { padding: 0; margin: 0; border-width: 0; list-style-type: none; border-style: none; }

html, body{ background: #1b140f url(../images/bgMain.png) top repeat-x;height: 100%; }

form { display: inline-block; margin: 20px 0 0 15px; background-color: #1c1c1c; }

a { text-decoration: none; color: #60bff6;}

a:hover { text-decoration: underline;}
	
hr {
	display: inline-block;
	height: 1px;
	border: 0;
	color: #333;
	background-color: #333;
	width: 100%;
	}
	
a img, .thumb {
	vertical-align: top;
	margin-right: 6px;
	float: left;
	border: solid 2px #000;
	padding: 1px;
	background-color: #c4a77d;
}

a:hover img {
	border-color: #60bff6;
}

img.right {
	vertical-align: top;
	float: right;
}

.main {
	border: solid 2px #000;
	padding: 1px;
	background-color: #c4a77d;
	margin-bottom: 30px;
}
	
/* img.icon {
	border: none;
	margin-right: 6px;
	float: left;
} */

.space {
	height: 40px;
}

p.like {
	margin:-10px 0 0 120px;
}

/********************/
/*   Text styles   */
/********************/

p { color: #ccc; font: 16px/20px "Tahoma", Verdana, sans-serif;clear: left; float:left; padding:10px 0;}

p.top {
	font-size: 11px;
	margin: 0 0 15px 0;
	padding-top: 0;
	float: left;
}

p.more {
	padding: 0 0 20px 0;
}

em {
	font-weight: normal;
	color: #c4a77d;
}

strong {
	color: #c4a77d;
	font-weight: normal;
}

h1 { font: bold 39px/42px "Droid Serif", serif; color: #fff; padding: 10px 0 20px 0;}

	h1.small { width: 300px; height: 40px; float: left; display: inline-block; background-image: url(../core_images/col_small.png); padding: 0 0 0 20px; }

		h1.small_twitter { width: 300px; height: 40px; float: left; display: inline-block; background-image: url(../core_images/col_small_twitter.png); padding: 0 0 0 20px; }
	
	h1.medium { width: 630px; height: 40px; float: left; display: inline-block; background: url(../core_images/col_medium.png) no-repeat; padding: 0 0 0 20px; }
	
		h1.mediumPlain { width: 630px; height: 40px; float: left; display: inline-block; background: url(../core_images/col_mediumPlain.png) no-repeat; padding: 0 0 0 20px; }
	
	h1.full { width: 960px; height: 40px; display: inline-block; float: left; background-image: url(../core_images/col_full.png); padding: 0 0 0 20px; }

h2 { font: bold 17px/30px "Droid Serif", Georgia, serif; color: #c4a77d; padding: 15px 0 7px 0; clear:left;}

h3 { font: normal 22px/25px "Droid Serif", Georgia, serif; color: #c4a77d; padding: 15px 0 7px 0; clear:left;}

	
/******************/
/*   Navigation   */
/******************/

#nav {
	width: 300px;
	height:30px;
	float: right;
	margin-top: 85px;
	font-family: "Droid Serif", Georgia, serif;
	font-size: 17px;
	color: #fff;
}

#nav a, #nav a:hover {
	color: #fff;
	text-decoration: none;
}

#nav li {
	float: left;
	padding: 0 10px 15px 10px;
}

#nav li:hover {
	background: transparent url(../images/navArrowWhite.png) no-repeat center 20px;
}

#nav li a.current, #nav li a:hover.current {
	padding: 0 0 15px 0;
	background: transparent url(../images/navArrowWhite.png) no-repeat center 20px;
}

#navArtist {
	width: 450px;
	height:20px;
	position: relative;
	top: 320px;
	left: 135px;
	font-size: 18px;
	color: #60bff6;
z-index:900;
}

#navArtist a, #navArtist a:hover {
	color: #60bff6;
	text-decoration: none;
}

#navArtist li {
	float: left;
	padding: 0 10px 15px 10px;
}

#navArtist li:hover {
	background: transparent url(../images/navArrowWhite.png) no-repeat center 20px;
}

#navArtist li a.current, #navArtist li a:hover.current {
	padding: 0 0 15px 0;
	background: transparent url(../images/navArrowWhite.png) no-repeat center 21px;
}


/********************/
/*   Content   */
/********************/

#container {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

#content {
	width:960px;
	margin: 125px auto 0 auto;
	overflow: hidden;
	background: #000 url(../images/bgContent.png) top no-repeat;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}

#contentArtist {
position:absolute;
	width:960px;
	margin: 125px auto 0 auto;
	overflow: hidden;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}

#contentArtist.charlie {
	background: #000 url(../images/bgTopCharlie1.jpg) top center no-repeat;
}

#contentArtist.solero {
	background: #000 url(../images/bgTopSolero.jpg) top center no-repeat;
}

#contentArtist.wirlie {
	background: #000 url(../images/bgTopWirlie.jpg) top center no-repeat;
}

#contentArtist.mint {
	background: #000 url(../images/bgTopMint.jpg) top center no-repeat;
}

#contentArtist.teddy {
	background: #000 url(../images/bgTopTeddy.jpg) top center no-repeat;
}

#contentArtist.blackstreet {
	background: #000 url(../images/bgTopBlackstreet.jpg) top center no-repeat;
}

#contentArtist.gap {
	background: #000 url(../images/bgTopGap.jpg) top center no-repeat;
}

#logo { width: 216px; height: 87px; float: left; margin: 20px 0 0 15px;}

#logo img {
	border: none;
	background-color:transparent;
}

#plug {
	
	float: left;
	background: red url(../images/charlie/charlieYouArePlug.jpg) left no-repeat;
	width: 330px;
	height: 88px;
	margin: 10px 0 0 75px;
	border: solid 1px #c4a77d;
}

#plug a {
	display: block;
	float: right;
	text-indent: -9999px;
	width: 330px;
	height: 88px;
}

/* #plug a {
	display: block;
	float: right;
	text-indent: -9999px;
	width: 70px;
	height: 88px;
} */


#social {
	width: 132px;
	height: 31px;
	position: relative;
	top: 245px;
	left: 465px;
}

#social img, #socialHome img, #socialSolero img {
	float: left;
	padding: 0 2px;
	margin: 0;
	border: none;
	background-color: transparent;
}

#socialSolero {
	
	width: 352px;
	height: 31px;
	position: relative;
	top: 245px;
	left: 275px;
	
}

#lang {
        Xwidth: 100px;
	height: 23px;
	position: relative;
	top: 285px;
	right: -6px;
        font-size:14px;
        color:#555;
padding:5px 10px 0 10px;
background:#c4a77d;

-webkit-border-bottom-left-radius: 6px;

-moz-border-radius-bottomleft: 6px;

border-bottom-left-radius: 6px;
}

#lang a {
color:#000;
font-weight:bold;
}

/*****************/
/*   Showcase   */
/*****************/

button.prev { width: 37px; height: 79px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 115px 0 0 -58px; background: url(../images/showcase/prev.png) no-repeat;}

button.next { width: 37px; height: 79px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 115px 0 0 720px; background: url(../images/showcase/next.png) no-repeat;}

button.prev:hover {
	background: url(../images/showcase/prevOn.png) no-repeat;
}

button.next:hover {
	background: url(../images/showcase/nextOn.png) no-repeat;
}

#showcase { width: 700px; height: 320px; overflow: hidden; margin:40px auto 0 auto;  border: solid 1px #c4a77d; }

	div.showcase_wrapper {display: inline-table; overflow: hidden; }

		#showcase_wrapper { display: inline-table; width: 700px; height: 320px; }

			#showcase_wrapper ul { display: inline-table; }

				#showcase_wrapper ul li { display: inline-table; }
			
					a.showcase_link { width: 455px; height: 60px; float: left; display: inline-block; font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif; color: #ccc; cursor: pointer; padding: 0 0 0 20px; background-color: #1c1c1c;}

					a.showcase_link:hover { text-decoration: underline; color: #b4121b; }
					
					.showcase_link_long { width: 455px; height: 60px; float: left; display: inline-block; font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif; color: #ccc; cursor: pointer; padding: 0 0 0 20px; background-color: #1c1c1c;}

					a.moreinfo { display: inline-block; height: 60px; width: 155px; font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; cursor: pointer; float: left; padding: 0 0 0 20px; background-color: #1c1c1c;}
		
					a.moreinfo:hover { text-decoration: underline; color: #b4121b; }
					
					
	#showcaseMini { width: 415px; height: 270px; overflow: hidden;border: solid 1px #c4a77d; margin-bottom:20px;}
	
	#showcaseMini button.prev { width: 25px; height: 20px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 250px 0 0 350px; background: url(../images/showcase/prevMini.png) no-repeat;}
	
	#showcaseMini button.next { width: 25px; height: 20px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 250px 0 0 375px; background: url(../images/showcase/nextMini.png) no-repeat;}
	
	#showcaseMini button.prev:hover {
		background: url(../images/showcase/prevMiniOn.png) no-repeat;
	}
	
	#showcaseMini button.next:hover {
		background: url(../images/showcase/nextMiniOn.png) no-repeat;
	}
	
		div.showcase_wrapper_mini {float: left;display: inline-table; overflow: hidden; }
	
			#showcase_wrapper_mini { display: inline-table; width: 415px; height: 270px; }
	
				#showcase_wrapper_mini ul { display: inline-table; }
	
					#showcase_wrapper_mini ul li { display: inline-table; }
					
					#showcaseMini p { width: 415px; height: 30px; float: left; display: inline-block; font: 30px/10px "Droid Serif", serif; color: #fff; cursor: default; padding: 25px 0 0 18px; background-color: #000;}
					
/************/
/*   Body   */
/************/

#showcaseDrop {
	background: transparent url(../images/showcaseDrop.png);
	width: 750px;
	height: 87px;
	float: left;
	margin:-595px 0 0 110px;
	z-index: -200;
}

#mainColumn {
	width: 450px;
	float: left;
	padding: 40px 0 50px 145px;
	text-align: left;
}

#mainColumnArtist {
	width: 680px;
	float: left;
	padding: 350px 0 0 15px;
	text-align: left;
}

#mainColumnArtist p {
	width: 680px;
}

#mainColumnSecondary {
	width: 650px;
	min-height: 400px;
	float: left;
	padding: 60px 0 50px 145px;
	text-align: left;
}

#mainColumnSecondary p {
	width: 650px;
}

#subColumn {
	width: 190px;
	float: right;
	margin: 50px 140px 0 0;
	text-align: left;
}

#subColumn h3, #subColumn p {
	padding-bottom: 0px;
	margin-left: 10px;
}

#subColumn img {
	border: solid 2px #000;
	padding: 1px;
	background-color: #c4a77d;
}

#subColumn img:hover {
	border: solid 2px #60bff6;
	padding: 1px;
	background-color: #60bff6;
}

#mediaWrap {
	width: 420px;
	overflow: hidden;
}

#mediaWrap p {
width: 420px;
}

/* #mediaWrap img.main {
	border: solid 1px #c4a77d;
} */

/* #mediaWrap img.thumb {
	margin: 10px 21px 0 0;
	border: solid 2px #000;
	padding: 1px;
	background-color: #c4a77d;
} */

#subColumnMedia {
	width: 240px;
	float: right;
	text-align: left;
	margin-top: 11px;
	z-index:-500;
}

#subColumnMedia h3, #subColumnMedia p {
	padding-bottom: 0px;
	margin-left: 10px;
}

#subColumnMedia p {
	width: inherit;

	padding-bottom: 5px;
	border-bottom: solid 1px #333;
}

#subColumnMedia p.noBorder {
	border-bottom: none;
}



/* #subColumnMedia img {
	border: solid 2px #000;
	padding: 1px;
	background-color: #c4a77d;
} */

/* #subColumnMedia img.thumb {
	vertical-align: top;
	margin-right: 6px;
	float: left;
} */

/* #subColumnMedia img:hover, #mediaWrap .thumb img:hover {
	border: solid 2px #60bff6;
	padding: 1px;
	background-color: #60bff6;
} */

.post p, .postVid p {
	padding: 20px 0 20px 0;
	margin: 0;
	color: #ccc;
	border-bottom: solid 1px #333;
	width: inherit;
}

.postVid p.last {
	border: none;
}

.post em, .post a, .post a:hover, .postVid em, .postVid a, .postVid a:hover {
	font: 23px/30px "Droid Serif", Georgia, serif;
	color: #c4a77d;
}

/* .post img, .postVid img {
	border: solid 2px #000;
	padding: 1px;
	margin-right: 15px;
	background-color: #c4a77d;
	float: left;
}

.post img:hover, .postVid img:hover {
	border: solid 2px #60bff6;
	padding: 1px;
	background-color: #60bff6;
} */

.more {
	font: 12px "Tahoma", Verdana, sans-serif;
	color: #ccc;
}

.more a, .more a:hover {
	font: 12px "Tahoma", Verdana, sans-serif;	
	color: #60bff6;
}

.postVid {
	width: 420px;
}

ul.large, ul.large li {
	font: 20px/30px "Tahoma", Verdana, sans-serif;
	color: #ccc;
	list-style: circle;
	margin-left: 15px;
}

ul.mainList {
	width: 650px;
}

ul.mainList .col1 {
	font-size: 20px;
	color: #c4a77d;
	border-right: solid 1px #333;
	padding-right: 20px;
}

ul.mainList .col2 {
	font-size: 18px;
	color: #fff;
	padding:0 15px 0 20px;
}

ul.mainList .col3 {
	font-size: 16px;
	color: #ccc;
	float: right;
}

ul.mainList li {
	padding: 13px 0;
	border-bottom: solid 1px #333;
}

ul.facts {
	color: #999;
	font: 14px "Tahoma", Verdana, sans-serif;
	margin-left: 110px;
}

ul.facts li {
	border: none;
	padding: 8px 0 2px 0;
	list-style: circle;
}

table {
	width: 650px;
	color: #ccc;
}

table .more {
	font-size: 10px;
	color: #60bff6;
}

tr {
	height: 30px;
	border-bottom: solid 1px #333;
	vertical-align: top;
}

td {
	padding: 4px 4px 2px 0;
}

td.colorize {
	width: 45px;
	color: #c4a77d;
}

td.last {
	text-align: right;
}

td.blank {
	width: 150px;
}

			
/**************/
/*   Footer   */
/**************/

#footer {
	width: 100%;
	padding: 30px 0 15px 0;
	margin-top: 30px;
	float: right;
	background: #000 url(../images/bgContent.png) no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	}
	
#footer a {
	color: #666;
}

#footer a:hover {
	color: #fff;
}

#footer ul {
	float: left;
	width: 160px;
	height: 100px;
	padding: 5px 10px 10px 5px;
	margin: 0 0 0 30px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	border-right: solid 1px #333;
}

#footer ul.first {
	padding-left: 120px;
}

#footer ul.copy {
	width: 260px;
	border: none;
}

#footer li.first, #footer li.first a {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 16px;
	margin-left: 0px;
	padding-bottom: 10px;
	list-style-type: none;
	color: #999;	
	text-decoration: underline;
}

#footer li {
	font-family: "Tahoma", sans-serif;
	padding-bottom: 4px;
	margin-left: 20px;
	list-style-type: circle;
	color: #999;
}

#footer li.siteBy {
font-size: 10px;
	list-style-type: none;
	padding-top: 10px;
}

/************/
/*   Home   */
/************/

/* JFlow homepage */

div#myController { display: inline-block; float: left; width: 630px; background-image: url(../core_images/controller_medium.png); height: 30px; padding-left: 20px; }

	span.jFlowControl { font: 12px/25px "Lucida Grande", Lucida, Verdana, sans-serif; height: 25px; display: inline-block; float: left; margin-top: 5px; padding-left: 6px; padding-right: 6px; margin-right: 1px; color: #e5e5e5; cursor: pointer; background-image: url(../classic_images/JFlow_default.png);}

	span.jFlowControl.jFlowSelected { font: 12px/25px "Lucida Grande", Lucida, Verdana, sans-serif; height: 25px; display: inline-block; float: left; margin-top: 5px; padding-left: 6px; padding-right: 6px; margin-right: 1px; color: #e5e5e5; cursor:  pointer; background-image: url(../classic_images/JFlow_selected.png);}

div#flow_home { display: inline-table; }

	div#jFlowSlide { display: inline-block; }

		div#mySlides { display: inline-table; }

			div.jFlowSlideContainer { display: inline-block; float: left; }

				div.home_slide { width: 610px; float: left; display: inline-block; padding: 0 20px 20px; height: 280px; overflow: hidden; background: url(../core_images/JFlow_home.png) left bottom; margin-bottom: 10px; }

/* Vertical items */

div.ver_item1 { width: 280px; float: left; display: inline-block; margin: 20px 20px 20px 0; }

div.ver_item2 { width: 280px; float: left; display: inline-block; margin: 20px 0; padding: 0; }

img.large_thumb { width: 280px; height: 105px; margin: 10px 0; }

/* Horizontal items */

div.hor_item { display: block; float: left; width: 610px; margin: 5px 0 20px; }

img.small_thumb { display: inline-block; float: left; margin: 0 20px 0 0; }