/*

MASTER SCREEN STYLES for andrewholdsworthmusic.com by Richard Young Design Associates
VERSION 	1.0 
CREATED 	2010.01.04
MODIFIED	2010.02.04
CONTENTS
	
	0. RESET CSS
	1. BODY
	2. TYPOGRAPHY
	3. LINKS
	4. IMAGES
	5. BRANDING/MASTHEAD/NAVIGATION
	6. CONTAINERS
	7. PRE-FOOTER
	8. FOOTER
		
---------------------------------------------

	0. RESET CSS
		
------------------------------------------ */
		
@import url(reset.css);
	

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

	1. BODY
		
------------------------------------------ */
		
body	{
	background: #303030 url(../images/global/bg-tile.png) repeat-x;
	font-size: 62.5% 						/* The Rutter Reset - www.clagnut.com */;
	-webkit-text-stroke: 1px transparent 	/* sub-pixel hack for Safari fat text */; 
	}

.clear	{
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	}

ul li	{ 
	color: #646464;
	font: normal bold 1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style: none;
	margin: 0 0 15px;
	padding: 0; 
	text-align: left;
	text-decoration: none;
	text-indent: -20px;
	text-transform: uppercase; }

ol li	{
	color: #646464;
	font: normal bold 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  
	list-style: none;
	margin: 0 0 3px;
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-indent: -50px;
	text-transform: uppercase; 
	}


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

	2. TYPOGRAPHY
		
------------------------------------------ */
		
p	{
	color: #e8e6e7;
	font: normal normal 1.6em/1.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 18px;
	text-decoration: none;
	}

h1 	{
	background-color: #00adef;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px; 
	-webkit-border-bottom-left-radius: 7px;  
	 border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	border-top: 2px solid #3496d2;
	color: #e8e6e7;
	font: bold 2.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 13px;
	padding-bottom: 7px;
	text-align: center; 
	text-decoration: none;
	text-transform: none;  
	width: 250px;
	}

h2 	{
	color: #e8e6e7;
	font: normal bold 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 8px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}

h3	{
	color: #e8e6e7;
	background-color: #373737;
	border-top: 1px solid #343435;
	border-bottom: 1px solid #474748;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font: normal bold 1.8em/1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 15px;
	padding: 0 0 1px 10px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	}

.dark-copy {
	color: #191919;
	text-shadow: #c3c3c7 0 1px 1px;
	}

#copyright	{
	color: #565656;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	text-align: center;
	text-decoration: none;
	text-shadow: #333333 0 -1px 0;
	}

.quote	{
	color: #b8b7b8; 
	font: normal bold 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 18px 50px;
	text-align: left;
	text-decoration: none; 
	text-indent: -15px;
	text-shadow: #363636 0 -2px 0;
	text-transform: none; 
	}

.attribution	{
	background-color: #ff0084; 
	border-radius: 5px;
	bottom: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #e8e6e7;
	font: normal bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 3px 7px 3px 6px;
	position: relative; 
	overflow: visible;
	text-decoration: none;
	text-shadow: #b21265 0 -1px 0;
	text-transform: uppercase;
	visibility: visible;
	}
	
.footnote { 
	font-size: 0.9em;
	}


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

	3. LINKS
		
------------------------------------------ */

a, a:visited	{
	border-bottom: 1px dotted #e8e6e7;
	color: #e8e6e7;
	font-weight: bold;
	margin-bottom: 6px;
	padding-bottom: 2px;
	text-decoration: none;
	}

a, a:visited	{
	border-bottom: 1px dotted #e8e6e7;
	color: #e8e6e7;
	font-weight: bold;
	margin-bottom: 6px;
	padding-bottom: 2px;
	text-decoration: none;
	}

a:hover	{
	color: #00adef;
	border-bottom: 1px dotted #00adef;
	font-weight: bold;
	margin-bottom: 6px;
	padding-bottom: 2px;
	text-decoration: none;
	}

#navigation a, #navigation a:visited	{
	color: #646464;
	border-bottom: none;
	margin-bottom: 0;
	text-decoration: none;
	text-shadow: #363636 0 -1px 0;
	}

#navigation a:hover	{
	color: #e8e6e7;
	border-bottom: none;
	margin-bottom: 0;
	text-decoration: none;
	text-shadow: #363636 0 -1px 0; 
	}

.current	{
	color: #e8e6e7;
	text-shadow: #363636 0 -2px 0;
	}

.music	{
	margin-bottom: 8px;
	}


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

	4. IMAGES
		
------------------------------------------ */

.large-content-images-left	{
	border: 6px solid #373737;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	margin-bottom: 22px;
	}

.large-content-images-right	{
	border: 6px solid #373737;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: right;
	margin: 0 0 22px 22px;
	}

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

	5. BRANDING/MASTHEAD/NAVIGATION
		
------------------------------------------ */

#header 	{
	float: left;
	width: 250px;
	}

#navigation	{ 
	background-color: #373737;
	border-top: 1px solid #343435;
	border-bottom: 1px solid #474748;
	border-radius: 7px;
	float: left;
	margin: 30px 0 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 15px 0 25px;
	text-align: left;
	width: 250px;
	}
	
/* ------------------------------------------

	6. CONTAINERS
		
------------------------------------------ */

#main-content-wrapper {
	background: url(../images/global/content-bg-tile.png) repeat;
	border-bottom: 1px solid #2d2d2e;
	border-bottom-right-radius: 7px; 
	-moz-border-radius-bottomright: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; 
	-moz-border-radius-bottomleft: 7px; 
	-webkit-border-bottom-left-radius: 7px; 
	margin: 5px auto 30px; 
	padding-bottom: 25px; 
	width:960px; 
	}
	
#left-column {
	display: inline; 
	float:left; 
	margin-left: 20px; 
	margin-right: 10px; 
	padding-right: 40px;
	position: relative;
	width: 250px;
	}
	
#right-column {
	background: url(../images/global/right-column-bg-tile.png) repeat;
	border-bottom: 1px solid #353737;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; 
	-moz-border-radius-bottomleft: 7px; 
	-webkit-border-bottom-left-radius: 7px; 
	display: inline; 
	float: left; 
	margin: 0 20px 0 10px; 
	padding: 12px 15px 25px;
	position: relative;
	width: 580px;
	}

.player {
	border: 6px solid #373737;
	border-radius: 3px;
	margin: 0 0 22px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: auto;
	}

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

	7. PRE-FOOTER
		
------------------------------------------ */


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

	8. FOOTER
		
------------------------------------------ */