/**
 * davetufts.com
 * 
 * 
 */


/* --------------------------------------------------------------------- */
/* base
/* --------------------------------------------------------------------- */
html {
	font: normal normal normal 1.05em/1.7em Georgia,serif; 
}

body {
	margin: 0 auto;
	max-width: 40em;
}

a:link      { color: #000; text-decoration: underline; }
a:visited   { color: #000; text-decoration: underline; }
a:link:hover, 
a:visited:hover { color: #f00; text-decoration: none; }


h1, h2, h3 {
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-weight: normal;
	color: #000;
}	
h1 {
	font-size: 4em;
	margin: 0;
	padding: 1em 0 .2em 0;
	border-bottom: #000 solid .1em;
}

h2 {
	font-size: 1.5em;
	margin: 1.5em 0 0 0;
	/*
	padding: 1em 0 .05em 0;
	border-bottom: #000 solid 1px;
	*/
}
	.home h2 {
		background-color: #000;
		-moz-border-radius: .2em;
		-webkit-border-radius: .2em;
		border-radius: .2em;
		padding: .3em;
		color: #fff;
		/*
		text-shadow: 0px -1px 0 rgba(255,255,255,.7);
		*/
	}
h3 {
	color: #ccc;
}



/* --------------------------------------------------------------------- */
/* structure
/* --------------------------------------------------------------------- */

section#back-link, 
header, 
section#torso, 
footer {
	background-color: #fff;
	clear: both;
	margin: 0 1em;
}


/* --------------------------------------------------------------------- */
/* Header
/* --------------------------------------------------------------------- */

header {
	background: transparent url(/sup/images/template/dave_square_small.jpg) no-repeat 100% 50%;
}

header nav ul {
	margin: 0;
	padding: 0;
}
header nav ul li {
	list-style: none;
	float: left;
	margin-right: 1em;
	padding: 0;
}
header nav a:link      { color: #fff; background-color: #f00; padding: 0 .2em; text-decoration: none; }
header nav a:visited   { color: #fff; background-color: #f00; padding: 0 .2em; text-decoration: none;}
header nav a:link:hover, 
header nav a:visited:hover { color: #000; background-color: #f00; text-decoration: none; }

header nav ul li.external {
	float: right;
	margin-right: 0;
	margin-left: 1em;
}

section#back-link {
	margin: 0;
	padding: 0;
	display: block;
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
	section#back-link a { 
		display: block;
		margin: 0;
		padding: .2em .4em;
		color: #999;
		font-size: .8em;
		text-decoration: none;
	}
	section#back-link a:hover {
		background: #f00;
		color: #fff;
	}

/* --------------------------------------------------------------------- */
/* Torso
/* --------------------------------------------------------------------- */

section#torso {
}
section#torso .section {
	min-width: 18em;
	float: left;
	width: 45%;
	margin-right: 10%;
}

section#torso .last_section {
	margin-right: 0;
	width: 44.9%;
}


/* --------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------- */

footer {
	padding-top: 2em;
	padding-bottom: 2em;
	color: #666;
}



/* --------------------------------------------------------------------- */
/* clears
/* --------------------------------------------------------------------- */
.home article#photos:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}





/* --------------------------------------------------------------------- */
/* homepage
/* --------------------------------------------------------------------- */

/* about */
.home article#about {
	font-size: 2em;
	line-height: 1.4;
	margin-bottom: 3em;
	
}

/* photos */
.home article#photos ul {
	margin 1em 0;
	padding: 0;
}
.home article#photos li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 48%;
	float: left;
}
	.home article#photos li:last-child {
		float: right;
	}
.home article#photos li img {
	width: 100%;
}

/* songs */
.home article#songs ul {
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #ccc;
}
.home article#songs li {
	list-style: none;
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}
.home article#songs li p { margin: .3em 0; }
.home article#songs li p em { font-size: .8em; }

/* mortgage calculator */
.home article#mortgage span.download {
	font-size: .8em;
	display: block;
	border-top: 1px dotted #ccc;
	color: #666;
	margin-top: 1em;
	padding-top: .5em;
}
	.home article#mortgage span.download a:link, 
	.home article#mortgage span.download a:visited { text-decoration: underline; color: #666; } 





/* --------------------------------------------------------------------- */
/* one space
/* --------------------------------------------------------------------- */

.space blockquote {
	padding: .1em 0 2em 2em;
	font-size: 1.2em;
	line-height: 1.5em;
}





/* --------------------------------------------------------------------- */
/* Audio
/* --------------------------------------------------------------------- */

.audio h1 {
	font-size: 1.5em;
	color: #000;
	margin: 1em 0 0 0;
	padding: 1em 0 .05em 0;
	border-bottom: #000 solid 1px;
}

/* list page */
ul.audio_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul.audio_list li {
		margin: 2em 0;
		padding: 0;
		overflow: hidden;
		min-height: 180px;
	}
	ul.audio_list li img {
		display: block;
		float: left;
		border: 2px solid black;
		margin: 0 2em 1em 0;
	}
	ul.audio_list li h2 {
		margin: 0 0 10px 200px;
		padding: 0;
		border: none;
	}
		ul.audio_list li h2 a {
			text-decoration: none;
			color: #fff;
			background-color: #f00;
			padding: .2em;
		}
		ul.audio_list li h2 a:hover {
			color: #000;
		}
	ul.audio_list li p {
		margin: .5em 0 1.5em 200px;
	} 

/* detail */
.audio article {
	float: left;
	width: 56%;
	margin-right: 4%;
	padding-top: 2em;
}

.audio aside {
	float: right;
	width: 38%;
}
	.audio aside img {
		margin-top: 5em;
	}
	.audio aside .details {
		font-size: .8em;
		line-height: 1.3;
	}
	.audio aside .details h4 {
		border-bottom: 1px solid #ccc;
		margin-bottom: .5em;
	}
	.audio aside .details ul {
		margin-top: 0;
	}

/* Playa, mp3 player */
.playa div.buttons {
	height: 2.6em;
}
.playa div.buttons a:link, 
.playa div.buttons a:visited,
.playa div.buttons a:active {
	display: block;
	float: left;
	padding: .2em .7em .2em .7em;
	margin: 0 1em 0 0;
	color: #ccc;
	background-color: #444;
	text-decoration: none;
}
.playa div.buttons a:hover {
	background-color: #f00;
	color: #fff;
}
.playa div.playlist {
	margin: 1em 0;
	padding: 0em;
	border-top: 1px dotted #999;
}
.playa div.playlist .song {
	padding: .4em;
	border-bottom: 1px dotted #999;
}
.playa div.playlist .song:hover {
	background-color: #dddddd;
	cursor: pointer;
}
.playa div.playlist .song_playing {
	background-color: #f00;
	color: #fff;
}
.playa div.playlist .song_playing:hover {
	background-color: #f00;
	color: #fff;
}

.playa div.playlist .song .download {
	float: right;
	width: 30%;
	text-align: right;
}
	.playa div.playlist .song .download a {
		font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
		font-size: .8em;
		text-transform: uppercase;
		color: #ccc;
		text-decoration: none;
	}
	.playa div.playlist .song.song_playing .download a {
		color: #c00;
	}
	.playa div.playlist .song .download a:hover {
		color: #000;
		text-decoration: none;
	}


	.audio section#back-link a {
		background: #ccc;
		color: #666;
	}
		.audio section#back-link a:hover {
			background: #f00;
			color: #fff;
		}