/*==========================================
Mirror Productions - Main stylesheet
Modified April 22, 2012
===========================================*/
* {
	padding: 0;
	margin: 0;
}

body {
	/*font-family: "trebuchet ms";*/
	font-family: "arial";
	font-size: 1.0em;
	line-height: 1.5em;
	background-color:#000;
	background-image: url(css-img/lake-bg04c.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	
}

/*//////////
// TITLES //
//////////*/
h1, h2, h3{ line-height: 1.2em;}

h1{ font-size: 2em;}

h2{
	font-size: 1.4em;
	margin-bottom:0.5em;}

h3{ font-size: 1.2em;
	padding: 0px 0 0 0;
	margin: 0.5em 0 0 0;}

p, ol{
	font-family: "verdana";
}

ol li{
	margin-bottom: 0.5em;
}
	
/*//////////
// HEADER //
//////////*/
div#header{/*Mirror Productions logo*/
	width:270px;
	height:102px;
	margin:20px auto 0px auto; /*TOP RIGHT BOTTOM LEFT*/
}

div#landing{ /*Landing page image*/
	width: 521px;
	height: 645px;
	margin: 20px auto;
}
div#landing img{
	border: none;
}

div#ads-top{ /*theoretical banner ad (un-used)*/
	width:728px;
	height:90px;
	background:white;
	margin: 0 auto 20px;
}


/*///////////
// COLUMNS //
///////////*/

div#wrap { /*Wrap for both columns*/
	text-align: left;
	min-width:760px; /*Determins min width of both columns*/
	max-width:1080px; /*Determins max width of columns*/
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	overflow:hidden;	/* This chops off any overhanging divs */
	margin: 10px auto;
}

div#content{ /*Main content of the page*/
	text-align: left;
	background-image: url(css-img/white80.png);
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
	overflow:hidden;
	margin: 0 15px;
	padding:15px;
}
div#content p{
	text-align: left;
	text-indent: 2em;
	word-spacing: 0.03em;
	letter-spacing: 0.01em;
	margin: .4em 0 .8em 15px;
	/*overflow:hidden;*/
}
div#content img{
	float: left;
	clear: both;
	text-align: left;
	margin: .5em 15px 5px 0px;
	position: relative; /*otherwise breaks in IE*/
	overflow: hidden;
}


/*////////////////////////////////////
//  FEATURED ARTISTS AND RESOURCES  //
////////////////////////////////////*/

div#content div.artist{ /*Container for arist name, picture, and description*/
	margin: 15px 0 0 0;
	position:relative;
	overflow:hidden;
}
div#content div.artist img{/*Artist picture*/
	margin: 0 15px 5px 0;
}

div#content .personList { /*UL of people resources */;
	margin: 10px 15px 10px 30px;
	list-style-type:none;
	float:left;
}



/*//////////////
// NAVIGATION /
////////////*/
div#nav{ /*Website navigation menu*/
	text-align: left;
	background-image: url(css-img/black60.png);
	border: 3px solid black;
	-moz-border-radius: 18px;
	border-radius: 18px;
	float:left;
	position:relative;
	width:170px;
	margin:0 15px;
}
div#nav a.btn { /*navigation button*/
	font-size: 1.2em;
	line-height: 1.4em;
	color: #DDD;
	display:block;
	background-image: url(css-img/menu_highlight.png);
	/*margin: 5px 0 4px 0;
	padding: 4px 0 0px 10px; /*TOP RIGHT BOTTOM LEFT*/
	margin: 0;
	padding: 4px 0 4px 10px; /*TOP RIGHT BOTTOM LEFT*/
	background-repeat: repeat-x;
	text-decoration: none;
}

div#nav a.btn p{
		font-family: "trebuchet ms";
}

div#nav a.first { /*first button*/
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top:0;
}
div#nav a.btn:hover, div#nav a.s_btn:hover, div#nav a.s_s_btn:hover{
	color:#FF9;
} 

div#nav a.btn.disabled { /*DISABLED button*/
	color: #333;
	background-color:#555
}

/*Sub-button*/
div#nav a.s_btn {
	color: #DDD;
	display:block;
	font-size: 1.1em;
	line-height: 1.1em;
	text-decoration: none;
	padding:0 0px 0px 20px;
	margin:0 0 2px 0;
}
/*Sub-sub button*/
div#nav a.s_s_btn {
	color: #DDD;
	display:block;
	font-size: .9em;
	line-height: .9em;
	text-decoration: none;
	padding:0 0px 0px 40px;
	margin:0 0 3px 0;
}

div#nav a.current{ /*change-spacing of the current page*/
	/*margin-bottom: 0px;
	padding: 4px 0 0px 10px; /*TOP RIGHT BOTTOM LEFT*/
	color: #FF9;
	/*background-image: none;
	text-decoration: underline;*/
}
div#nav a.s_current{ /*underline the current sub-page (UN-USED!)*/
	color: #FFF;
	background-image: url(css-img/black60.png);
	text-decoration: underline;
}


/*//////////
// FOOTER //
//////////*/
div#footer{
	font-size:0.7em;
	clear:both;
	text-align: center;
	background-image: url(css-img/black60.png);
	color:white;
	width:14em;
	margin: 15px auto;
	padding: 10px 15px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}






/*//////////////
//  CONTENT  //
////////////*/


div#content .cd-out{ /*Outer container for CD thumbnails*/
	height:220px;
	float:left;
	margin-left:10px;
}

div#content .cd{
	width:156px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-image: url(css-img/white60.png);
	padding:0px 0px 5px 0px;
	overflow: auto;
}

div#content .cd img{
	height:150px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0 0 5px 0;
	text-align:center;
}

div#content a img{
	border:3px solid #99F;
	background-color:#FFF;
}
div#content a:hover img{
	border:3px solid #FF0;
	background-color: #FFC;
	
}

div#content .cd p {
	clear:both;
	font-size: 1.1em;
	text-indent:0;
	margin: 0px;
	text-align:center;
}

div#content .cd p.title{
	font-size: 0.9em;
	font-style:italic;
	margin: 0 2px 0 2px;
}

div#content .cd p.artists{
	/*font-size:0.8em;*/
	margin: 0 2px 0 2px;
}

div#content .cd-big {
	margin-top: 10px;
}
div#content .cd-big .info {
	margin-bottom: 5px;
	
}
div#content .cd-big .info h3{
	/*display:inline;*/
}
div#content .cd-big .info p{
	font-size:1.2em;
	min-width:500px;
	display:inline;
	text-indent:0;
}


div#content ol {
	margin-top:0.5em;
	list-style-position:inside;
}
div#content ol li {
	
}

.flash {
	float: left;
	margin: 0px 10px 10px 0px
}

.clearLeft{
	clear:left;
}