@charset "UTF-8";
/* CSS Document */

body {background-color: #cfc28b;}
p {color: #4F0013; font-family:Georgia, "Times New Roman", Times, serif}
h1 {color:#4f0013; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;}
h2 {color:#fbf8ef; font-family:Georgia, "Times New Roman", Times, serif}
h3 {color:#f87205; font-family:Georgia, "Times New Roman", Times, serif; font-weight:500;}
/* li {color: #4F0013; font-family: times; list-style:none;} */

/* links start here */
a:link { 
display:inline;
color: #4F0013; 
text-decoration: none;
}

a:visited { 
color:#4F0013;
text-decoration: none;
}

a:hover {
color: #f87205; 
text-decoration: none;
} 

a:active {
color:#f87205;
text-decoration:none;
}

.contact a:link, 
.contact a:visited {
color:#f87205;
text-decoration:none;
}

.shows a:link, 
.shows a:visited {
color:#f87205;
text-decoration:none;
}

.about a:link, 
.about a:visited {
color:#f87205;
text-decoration:none;
}

.friends a:link, 
.friends a:visited {
color:#f87205;
text-decoration:none;
}

.music a:link, 
.music a:visited {
color:#f87205;
text-decoration:none;
}

.press a:link, 
.press a:visited {
color:#f87205;
text-decoration:none;
}

.bio a:link,
.bio a:visited {
color:#f87205;
}

.katya a:link,
.katya a:visited {
color:#f87205;
}

.kathleen a:link,
.kathleen a:visited {
color:#f87205;
}

.mercedes a:link,
.mercedes a:visited {
color:#f87205;
} 

/* text over images navigation */

#nav-bar-bio ul {
	padding:0;
	margin:0;
}

#nav-bar-bio li {
	float:left;
	margin: 0 0;
	font-size:18px;
	list-style-type:none;
}

#nav-bar-bio li a {
	background:url(/images/nav-label.png) repeat-x;
	height:40px;
	line-height:30px;
	width:98px;
	float:left;
	display:block;
	text-align:center;
}
#nav-bar-bio {
	width:600px;
	position:absolute;
	left:230px;
	top:10px;
}

#nav-bar ul {
	padding:0;
	margin:0;
}

#nav-bar li {
	float:left;
	margin: 0 0;
	font-size:18px;
	list-style-type:none;
}

#nav-bar li a {
	background:url(/images/nav-label.png) repeat-x;
	height:40px;
	line-height:30px;
	width:98px;
	float:left;
	display:block;
	text-align:center;
}
#nav-bar {
	width:600px;
	position:absolute;
	margin-left:15px;
	margin-right:85px;
	top:0px;
}

/* header and footer class elements - belong to each page */

#top-left {
	position:absolute;
	top:0;
	left:0;
}

#top-right {
	position:absolute;
	top:0;
	right:0;
}

#scroll {
	position:absolute;
	margin-left:50px;
	margin-right:50px;
	bottom:30px;
}

/* index */

#container {
	position:relative;
	background-image:url(/images/bg-grad.jpg);
	background-repeat:repeat-x;
	top:10px;
	margin-left:auto;
	margin-right:auto;
	width:700px;
	height:700px;
}
	
#gramophone {
	position:absolute;
	top:100px;
	left:20px;
}

#bubble {
	position:absolute;
	top:100px;
	right:35px;
	z-index:10;
}

#swirl-logo {
	position:absolute;
	right:45px;
	top:380px;
}

#bubble-text {
	position:absolute;
	width:240px;
	height:80px;
	top:120px;
	right:45px;
	z-index:11;
	font-size:22px;
}

#info {
	position:absolute;
	width:240px;
	height:80px;
	top:420px;
	right:175px;
	font-size:18px;
	font-style:italic;
	line-height:35px;
	text-align:center;
}

.logo-text {
	font-size:28px;
	font-style:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	color:#f87205;
}

.buy-links a {
	display:inline;
	color:#f87205;
}

/* shows */

#scroll-top {
	position:absolute;
	top:100px;
	margin-left:50px;
	margin-right:50px;
}

#shows {
	position:absolute;
	padding:0px;
	top:130px;
	left:100px;
	width:500px;
	height:500px;
}

#shows-new {
	position:relative;
	margin-top:5px;
	width:170px;
}

#shows-past {
	position:relative;
	margin-top:5px;
	width:115px;
}

#swirl-logo-tiny {
	position:absolute;
	top:300px;
	left:0px;
}

table {
	position:relative;
	top:0px;
	border-collapse:collapse;
	border:hidden;	
}

td {
	padding:2px;
}

th {
	color:#4F0013;
	text-align:center;
	border:hidden;
}

td a {
	display:inline;
	color:#f87205;
}
/* music */

#buy {
	position:relative;
	top:60px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:50px;
}

#ep {
	position:relative;
	top:60px;
	margin-left:47px;
	margin-right:auto;
	width:606px;
	height:308px;
}

#swirl-logo-music {
	position:absolute;
	bottom:90px;
	left:50px;
	width:130px;
	height:129px;
}

.flash-player {
	position:absolute;
	bottom:90px;
	right:50px;
	width:400px;
	height:160px;
}

#dots-music {
	position:absolute;
	bottom:30px;
	margin-left:16px;;
	margin-right:16px;
	width:668px;
	height:75px;
}
/* band */

#bio-container {
	background-image:url(images/bg-grad.jpg);
	background-repeat:repeat-x;
	position:relative;
	top:10px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:700px;
}

#swirl-logo-bio {
	position:relative;
	top:5px;
	left:25px;
	border:none;
	outline:none;
	width:130px;
	height:129px;
	z-index:10;
}

#scrap {
	position:absolute;
	top:90px;
	left:25px;
	width:450px;
	z-index:10;
}
	
#dpgrouppic {
	position:absolute;
	top:100px;
	right:25px;
	z-index:9;
}

#bio-links {
	display:block;
	position:absolute;
	width:180px;
	top:310px;
	left:25px;
	font-size:24px;
	font-style:italic;
	line-height:40px;
	list-style-type:none;
}

#scroll-bio {
	position:absolute;
	bottom:30px;
	right:150px;
}

#bio-pic {
	position:absolute;
	top:135px;
	left:235px;
	z-index:12;
}

#bio-text {
	position:absolute;
	top:115px;
	right:55px;
	width:295px;
	height:340px;
	line-height:25px;
	z-index:11;
}

#paper-scrap {
	position:absolute;
	top:115px;
	right:20px;
	z-index:10;
}

#paper-scrap-large {
	position:absolute;
	bottom:150px;
	left:270px;
	z-index:10;
}

#bio-paragraph {
	position:absolute;
	top:120px;
	left:325px;
	width:500px;
	height:400px;
	z-index:11;
	font-size:19px;
	text-align:justify;
}
	
.definition {
	font-size:17px;
	padding-left:10px;
	text-align:left;
}

.bold {
	font-weight:700;
}

.h1 {
	font-size:34px;
	font-style:italic;
	padding-left:10px;
}

.bio-list-style li {
	display:block;
	list-style:outside;
	line-height:20px;
	font-size:16px;
	text-align:justify;
}
	
/* press */

#pac-noise {
	position:relative;
	top:10px;
	left:65px;
}

#swirl-logo-press {
	position:absolute;
	bottom:70px;
	left:285px;
}

/* contact */

#contact {
	position:absolute;
	top:65px;
	margin-left:115px;
	margin-right:115px;
	width:470px;
	height:200px;
	z-index:11;
}

#walking {
	position:absolute;
	top:65px;
	margin-left:100px;
	margin-right:100px;
	z-index:9;
}

#swirl-logo-contact {
	position:absolute;
	top:65px;
	left:15px;
}

.email {
	text-indent:20px;
	font-style:italic;
	color:#fbf8ef;
}

.email-text {
	font-weight:500;
	color:#fbf8ef;
	text-align:justify;
}
/* friends */

#friends-container {
	position:relative;
	top:140px;
	left:75px;
	width:550px;
}

#friends {
	position:relative;
	top:5px;
	left:0px;
}

#swirl-logo-friends {
	position:absolute;
	bottom:75px;
	left:75px;
}