@charset "UTF-8";
/* CSS Document
Gretchen Peters
Music CSS
©2009 Gretchen Peters
Created 10/26/09 1:03PM
Updated 10/26/09 1:03PM
Validated 10/26/09 1:03PM
CSS code by Steve Wilkison at Digital Vision Media, www.digitalvisionmedia.com */

/* LAYOUT ELEMENTS */

div#wrapperdiv {
	background: url(../images/bioslice.jpg) top left repeat-y;
}

div#pagebackgrounddiv {
	background: url(../images/musicback_02.jpg) top left no-repeat;
}

div#navigationdiv {
	width: 139px;
	height: 336px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 312px;
	left: 60px;
}

div#musicdiv { /* total width is 770px */
	width: 500px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	padding: 340px 0 25px 340px;
	text-align: justify;
}

div#fastdiv {
	width: 77px;
	height: 52px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	left: 681px;
	top: 256px;
}

div#socialdiv {
	width: 76px;
	height: 170px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 378px;
	left: 912px;
}

div#tourdiv {
	width: 216px;
	height: 336px;
	position: absolute;
	z-index: 10;
	visibility: visible;
	top: 740px;
	left: 853px;
	background: url(../images/tourdates_08.jpg);
}

div#footerdiv {
	font-size: 70%;
	color: #3d3f35;
	width: 1139px;
	height: 309px;
	background: url(../images/biofooter.jpg) top left no-repeat;
}

div#copyrightdiv {
	width: 300px;
	float: left;
	padding: 150px 0 0 150px;
}

div#designdiv {
	width: 300px;
	float: right;
	text-align: right;
	padding: 150px 70px 0 0;
}

div.albumdiv {
	width: 175px;
	float: left;
	margin: 0 55px 0 0;
}

div.albumsepdiv {
	height: 40px;
	clear: both;
}

/* TEXT */

div#musicdiv div.albumdiv p {
	padding: 0 0 3px 0;
	font-size: 80%;
	text-align: center;
	color: #ddded6;
}

div#musicdiv div.albumdiv p.title {
	padding: 8px 0 3px 0;
}

div#musicdiv h1 {
	margin: 0 80px 40px 0;
	text-align: center;
	color: #ddded6;
}


/* LISTS */

div#tourdiv ul {
	padding: 70px 0 0 0;
}

div#tourdiv ul li {
	display: list-item;
	color: #444843;
	font-size: 80%;
	padding: 0 0 8px 0;
	margin: 0 0 0 -13px;
	text-align: center;
}

div#tourdiv ul li#moretour {
	font-size: 70%;
}

div#tourdiv ul li span.date {
	font-weight: bold;
}

/* LINKS */

div#tourdiv a {
	color: #444843;
	text-decoration: none;
}

div#tourdiv a:hover {
	color: #fff;
	text-decoration: underline;
}

div#musicdiv a {
	color: #cab5ba;
	text-decoration: underline;
}

div#musicdiv a:hover {
	color: #fff;
	text-decoration: underline;
}

/* IMAGES */

div#musicdiv div.albumdiv img {
	border: 1px solid #ddded6;
}
