@charset "utf-8";
/*
Name: FOS Music CSS
Author: Nikolay Belitchenov, Belin Creative
*/

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: #131313 url(../assets/bg-tile.jpg) 0% 0% repeat-x; 
	color: #e4e4e4;
	text-align: center;
	margin-top: 35px;
	font-size: 12px;
  }
	
a, a:visited {font-size: 12px; color: #c14c0d; text-decoration: underline; }
a:hover { font-size: 12px; color: #e4e4e4; text-decoration: underline; }
	
h1	{ color: #e4e4e4; font-size: 28px; margin: 0; font-weight: normal; text-transform: none; line-height: normal;}
h2	{ color: #c14c0d; font-size: 14px; margin: 0; font-weight: bold; text-transform: capitalize;}
h3	{ color: #e4e4e4; font-size: 18px; margin: 0; font-weight: bold; text-transform: none; line-height: normal; }

/*heading styles*/	

#contentNest {
	position: relative;
	clear: both;
	margin: 0px auto;
	width: 956px;
	text-align: left;
	}
	
#topper {
	position: relative;
	clear: both;
	margin-left: 15px;
	width: 229px;
	height: 10px;
	overflow: hidden;
	}	
	
#contentBox {
	position: relative;
	clear: both;
	float: left;
	width: 926px;
	border-right: 1px solid #141413;
	border-left: 1px solid #141413;
	background: #292929 url(../assets/content-bg-tile2.jpg) repeat-x 0% 0%;
	padding: 0 14px;
	}	
	
#sideBar {
	position: relative;
	clear: right;
	float: left;
	width: 229px;
	}

#logoContainer {
	position: relative;
	float: left;
	clear: both;
	width: 229px;
	height: 143px;
	}	
	
/*navigation*/

#navTopper {
	float: left;
	clear: both;
	width: 229px;
	height: 11px;
	}	
	
#navNest {
	float: left;
	clear: both;
	width: 228px;
	background: #1f1f1f url(../assets/nav-nest-tile2.jpg) repeat-y 0% 0%;
	padding-left: 1px;
	}	
	
#navNest .navItem {
	float: left;
	clear: both;
	width: 214px;
	border: 0;
	}
	
#navNest .utilityContainer { float: left; clear: both; padding: 0 0 10px 30px; width: 180px; }
#navNest a.utility, a.utility:visited, a.utility:hover { font-size: 10px; color: #818181; text-decoration: none; }	
	
/*right content*/	

#rightNest {
	position: relative;
	float: right;
	clear: right;
	background: url(../assets/content-ground.gif) repeat-y 0% 0%;
	width: 686px;
	margin-top: 12px;
	}
	
#rightContent {
	position: relative;
	float: right;
	clear: right;
	background: url(../assets/content-ground-top2.jpg) no-repeat 0% 0%;
	width: 656px;
	padding: 40px 15px 5px 15px;
	}
	
#rightTopHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding-bottom: 26px;
	}	
	
#homeSplashCD {
	position: relative;
	float: left;
	clear: left;
	width: 214px;
	height: 189px;
	padding-bottom: 70px;
	}	
	
#homeSplashDescription {
	position: relative;
	display: inline;
	float: left;
	width: 425px;
	padding-top: 10px;
	}	
	
#homeSplashDescription .copy, .copyLink, .copyLink:visited, .copyLink:hover { font-size: 14px; font-weight: normal; margin-top: 23px; }

#rightBottomHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding-bottom: 35px;
	}
	
#rightBottomMoreNest {
	position: relative;
	float: left;
	clear: both;
	width: 650px;
	}

#rightBottomMoreNest .item { position: relative; float: left; clear: none; margin-left: 15px; padding-right: 20px; width: 290px; height: 125px;display: inline; line-height: 120%; }
#rightBottomMoreNest .img { padding: 3px 15px 0 0; float: left; }

#contentBottom {
	position: relative;
	float: right;
	clear: both;
	width: 686px;
	height: 30px;
	}

/*footer*/ 

#contentBottomCap {
	position: relative;
	clear: both;
	margin: 0px auto;
	width: 956px;
	height: 11px;
	text-align: left;
	}
	
#footer {
	position: relative;
	clear: both;
	margin: 0px auto;
	width: 956px;
	text-align: center;
	padding: 35px 0;
	font-size: 10px; 
	color: #818181;
	}
	
/*artists*/	

#landingHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding-bottom: 11px;
	}	

#rightContent .artistImage {
	position: relative;
	float: left;
	clear: both;
	width: 651px;
	height: 197px;
	}
	
#rightContent .artistDescription {
	position: relative;
	float: left;
	clear: both;
	width: 605px;
	padding: 0 0 0 14px;
	line-height: 120%;
	}
	
#rightContent a.visitSiteLink, a.visitSiteLink:visited { padding-left: 18px; color: #c14c0d; background: url(../assets/visit-site-off.jpg) no-repeat 0% 50%; }
#rightContent a.visitSiteLink:hover { color: #e4e4e4; background: url(../assets/visit-site-on.jpg) no-repeat 0% 50%; }
#rightContent a.myspaceLink, a.myspaceLink:visited { padding-left: 18px; color: #c14c0d; background: url(../assets/myspace-off.jpg) no-repeat 0% 50%; }
#rightContent a.myspaceLink:hover { color: #e4e4e4; background: url(../assets/myspace-on.jpg) no-repeat 0% 50%; }
#rightContent a.facebookLink, a.facebookLink:visited { padding-left: 18px; color: #c14c0d; background: url(../assets/facebook-off.jpg) no-repeat 0% 50%; }
#rightContent a.facebookLink:hover { color: #e4e4e4; background: url(../assets/facebook-on.jpg) no-repeat 0% 50%; }

#rightContent .separator {
	position: relative;
	float: left;
	clear: both;
	width: 621px;
	height: 1px;
	border-top: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	margin: 30px 17px 18px 13px;
	margin-bottom: 18px;
	}

	
.catalogItemsDescription {
	position: relative;
	display: inline;
	float: left;
	width: 415px;
	height: 179px;
	padding-top: 10px;
	}	
	
.catalogCD {
	position: relative;
	float: left;
	clear: left;
	width: 214px;
	height: 189px;
	}	
	
#mlHdr {
	position: relative;
	float: left;
	clear: both;
	width: 656px;
	height: 27px;
	padding: 35px 0;
	}
	
.input {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #030100;
	width: 180px;
	height: 15px;
	}	
	
.inputML {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #030100;
	width: 480px;
	height: 80px;
	}