/* -- DIV AND DIV-STYLE FORMATTING -- */

body{
background:#FFFFFF;
background-image:url('images/CloudsBackground.jpg');
background-repeat:repeat-x;
font-family:Arial;
text-align:center;
background-attachment:fixed;
margin:0;
}

div.container{
text-align:center;
width:1000px;
background:url('images/ShortBackground.jpg');
background-repeat:repeat;
background-color:#FFFFFF;
padding:0;
margin:30px auto;
border:8px #000000 solid;
}

div.totheside{
height:200px;
background:#000000;
float:left;
width:200px;
}

div#picture_bar{
background:transparent;
width:100%;
height:348px;
padding:0;
margin:0;
}


div.header{
height:80px;
}

#site_title{
margin: 30px auto auto 22px;
float:left;
}

div.content{
text-align:left;
margin:0 20px;
}

div.footer{
font-size:small;
text-align:right;
clear:left;
padding:10px;
color: #AAAAAA;
}

div.subfooter{
width:100%;
background-image:url('images/HillsFooter.jpg');
background-repeat:repeat-x;
height:155px;
margin:120px 0 0px 0px;
padding:0;
opacity:0.2;
filter:alpha(opacity=20);
}

a,img{
	border:none;
	outline:none;
}
/* -- LINK BAR FORMATTING -- */

.links{
float:left;
font-size:36px;
font-weight:bold;
}

.links ul{
list-style-type:none;
margin:0;
padding:0;
} 

.links li{
float:left;
}

.links a{
display:block;
text-decoration:none;
width:85px;
}

div.links{
margin:20px 40px 20px 6px;
}

div.links a{
margin:0 36px;
}

div.links a.this{
opacity:1;
filter:alpha(opacity=100);
}

div.links a.other{
opacity:0.4;
filter:alpha(opacity=40);
}

div.links a.other:hover{
opacity:1;
filter:alpha(opacity=100);
}

div.links a.this:hover{
opacity:0.4;
filter:alpha(opacity=40);
}
/* -- ABOUT PAGE -- */

table.members{
margin:30px 0px 30px 20px;
width:630px;
}

table.members td{
padding:20px 0;
text-align:center;
font-size:22px;
font-weight:bold;
}

td.highlight{
background-color:#CECBBD;
}

div.biobox{
width:630px;
margin:0px 20px;
font-size:13px;
}
.big_text{
font-size:large;
}

.fanlist_box td{
vertical-align:top;
}

.fanlist_box{
font-size:13px;
}

.error_msg{
color:#990000;
text-align:center;
font-size:12px;
background-color:#FFAAAA;
margin:6px;
padding:3px;
}

div.fanlist_box{
text-align:left;
width:380px;
background-color:transparent;
clear:left
padding:20px;
margin:40px auto 20px 130px;
}

.fanlist_title{
text-align:center;
font-size:26px;
font-weight:bold;
margin:0;
}

.fanlist_box td{
padding:10px 6px 0 6px;
width:160px;
}

.fanlist_box input{
width:150px;
}

.fanlist_box table{
margin:0;
}

/* --  PARAGRAPH FORMATTING -- */

p{
font-size:medium;
margin:0 0 1em;
}

a{
color:#000000;
}

a:hover{
color:#E5E2D5;
text-decoration:underline;
}

/* -- HOME FORMATTING -- */

.news_title{
font-weight:bold;
font-size:22px;
text-transform:uppercase;
}

.news_date{
font-size:small;
font-style:italic;
float:right;
color:#AAAAAA;
}

p.news{
font-size:14px;
width:580px;
margin:10px 30px 40px 10px;
padding:10px;
background-color:transparent;
font-family:Arial, Helvetica, sans-serif;
}

div.news_item{
font-size:14px;
width:580px;
text-align:center;
height:203px;
margin:0px auto 40px 10px;
display:inline-block;
padding:0px;
background:url('images/newsbracket.png');
}

.picture_preview{
width:270px;
height:203px;
margin:0px auto;
padding:0px;
}


/* -- MEDIA FORMATTING -- */

table.media{
font-size:small;
text-align:center;
width:600px;
}

table.media a{
text-decoration:none;
}

.media_small{
	width:200px;
	height:150px;
	float:left;
	margin:8px;
}

.media_smaller{
	width:160px;
	height:120px;
	float:left;
	margin:15px;
}

.fullwidth{
width:100%;
margin:20px;
}


.fullwidthplayer{
margin:-10px auto 45px 0;
width:630px;
text-align:center;
background:url('images/playerbracket.png');
}

.mediaplayer{
margin:0px auto;
width:350px;
}

table.media .previewcolumn{
	width:200px;
}

table.media .twocols{
	width:50%;
}

h2{
margin:20px 0px 0px;
font-size:22px;
text-align:left;
}

h3{
font-size:14px;
font-weight:normal;
margin:0 0 10px;
font-style:italic;
}

/* -- SHOWS FORMATTING --*/
.cancelled{
text-decoration:line-through;
}

table.shows{
font-size:small;
text-align:center;
width:620px;
}

table.shows .when{
width:100px;
}

table.shows .where{
width:165px;
}

table.shows .info{
text-align:left;
padding:10px;
}

table.shows ul{
margin:0;
padding:5px 20px;
}

table.shows .weekday{
font-size:smaller;
text-transform:uppercase;
}

table.shows .date{
font-size:medium;
}

table.shows .time{

}

table.shows th{
background-color:#ffffff;
padding:10px;
text-transform:uppercase;
font-size:22px;
}

table.shows td{
padding:10px;
}

table.shows .venue{
font-size:medium;
}

table.shows .address{
font-size:smaller;
}

table.shows .transit{
font-size:smaller;
font-style:italic;
}