@charset "UTF-8";

/* Ardyth and Jennifer: CSS Document Saturday Dec. 20, 2008 */

/* structure + background 
-------------------------------------------- */

body, div, ul, li, h1, h2, p {margin:0; padding:0;}

body {
	background: url(images/background.png) top center repeat-x #990000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	text-align: left;
	color:#333333;
}
#container {
width: 981px; /* overall page width: 981 px */
margin: 0 auto;
}

/* navigation 
-------------------------------------------- */
#nav{
	width: 181px; /* affects page width: 981 px */
	float:left; 
}
#nav ul{
	list-style-type: none;
	padding:0 0 0 20px;
}
#nav ul li{
	line-height: 25px;
	border-bottom: 1px dotted #FFFFCC;
}
.first {
border-top: 1px dotted #FFFFCC;
}
#nav ul li a{
	display:block;
	color:#FFFFFF;
	padding: 5px 10px;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a:focus{
	background-color: #CC0000;
}
/* content elements
-------------------------------------------- */
#content {
float:left;
width: 800px; /* affects page width: 981px // Content is 800px */
background:url(images/content-mid.png) repeat-y;
}
#welcome, #main {
width: 756px; /* affects page width: 981px // Content is 800px // Border adds 2px // Padding adds 40px */
border:#666666 1px solid; 
margin:0 21px; 
}
#welcome{
background:url(images/welcome_bg.png) no-repeat;
}
#main{
padding-bottom: 20px;
}
#welcome-detail {
margin:20px 238px 0 238px; /* affects page width: 981px // Content is 800px // Image is 280px */
}
#updates-outside { /* affects page width: 981px // Content is 800px // Padding adds 40px */
float:left;
width: 760px; 
margin:1px 20px; 
background: url(images/update-box-bg-mid.jpg) repeat-y;
}
#updates-inside { /* affects page width: 981px // Content is 800px */
float:left;
width: 760px; 
background: url(images/update-box-bg.jpg) no-repeat;
}
.updatebox {/* affects page width: 981px // Content is 800px */
float:left;
width: 210px;
padding:20px;
margin-right:1px;
}
#sidebar {
float:left;
width:120px;
margin: 2px 20px 20px 80px;
}
#sidebar img, #sidebar2 img, #photos #main img {
border: #666666 1px solid;
}
#sidebar2 {
float:left;
width:175px;
margin: 2px 20px 20px 80px;
}
#photos #main img {
margin: 2px 20px 10px 80px;
}
.promoimages{
margin:0 0 8px 80px;
width:390px;
float:left;
}
.promoimages img{
margin:0 8px 0 0;
border:1px solid #666666;
float:left;
}

#updates-footer {
float:left;
}
#footer {
float:left;
width: 800px; /* affects page width: 981px // Content is 800px */
background: url(images/content-bot.png) no-repeat;
padding-top:103px;
margin-left:181px;
}

/* typography 
-------------------------------------------- */
h1 {
font-size: 160%;
font-weight: normal;
color: #990000;
text-align:left;
margin:40px 0 20px 80px;
}
#welcome h1 {
text-align:center;
margin:65px 0 20px 0;
}
h2 {
font-size: 120%;
font-weight: normal;
color: #990000;
}
#discography h2, #news h2, #schedule h2, #press h2, #photos h2, #media h2, #about h2, #links h2, #contact h2 {
font-size: 120%;
font-weight: normal;
color: #330000;
margin:40px 80px 20px 80px;
background:#ffcc66;
padding:5px;
clear:left;
}

#welcome #intro{
margin:0 80px 80px 80px;
font-size:120%;
}
#intro{
margin:0 80px 20px 80px;
font-size:120%;
}

#footer p{
text-align: center;
color: #000000;
font-weight: bold;
font-size: 80%;
line-height: 20px;
margin: -50px 0 0 0;
position:relative;
}
#welcome p {
}

#main p {
margin: 0 80px 20px 80px
}
#sidebar p {
font-size: 90%;
font-style:italic;
line-height: 120%;
color: #990000;
margin: 10px 0;
}
#links #main ul {
margin:0 0 0 95px;
padding:0;
}

/* linkage 
-------------------------------------------- */
#main a, #home .updatebox a {
color:#333333;
text-decoration:underline;
}
#main a:visited, #home .updatebox a {
color:#990000;
text-decoration:underline;
}

#footer a {
color:#000000;
text-decoration:underline;
}
#footer a:visited {
color:#990000;
text-decoration:underline;
}