/* Built by Andy Morris for the Expression Engine Template system. Look for the comments to figure out what the fuck i did. */

body {
	float: none;
	margin: auto;
	padding: 0;
	text-align: center;
	background: #171717;
}
#body {
	float: left;
	width: 536px;
	text-align: left;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #171717 url(http://www.masstransitmusic.com/images/index2_06.jpg) repeat-y left;
}

a:link {
color: #006600;
text-decoration: none;
}

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

a:hover, a:active {
color: #006600;
text-decoration: underline;
}


/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	margin: 0 auto;
	width: 980px;
	background: #171717;
	text-align: left;
	float: none;
}

/* the masthead. Change the image reference to the one you want to use */

#header {
	margin: 0 0 0 0;
	color: #000000;
	height: 9px;
	width: 980px;
	background: #171717;
}

/* the titlebar style holds the two columns (name and player) together */

#titlebar {
	margin: 0;
	height: 66px;
}

/* player is the right hand column where your media player will appear */

#player {
	float: left;
	width: 508px;
	Height: 60px;
	border: 0px;
	padding: 0;
	font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #171717 url(http://www.masstransitmusic.com/images/index2_03.jpg) ;
}

/* name is the left column where mass transit */

#name {
	float: left;
	width: 472px;
	Height: 60px;
	text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border-top: 0px solid #999;
	border-bottom: 0px solid #999;
	background: url(http://www.masstransitmusic.com/images/index2_02.jpg) ;
}

#photo {
	color: #000000;
                display: block;
	height: 288px;
	width: 980px;
	background: #171717;
}

#menu {
        float: left;
	margin: 0 0 6px 0;
	color: #000000;
	height: 33px;
                border-top: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
	width: 980px;
	background: #131313;
}
#blank_menu {
        float: left;
	margin: 0 0 0 0;
	color: #000000;
	height: 51px;
	width: 980px;
	background: url(http://www.masstransitmusic.com/images/blank_menu.png);
}
#bio_menu {
        float: left;
	margin: 0 0 0 0;
	color: #000000;
	height: 51px;
	width: 980px;
	background: url(http://www.masstransitmusic.com/images/bio_menu.png);
}
#bio_text {
        float: left;
        display: block;
        margin: 0 0 0 0;
        padding: 10px 10px 10px 10px;
        color: #000000;
        width: 704px;
        background: #FFFFFF;
        font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#photos_left {
        float: left;
        display: block;
        text-align: center;
        margin: -10px 0 0 0;
        padding: 0px 10px 10px 10px;
        color: #FFF;
        width: 704px;
        background: #171717;
        font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#show_menu {
        float: left;
	margin: 0 0 0 0;
	color: #000000;
	height: 51px;
	width: 980px;
	background: #000000 url(http://www.masstransitmusic.com/images/show_menu.png);
}
#news_menu {
        float: left;
	margin: 0 0 0 0;
	color: #000000;
	height: 51px;
	width: 980px;
	background: #000000 url(http://www.masstransitmusic.com/images/news_header.png);
}
#show_left {
        float: left;
	margin: 0 0 0 0;
	color: #FFF;
	width: 210px;
	text-align: left;
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
        background: #171717;
}
#show_left a:link, a:visted {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: underline;
	color: #CCC;
	background: transparent;
}

#show_left a:hover, a:active {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #900;
	background: #FFF;
}

#show_right {
        float: left;
	color: #000000;
	width: 255px;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
        background: #cccccc;
}

#show_middle {
        float: left;
	margin: 0 0 0 0;
	color: #000000;
	width: 514px;
        text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #171717;
}

#show_centered {
        float: left;
	margin: 0 0 0 0;
	color: #000000;
	width: 725px;
        text-align: center;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #171717;
}
#show_right_inset {
        margin: 0 0 10px 12px;
        padding: 5px 0 0 10px;
        width: 220px;
        background: #171717;
}

 /* the content container holds the 3 content columns together*/
#content {
	float: left;
	margin: 0 0 0 0;
}
#misc {
	float: right;
	width: 220px;
	text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #CCC;
}

#misc p { 
margin: 0; padding: 5px 20px;
}

/* push is the padding around the small boxes in misc*/ 
#push {
	margin: 10px 10px 10px 10px;
text-align: center;
}

#push a:link {
Border: 0;
background: transparent;
color: #000
}

#shows {
	float: left;
	width: 210px;
	margin: 0 0 5px 5px;
	text-align: left;
	background: #171717;
}
 



/* the footer, containing credits, rss links etc */

 #footer {
	float: left;
	width: 980px;
	Height: 10px;
	margin: 6 0 0 0;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#999;
	background: #171717 url(http://www.masstransitmusic.com/images/index2_09.jpg) repeat-y right;
}
#footer a:link {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #FFF;
	background: transparent;
}
#footer a:visited {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #006600;
	background: transparent;
}
#footer a:hover {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #000;
	background: #FFF;

}


/* the main class keeps content away from the edges. Could have been done with padding in each class, but that could cause some woes 

with older browsers */

.main {
	margin: 0 16px 0 16px;
}

/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}

/* The standard list styles. */
hr {
	text-align: left;
	width: 100%;
	color: #FFF;
                margin: 1px;
}
ul {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	display: list-item;
}
li {
	border-bottom: 0 solid #CCC;
	font: 100% verdana, arial, helvetica, sans-serif;
        padding: 3px 0 2px 0;
        font-weight: bold;
	list-style-image:url(http://www.masstransitmusic.com/images/show_dot.png)
}

.date {
	font-size: 10px;
	margin: 10 4 2 10;
	color:#FFFFFF;
	background-color:#171717;
}
.date a:link{
	font-size: 10px;
	margin: 10 4 2 10;
	color:#FFFFFF;
	background-color:#171717;
}
.archives {
	font-size: 12px;
	margin: 10 10 2 10;
	color: #CCCCCC;
}
.title {
	font: 16px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 4 10 10 10;
	font-weight: bold;
        padding-left:17px;
	background: url(http://www.masstransitmusic.com/images/arrow.gif) left no-repeat;
	color: #006600;
}
.post {
	clear: both;
	margin: 4 25 0 10;
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000;
	line-height: normal;
}
.post a:link,a:visited{
	clear: both;
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #006600;
	line-height: normal;
        text-decoration: none;
}
.post a:hover,a:active{
	clear: both;
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #006600;
	line-height: normal;
        text-decoration: underline;
}

.posted_comments {
	clear: both;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 0px 0 0px;
}

.mailinglist_form {
        padding: 0px;
        margin: 0px;
}

.mp3player {
        position: relative;
        left: 40px;
        top: 10px;
}

.th_light {
        width: 100px;
        float: right;
        padding: 5px 0 0 0;
        text-align: right;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 4 10 10 10;
	font-weight: bold;
	background: #FFF;
	color: #000000;
}

.th_dark {
        width: 100px;
        float: right;
        padding: 5px 0 0 0;
        text-align: right;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 4 10 10 10;
	font-weight: bold;
	background: #333333;
	color: #FFFFFF;
}

.td_light {
        width: 30em;
        float: left;
        text-align: left;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
        margin: 5px 0 5px 5px;
        padding-left: 10px;
	background: #FFF;
	color: #000000;
}
.td_light a:link{
        width: 30em;
        float: left;
        text-align: left;
        text-decoration: underline;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFF;
	color: #000000;
}
.td_light a:hover{
        width: 30em;
        float: left;
        text-align: left;
        text-decoration: underline;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFF;
	color: #900;
}

.td_dark {
        width: 30em;
        float: left;
        text-align: left;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
        margin: 5px 0 5px 5px;
        padding-left: 10px;
	background: #333333;
	color: #FFFFFF;
}
.td_dark a:link{
        width: 30em;
        float: left;
        text-align: left;
        text-decoration: underline;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #333333;
	color: #FFFFFF;
}

.td_dark a:hover {
        width: 30em;
        float: left;
        text-align: left;
        text-decoration: underline;
        font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #333333;
	color: #900;
}
#shows_wrapper {
	width: 645px;
	background: #171717;
	text-align: center;
	float: none;
}
.calendarBG {
 background-color: #171717; 
}

.calendarBlank { 
font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 background-color: #CCCCCC;
}

.calendarHeader { 
font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size:         10px;
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #171717; 
}

.calendarMonthLinks {
 font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size:         9px;
 font-weight:		bold;

 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-weight: bold; 
 font-size:	9px;
 color: #fff; 
 background-color: #333333; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size:         9px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size:        9px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #C94047;
 text-decoration:   none;
 background-color:  transparent;
}

.mls {
font: 20px impact, Verdana, Arial, Sans-Serif;
text-transform: lowercase;
text-decoration: none;
color: #CDCDCD;

background: transparent;
display: block;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #CDCDCD;
}

.mls a:link {
font: 20px impact, Verdana, Arial, Sans-Serif;
text-transform: lowercase;
text-decoration: none;
color: #CDCDCD;

background: transparent;
display: block;
padding: 3px 0px 3px 0px;

}

.mls a:visited {
font: 20px impact, Verdana, Arial, Sans-Serif;
text-transform: lowercase;
text-decoration: none;
color: #CDCDCD;

background: transparent;
display: block;
padding: 3px 0px 3px 0px;

}

.mls a:hover {
font: 20px impact, Verdana, Arial, Sans-Serif;
text-transform: lowercase;
text-decoration: none;
color: #CC0000;

background: transparent;
display: block;
padding: 3px 0px 3px 0px;

}

.mls a:active {
font: 20px impact, Verdana, Arial, Sans-Serif;
text-transform: lowercase;
text-decoration: none;
color: #CDCDCD;
background: transparent;
display: block;
padding: 3px 0px 3px 0px;

}

#venue_link {
font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px 0px 0px 8px;
color:#FFF;
border: 0px;
display: block;
background-color: #CDCDCD;
}

.venue_link a:link{
font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px 0px 0px 8px;
color:#FFF;
border: 0px;
display: block;
background-color: transparent;
}

.venue_link a:visited {
font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px 0px 0px 8px;
color:#CDCDCD;
border: 0px;
display: block;
background-color: transparent;
}

.venue_link a:hover {
font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px 0px 0px 8px;
color:#CC0000;
border: 0px ;
display: block;
background-color: #cdcdcd;
width: 100%;
}
.venue_link a:active {
font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px 0px 0px 8px;
color:#CDCDCD;
border: 0px;
display: block;
background-color: transparent;
}

#store_content {
	float: left;
        margin-left: 10px;
	width: 700px;
	text-align: left;
        display: block;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFF;
}

.float_left {
float: left; margin-right: 6px;
}