@charset "UTF-8";
/*	Author: Kevin Chrisjohn
     Author Website: www.whynotboth.com/composition
     Website: Why Not Composition
     File Name: style.css
     Created: Oct 24, 2011
     Last Updated: Oct 26, 2011 */
	 
/* Global */
body{
	padding: 18px;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #F3F3F3;
	
}

h1{
	color:#2B3990;
	font-size: 36px;
}

/* Classes */
.fleft{
	float: left;
}

/* Page Wrapper */
#wrapper {
	margin: 0 auto;
	min-height: 500px;
	width: 800px;
}

/* HEADER */
header {
	min-width: 200px;
	min-height: 100px;
	margin-left: 24px; 
}

/*DISCRIPTION */
#discription {
	color:#2B3990;
	font-size: 39px;
	padding-top: 16px;
}

/* NAV */
nav {
	display:block;
	min-width: 800;
	margin-top: 18px;
	margin-left: 126px;
} 

nav ul {
	list-style-type: none; 
    margin-top: 18px;
    padding: 0px;
}	

nav li{ 
	display:inline;
}	

nav a { 
	text-decoration: none; 
	text-transform:uppercase;
	padding: 10px;  
	color:#999;  
}

/* SUB NAV */
#sub_nav {
	background:url(images/sub_nav.png);
	display:block;
	width: 400px;
	height: 50px;
	margin: 0 auto;
} 

#sub_nav ul {
	list-style-type: none; 
    margin: 20px auto;
    padding-top: 18px;
}	

#sub_nav li{ 
	display:inline;
}	

#sub_nav a { 
	text-decoration: none; 
	text-transform:uppercase;
	font-weight:bold;
	padding: 9.5px;  
	color:#FFF;  
}
 
 
/* BODY MAIN */	 
#body_main { 
	clear:both;
	min-height:720px;
	margin: 36px;
	border: solid;
	border-width: 1px;
	-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	background-color: #FFF;
	border-color: #888;
	padding: 18px;
	width: 720px;
	overflow:auto;

}

/* ALBUM GRID */
#album_grid {
	display: block;
}

#album_grid ul {
	list-stlye-type: none;
	padding: 0px;
}

#album_grid li {
	margin: 0 auto;
	display: inline-table;
	padding: 18px;
}

#album_grid img {
	box-shadow: 0px 0px 10px #888;
}

/* BODY LEFT */
#body_left {
	padding: 9px;
	padding-right: 18px;
	width: 460px;
	float: left;
	overflow:auto;
	border-right: solid;
	border-width: 2px;
	border-color: #888;
	min-height: 684px;
	
}

/* BODY RIGHT */
#body_right {
	float: left;
	width: 186px;
	margin: 9px;
	
}

#player {
	margin: 0 auto;	
}

#sidebar {
	text-align:justify;
	padding: 5px;
}
		
/* FOOTER */	
footer {
	background-color: #FFF;
	text-align: center;
	display:block;
	height:42px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: solid;
	border-width: 1px;
	border-color: #888;
	-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;
	width:756px;
	margin: 36px;
}