/* - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Michelle Seaman
URL : http://www.michelleseaman.net

Created : August 4, 2009

- - - - - - - - - - - - - - - - - - - - - */


*			{
			margin: 0;
			padding: 0;			
			}
			
html		{
			}
			
body 		{
			font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
			font-size: 62.5%;
			color: #666;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			background: #f8f8f8;
			text-shadow: rgba(0,0,0,0.14) 0 1px 0;						
			}

a, a:active	{
			text-decoration: none;
			outline: none;			
			}

a			{ text-decoration: none; font-style: italic; }
a:link		{ color: #94b4b8; }
a:visited	{ color: #94b4b8; } 
a:hover		{ color: #333; }
a:active	{ color: #333; }



/* Typography
- - - - - - - - - - - - - - - - - - - - - */
			
p
			{
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 22px;
			}

#credits p,
#copyright p
			{
			font-size: 11px;
			line-height: 17px;
			font-weight: bold;
			margin-bottom: 0;
			}


/* Main
- - - - - - - - - - - - - - - - - - - - - */			
			
#wrapper	{
			position: relative;
			margin: 0 auto;
			width: 1060px;
			text-align: left;
			background: transparent url(../img/splash.jpg) no-repeat top center;		
			}

a#logo
			{
			position: absolute;
			top:170px;
			left: 60px;
			height: 150px;
			width: 780px;
			display: block;
			text-indent: -9999px;
			}
						
#main-content
			{
			padding: 480px 0 160px 0;
			width: 1060px;
			background: transparent url(../img/footer.jpg) no-repeat bottom center;
			}

#primary-content
			{
			position: relative;
			top: 20px;
			left: 380px;
			width: 580px;
			padding: 10px 20px 110px 20px;
			background: #f8f8f8 url(../img/bottom.jpg) no-repeat bottom center;
			margin-bottom: 30px;
			}
						
#audio-player
			{
			background: #f8f8f8;
			}
			
#player_96942
			{
			margin-bottom: 20px;
			}
			
#credits
			{
			position: absolute;
			top: 660px;
			left: 60px;
			width: 300px;
			height: 110px;
			padding-top: 30px;
			text-align: right;
			background: transparent url(../img/info.jpg) no-repeat top right;
			}
			
#copyright
			{
			position: relative;
			top: 0;
			left: 60px;
			width: 300px;
			}
			

/* Grid Overlay
- - - - - - - - - - - - - - - - - - - - - */

#grid
	{
	position: absolute;
	top: 0;
	left: 50px;
	background: transparent url(../img/grid.png) repeat-y;
	width: 960px;
	height: 1400px;
	z-index: 10;
	}