/* basic */
html {
    background: black;
    margin: 0;
    padding: 0;
}

body {
    font-family: Helvetica, sans-serif;
    margin: 0 0;
    padding: 0;
    color: #eee;
}
p {
    margin: 23px 0;
}

ol li { list-style: decimal;}
strong { font-weight: bold; }
h1 { font-size: 20pt; text-transform: lowercase; }

h2 { 
    font-size: 14pt; 
    text-transform: lowercase; 
    border-bottom: 2px solid; 
    margin-bottom: 9px;
}
.common h2 { border-bottom: 2px solid; margin-bottom: 9px;}
a:link { color: #888; }
a:visited { color: #9ec1bc; }
a:hover { color: #fff; }

.centered { text-align: center; }

#doc {
    margin: auto; 
    text-align: left;
    width: 837px;
    padding-bottom: 48px;
}

.main-title {
    font-family: Courier, sans-serif;
    font-size: 20em;
    letter-spacing: -3px;
    text-transform: none;
}

.loading { 
    text-align: center;
    margin-top: 100px;
}

/* main menu and header */

#hd {
    height: 250px;
    /* background: url('../images/cover-monster.png') no-repeat center; */
    background: url('../images/ume-banner-live-1.jpg') no-repeat center bottom;
    margin-bottom: 14px;
    /* background: url('../images/ume-banner-for-website-1.jpg') no-repeat center;*/
}

#menu a, h1 { 
    color: #eee;
}

#menu { 
    height: 75px;
    padding-right: 18px
}

#menu a, 
#menu a.current {
    display: block; 
    float: right;
    font-size: 10px;
    text-decoration: none;
}

#menu a { 
    font-weight: bold; 
    background: white;
    color: #222;
    margin: 0; /* 18px 0 0 0; */
    padding: 12px 11px 4px 11px;
}

#menu a:hover {
    background: #eee;
    color: #333;
}

#menu a.current {
    color: black;
    background: #ccc; /* #f4d2d3; old pink color*/
    /* padding-bottom: 12px;*/
    font-weight: normal;
    /* padding: 24px 11px 4px 11px;*/ 
}

/* clear menu */
div#bio, div#press, div#music { clear: both; margin-bottom: 14px; }

div#pagenotes {
    margin-left: 9px;
    width: 275px;
}

/* main contant */
#maincontent {
    width: 483px;
    margin-left: 37px;
    margin-top: 10px;
}


/* page content */
#page-content {
    margin: 10px 0;
}

#page-content ol,
#page-content ul {
    margin: 10px 20px;
}

/* side content */
#listen, 
#contact-info, 
#social-info,
#stores,
#upcoming-shows,
#twitter { padding: 10px; }

/* twitter */

#twitter ul li {
    padding: 10px 0;
}

/** side players **/
#listen .player-controls {
    float: right;
}
#listen .play,
#listen .pause,
#listen .prev,
#listen .next { 
    margin: 0;
    padding: 2px;
    cursor: pointer; 
}

/* news */
#news-section, 
#blog-section { 
    padding-bottom: 14px;
}

h2.news-title {
    font-size: 12pt;
    margin: 30px 0 0 0;
    border: 0;
}

.news-entry {
    margin: 12px 0;
}


/* shows */
#shows-past table, 
#shows-upcoming table {
    margin: 0 0 18px 0;
}

#shows-past table td, 
#shows-upcoming table td {
    vertical-align: top;
    padding-bottom: 4px;
    padding-right: 12px;
}

td.loc { width: 90px; }

/* photos */
#gallery td { padding: 7px; }

/* merch */
.merch-block { margin-bottom: 50px; }
.merch-block h1 { margin-bottom: 27px; }
.merch-block ol {
    margin: 8px 0 12px 21px;
}

/* press */
h2.news-headline {
    text-transform: normal;
    border: none;
}