/* CSS
   	Author: Scott Thomas (www.simplescott.com, scott@simplescott.com)
	Client: Inner Current
	Created: 03-18-07
	Modified: 03-18-07
*/

/* global element styles */

	html { overflow-x: auto; }
	
	img { border: 0;}

	div { text-align: left; vertical-align: top; }
	
	body 
	{
		/*background-color: #FFFFFF;*/
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color: #666666;
		margin: 50px 0px 0px 0px;
		padding: 0;
		width: 900px;
		min-height: 1000px;
		background-image: url('../images/bg.gif');
		background-repeat: repeat-y;
	}
	
	h1 
	{
		font-family: Georgia;
		font-size: 12px;
		line-height: 1.1em;
		font-weight: normal;
		color: #FA4E89;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
	}
	
/*	ul 
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}


	ul li 
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}*/
	
	
	
	p 
	{
		padding-bottom: 5px;
	}
	
	input[type="text"], textarea {
		margin-bottom:8px;
		border: 1px solid #999999;
		padding:2px;
		font-size: 10px;
	}
	
	blockquote {
		font-family: Georgia;
		font-size: 15px;
		line-height: 1.4em;
		font-weight: normal;
		color: #666666;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
		margin:0px 15px 10px 0px;
	}
	
	.caption {
		font-family: Georgia;
		font-size: 12px;
		line-height: 1.3em;
		font-weight: normal;
		color: #666666;
	}

/* global hyperlink styles */

	a:link,
	a:visited,
	a:active
	{
		
		color: #131313;
		text-decoration: none;
	}

	a:hover
	{
	
		color: #ff679a;
		text-decoration: underline;
	}


/* main wrapper*/

	#wrapper
	{
		margin: 0;
		text-align: left;
		/* re_aligns text to left second part of two part MSIE centering workaround */
		width: 700px;
		height: auto;
	}

/* navigation styles */

	
	#navigation {
		width: 100%;
		height: 163px;
		margin-left:250px;
		padding-left:0px;
		list-style: none;
		font-family: Georgia;
		color: #444;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
		line-height: 1.2em;
		font-size: 12px;

	}
	
 	#navigation li {
		width:200px;
	}
	
	#navigation li a {
		padding-left:110px;
		width: 90px;
		display:block;
	}
	
	#navigation li a:link,
	#navigation li a:visited,
	#navigation li a:active
	{
		color: #131313;
		text-decoration: none;
	}

	#navigation li a:hover
	{
		background: #000;
		color: #fff;
		text-decoration: none;
	}

/* layout styles */

	#col1
	{
		width: 50px;
		height: auto;
		background-image: none;
		background-repeat: no-repeat;
		float: left;
		
		
	}
	
	#logo {
		position:fixed;
		top: 50px;
		display:block;
		height:auto;
	}

	#col2
	{
		width: 450px;
		height: auto;
		margin: 0 0 100px 70px;
		padding: 0px;
		float: left;
		background-repeat: no-repeat;
	}
	#col2[alt="home"] {
		background-image: url('../images/home.png');
	}
	#col2[alt="artists"] {
		background-image: url('../images/artists.png');
	}
	#col2[alt="flicks"] {
		background-image: url('../images/flicks.png');
	}
	#col2[alt="distribution"] {
		background-image: url('../images/distribution.png');
	}
	#col2[alt="releases"] {
		background-image: url('../images/merch.png');
	}
	
	#col2[alt="press"] {
		background-image: url('../images/press.png');
	}
	
	#col2[alt="downloads"] {
		background-image: url('../images/downloads.png');
	}
	
	#col2[alt="stores"] {
		background-image: url('../images/stores.png');
	}
	
	#col2[alt="contact"] {
		background-image: url('../images/contact.png');
	}
	
	#col2a
	{
		width: 200px;
		height: auto;
		margin-top: 0px;
		padding: 0px;
		float: left;
	}
	
	#col2b
	{
		width: 198px;
		height: auto;
		margin-left: 50px;
		padding: 0px 1px 0px 1px;
		float: left;
	}
	
	#col3
	{
		width: 200px;
		height: auto;
		margin-left: 50px;
		padding: 0px;
		float: left;
	}
	#col3a {
	 	width: 75px;
		height: auto;
		margin: 0px;
		padding: 0px;
		float:left;
	} 
	#col3b {
		width: 120px;
		margin-left: 5px;
		padding:0;
		float: left;
	}
	#col3b p {
		padding-bottom:32px;
		
		
	}
	
	#col4
	{
		width: 50px;
		height: auto;
		margin-left: 50px;
		padding: 0px;
		float: left;
	}
	
	#row1 
	{
		height:390px;

	}
	#row2
	{
		clear:both;
		padding-top:14px;
	}
	
	#copy {
		
		padding:0px 3px 0px 3px;
	}
/* home page */
	.new_release {
		margin-top:10px;
		clear:both;
		width:200px;
	}
	
	.new_release img {
		float: left;
		padding-right: 10px;
		padding-bottom: 10px;
	}


/* releases page */

	.release {
		margin-top:5px;
		background-color:#FFFFFF;
		width:450px;
		clear:both;
		padding:35px 0px 0px 0px;
		border-bottom: 1px #e8e8e8 solid;
	}
	
	#cover_art {
		float: left;
		width:250px;
		height:auto;
		padding:0px;
		
	}
	
	#track_info {
		margin-left:250px;
		
		width:200px;
		height:150px;
		background-color:#FFFFFF;
	}
	
	#track_info p {
		margin-top:30px;
	}
	
	#track_list {
		float:left;
		width:175px;
		padding-left:5px;
		padding-top:10px;
	}
	
	#description {
		clear:both;
		padding-top:10px;
		width:250px;
	}
	
	#test {
		background: #222;
		color: #fff;
		padding: 10px;
		margin: 20px;
		border: 10px solid pink;
	}
	
	
/* custom styles */
	.align-center { text-align: center; }
	.align-right { text-align: right; }
	.justify { text-align: justify; }
	.float-left { float: left; }
	.float-right { float: right; }
	.float-none { clear: both; float: none; }
	.inline { display: inline; }
	.hide { display: none; }
	.noborder { border: 0px none; }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.normal { font-weight: normal; }
	.nomargin { margin: 0; }
	.nopadding { padding: 0; }