/* PAGE
---------------------------------------------*/

html {
    background: #fff;
}

body {
	margin:0;
	padding:0;
}

#body {
	margin:0 auto;
	font-size: 11px;
	font-family: Verdana, Arial;
	background: #FFF;
	width: 840px;
	padding: 0em 0em;
	border-bottom: 15px solid #002;
}
	
.content  a{
	color: #0036a3;
	text-decoration: none;
}

.content a:hover{
	color:#990000;
}

/* CONTENT
---------------------------------------------*/

/* FOOTER
---------------------------------------------*/
#footer  a{
	color: #0036a3;
	text-decoration: none;
}

#footer a:hover{
	color:#990000;
}




/* NEWS
---------------------------------------------*/

#news_story {
	height: 15.3em;
}

#twitter_feed {
	background-color:#ddd;
	padding: 2px;
	padding-bottom:5px;
	height: 24px;
	overflow:hidden;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	position:relative;
	/*top:-10px;*/
	left:-11px;
	width: 104%;
	
	/*-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px; */
	
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 25px;
	-khtml-border-radius-topright: 25px;	
	-moz-border-radius-topright: 25px;
	border-top-right-radius: 25px; 
}

#twitter_feed h2 {
	font-size:15px !important;
	color:#004;
	float:left;
	/*margin-right:10px; */
	height:4em;
	margin-left:2px;
	
}

#twitter_feed ul {
	display:block;
	width: 500px;
	}

/* THE GROUP
---------------------------------------------*/

/* PHOTOS + VIDEOS
---------------------------------------------*/

/* SHOWS
---------------------------------------------*/

/* MUSIC + DISOGRAPHY
---------------------------------------------*/

/* GUESTBOOK
---------------------------------------------*/

/* BOOKING + CONTACT
---------------------------------------------*/

/* 
---------------------------------------------*/







.alert {
	font-size: 100%;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}
.content{
	padding: 5px;
	height: 100%;
	!display: inline-block;
}

#body p {font-size: 100%;}
#body h2{font-size: 145%; }
#body h3{font-size: 130%;}
#body h5{font-size: 100%; color: #0036a3; font-weight: normal; display: inline;}

.active{
	text-align: center;
	float:left;
	margin:10px;
	text-indent:0px;
	width:125px;
	
}

.active img{
	height: 75px;
	width: 75px;
	margin:2px!important;
	padding:0px!important;
}

.alum {
	float: left;
}

img.alum {
	height: 40px;
	width: 40px;
	padding: 1px;
}

#guestbook_entries{
	margin-top: 10px;
}
#guestbook_form{
	color: ;
	margin-bottom: 20px;
}

#guestbook_navigate{
	width: 100%;
	text-align:right;
}
#form table{
	padding: 0;
}
#guestbook_entries h1{
	font-size:100%;
	!color: #999;
	margin: 0;
	margin-top: 10px;
}
#music_left{
	width:64%;
	!padding: 5px;
	float:left;
	
}


#music_right{
	width:35%;
	float:left;
	
}


#music_right li{
	margin-bottom: 5px;
}
.bio table{
	width: 100%;
	padding: 0px;
	!border: 1px solid #000;
}

.bio_label{
	width: 100px;
	text-align:right;
}
.show{
	margin-top: 10px;
	font-size: 11px;
}

.show .title{
	font-size: 12px;
	font-weight: bold;
}

.show .datetime{
	font-size:11px;
	color: #555;
}
#footer{
	font-size: 10px;
	font-family: Verdana, Arial;
	color: #555;
	text-align: center;
}

#footer img{
	border: 0px;
	!display: inline;
}
#twitter{
	
	height: 24px;
	width: 24px;
}
#fb{
	height: 20px;
	width: 20x;
}

#album {
	width: 100%;
}
#album #left{
	width:25%;
}
#album img{
	height: 200px;
	width: 200px;
}

#tracks{
	list-style:decimal;
	margin-left:1em;
}
.album_rest{
	display: block;
	width: 100%;
}

#discography{
	text-align: center;
	width: 90%;
}
#discography img{
	border: 1px #000 solid;
	height: 100px;
	width: 100px;
}
#discography .td{
	width: 50%;
}
#discography .tr{
	padding-bottom: 10px;
}
h1, h2, h3, h4, ul, ol, li, a img {
	margin: 0;
	padding:0;
	list-style:none;
	border:0;
	}


h1, h2, h3, h4{
	margin-bottom: 3px;
	
	
}
#mitlogs {
	width: 840px;
	height: 61px;
	display:block;
	background: url('../images/mitlogs2.png') no-repeat bottom left;
	margin:0px auto;
	margin-top:20px;
	text-indent:-5000px;
	}

#navbar {
	width: 840px;
	height: 18px;
	margin:0px auto;
	padding:0;
	z-index:-1;
}

#navbar ul {
	list-style: none;
	margin:0;
	padding:0;
	}

#navbar li {
	float:left;
	text-align:left;
	margin: 3px 5px 0px 0px;
	padding: 1px 6px;
	/*border: 1px solid #002;
	border-width: 1px 1px 0px 1px; */
	background-color: #226;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 7px;	
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-khtml-border-radius-topleft: 7px;	
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;	
	}
	
#navbar li#right {
	float:right;
	text-align:right;
	margin: 3px 0px 3px 0px;
	padding: 2px;
	}

#navbar a {
	text-decoration: none;
	color: #eee;
	margin:0;
	}

#navbar li:hover {
	background-color:#003!important;
	}

#topimage {
	width:840px;
	height:273px;
	display:block;
	margin: 0px auto;
	border-top: 2px solid #000;
	background-color:#000;
	}

#topimage img {
	position:relative;
	top: 0px;
	}

#content {
	width:838px;
	margin: 0px auto;
	padding: 0;
	background-color: #eee;
	border: #aaa solid;
	border-width: 0px 1px 1px 1px;
	min-height: 220px;
	/* MUST ALSO SET HEIGHT IN logs.js */
	}
	
.padding{
	padding: 4px;
}
	

.ul{
	margin-left: 10px;
	margin-bottom: 8px;
	margin-top: 8px;
}

#oneChunk {
	float:right;
	width: 205px;
	display:block;
	font-family:Verdana;
	margin:5px;
	}

#oneChunk ul {
	margin-bottom: 10px;
	}
	
#fiveChunk {
	width: 600px;
	padding:10px;
	padding-right:0px;
	float:left;
	}

#fiveChunk img {
	margin:10px;
	margin-left:0px;
	}

#fiveChunk p {
	margin:0;
	padding:0;
	margin-bottom:1em;
	}

small.bio {
	margin-bottom:1em;
	display:block;
	}

#fiveChunk h2 {
	font-size:20px;
	color:#003;
	font-weight:100px;
	font-family:Palatino;
	}

.bubbleblurb {
	margin:0;
	padding:0;
	color:#777;
	}

#topOverlay {
	position:absolute;
	top:320px;
	}

.headline {
	opacity: 0.8;
	color:#fff;
	padding: 5px;
	background: #000;
	margin: 0px;
	margin-left: 10px;
	float:left;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	}

#shows_expander, #shows_headline {
	width: 235px;
	}

#album_expander, #album_headline {
	width: 245px;
	}

#player_expander, #player_headline {
	width: 285px;
	}

#player_ticker {
	float:left;
	}

#player_progress {
	display: block;
	background: #777;
	width: 220px;
	height: 7px;
	margin-top:4px;
	float:left;
}
	
.headline h2 {
	margin:0;
	padding:0;
	font-family: Arial;
	font-weight: Bold;
	}

.headline small {
	font-size:12px;
	}

#mid {
	height: 10px;
	width:840px;
	position:relative;
	background-color: #000;
	position:relative;
	left:-1px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}

.album {
	width: 100px;
	border: 1px solid aaa;
	float:left;
	}

#banner {
	z-index:0;
	background: #000;
	}


.js * .expander {
	display:none;
	height:0px;
	top:-5px;
	}

.expander {
	position:absolute;
	background:#000;
	padding:5px;
	margin-left:-5px;
	top:-210px;
	height: 205px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;	
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	}

.album_icons {
	float:right;
	width:20px;
	height:20px;
	clear:right;
	margin-right:3px;
	}

ol#logtunes-tracks {
	margin:0px 1px;
	padding:0;
	width:170px;
	height:150px;
	display:block;
	float:right;
	}

#logtunes-tracks li {
	display:block;
	margin:0;
	/*border-bottom: 1px solid white;*/
	height:14px;
	width:170px;
	}

#logtunes-tracks li a {
	color:#fff;
	text-decoration:none;
	padding:1px;
	padding-left:5px;
	width:150px;
	display:block;
	}

#logtunes-tracks a:hover {
	background: #224;
	}

.expander h3 {
	margin:0;
	padding:0;
	font-size:11px;
	font-weight: bold;
	}

.right {
	text-align: right;
	}

#more_news li a {
	 color:#002;
	}

#more_news li {
	padding: 2px;
	padding-left:1em;
	text-indent: -1em;
	line-height:1.1em;
	
	}

#headline_icons, #headline_icons a, #headline_icons img  {
	float:right;
	height: 19px;
	}

#headline_icons img {
	width: 20px;
	margin:-1px;
	}

#headline_icons a:hover {
	background-color:#224;
	}

/* exploded rounded corners */
.exploded-rounded-corners {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

	-khtml-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;

	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;

	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	}

/* bottom-right rounded corner */
.bottom-right-rounded-corner {
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	}

.bottom-right-square-corner {
	-webkit-border-bottom-right-radius: 0px!important;
	-khtml-border-radius-bottomright: 0px!important;	
	-moz-border-radius-bottomright: 0px!important;
	border-bottom-right-radius: 0px!important;
	}

/* bottom-left rounded corner */
.bottom-left-rounded-corner {
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	}

/* top-right rounded corner */
.top-right-rounded-corner {
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	}

/* top-left rounded corner */
.top-left-rounded-corner {
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	}

.music_album {
	width: 150px;
	height: 180px;
	float:left;
	margin:10px;
	text-align:center;
}

.music_album img {
	margin:0px!important;
	}

.player_albums {
	width: 120px;
	margin-top:4px;
	}

.player_albums img {
	float:left;
	width:50px;
	height:50px;
	margin:2px;
	}

#upcoming_shows li {
	border-bottom: 1px solid #444;
	padding: 2px;
	}
	
#upcoming_shows li:hover {
	background: #224;
	}
	
#upcoming_shows a, #shows_headline a  {
	text-decoration: none;
	color:#fff;
}

p.bubbleblurb {
	text-decoration: none;
	color:#777!important;
}


div.active_head {
	float: left;
	width: 80px;
	height: 130px;
	display:block;
	padding:2px;
	margin: 5px;
	}

.active_head img {
	width:75px;
	height:75px;
	margin-right:25px;
	padding:0px;
	}

.active_head a {
	text-decoration: none;
	color: #004;
	}

alum_link {
	float:left;
	margin:2px;
	border:0;
	text-decoration:none;
	height: 20px;
	width: 20px;
	}

img.alum {
	height:35px;
	width:35px;
	}

#dim {
	position:absolute;
	height:100%;
	width:100%;
	background-color: #000;
	opacity: 0;
	z-index:5;
	top:0px;
	display:none;
	}

#dialog_box {
	margin: 20px -300px;
	background-color:#eee;
	z-index:6;
	width:630px;
	height:515px;
	padding:10px;
	font-family: Verdana;
	font-size:12px;
	position:absolute;
	left:50%;
	display:none;
	}

#dialog_box p, #dialog_box small,  #dialog_box img {
	margin-bottom:1em;
	margin-right:1em;
	display:block;
	}

#dialog_box img {
	margin-bottom: 0px;
	}

img#bio {
	width:200px;
	}

#dialog_box .alum_link img {
	margin:2px;
	float:left;
	}

#dialog_box p {
	height: 260px;
	overflow: auto;
	}