/* ================================
			BASIC FORMATTING
=================================== */
body {
margin: 2%;
padding: 0;
background: #fff;
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size: 69%;
}

h1 { font-size: 3.0em; }
h1.blog { 
    line-height: 0.8em;
    font-size: 1.3em;
    color: #666;
}
h2 { 
    //margin: 1.5em;
    font-size: 0.85em; 
    color: #bbb;
    align: right;
}
h3 { font-size: 1.3em; }
h4 { font-size: 0.85em; }
h5 { font-size: 1.0em; }

h3 {
margin: 1em 2.5% 0 2.5%;
}

h4 {
margin: 0;
padding: 0.2em;
text-align: left;
font-weight: bold;
}

h5 {
margin: 1em 2.5% 0 2.5%;
border-bottom: 1px solid #ccc;
}

p {
margin: 0;
padding: 0.5em;
font-size: 1em;
line-height: 1.4em;
}

p.masthead {
margin: 1em;
/* padding: 0.5em; */
font-size: 1em;
line-height: 1em;
}


p.links {
margin: 1.5em;
/* padding: 0.5em; */
font-size: 1.1em;
line-height: 1.5em;
}

p.listen {
margin: 0;
/* padding: 0.25em; */
font-size: 1em;
line-height: 1.1em;
}

p.detail {
margin: 0;
/* padding: 0.25em; */
font-size: 1.3em;
line-height: 1.2em;
}

p.browse_list {
margin: 0.55em;
padding: 0.5em;
font-size: 1em;
line-height: 1.6em;
}

p.browse {
margin: 0.5em;
padding: 0.4em;
text-align: center;
font-size: 0.95em;
line-height: 1.7em;
background-color: #ddd;
}

p.blog {
margin: 1.5em;
font-size: 0.95em;
}

span {
margin: 0;
padding: 0.1em;
border: 1px solid #eee;
}

span.eventHeader {
border: 0;
font-size: 1.85em;
}

.selected {
padding: 0.1em;
background-color: #eee;
color: #fff;
}

blockquote {
padding: 0.5em;
font-size: 1.25em;
/* line-height: 1em; */
}

blockquote.listen {
padding: 0.15em;
line-height: 0.5em;
}

a,
a:link,
a:visited {
color: #555;
font-size: 1.18em;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #000;
font-weight: bold;
text-decoration: none;
}

ul {
list-style: none;
margin: 0.8em 3%;
padding: 0;
line-height: 1.25em;
}

/* ================================
			LAYOUT
=================================== */

div.document {
	margin: 0;
	padding: 0.95em;
	}

div.masthead {
	width: 100%;
	padding: 1em;
	/* background-color: #eee; */
}

div.events {
	float: bottom;
	margin: 0 0 0 1.5em;
	width: 45%;
	padding: 0.5em;
	border: 1px solid #d6d200;
	background-color: #fffa9d;
}

div.links {
	/* float: left; */
	width: 50%;
	margin: 1em;
}

div.eform {
	float: bottom;
	margin: 0 0 0 3em;
	width: 25%;
	padding: 0.5em;
	border: 1px solid #ccc;
	background-color: #eee;
}

div.listen {
	float: right;
	margin: 1.5em; 
	width: 36%;
	padding: 1.5em;
	border: 1px solid #eee; 
	text-align: center;
	/* background-color: #eee; */
}


div.browse {
	float: right;
	margin: 0.5em; 
	width: 36%;
	padding: 1.5em;
	border: 1px solid #eee; 
	text-align: left;
	/* background-color: #eee; */
}


div.admin {
	float: left;
	margin: 0.5em; 
	/* width: 36%; */
	padding: 1.5em;
	border: 1px solid #eee; 
	text-align: left;
	/* background-color: #eee; */
}

div.document h2 { 
	clear: left;
	margin: 0;
	text-align: center;
	padding: 1em;
	font-size: 1.7em;
	}

div.recycle {
	padding: 5em;
	width: 95%;
	position: relative;
	bottom: auto;
	vertical-align: bottom;
	font-size: .75em;
	text-align: right;
	color: #297829;
	}

div.document h3 { 
	clear: left;
	margin: 0;
	text-align: center;
	font-size: 1.23em;
	padding: .75em;
	}

div.document h4 {
	text-align: left;
	background: transparent;
	border: none;
	}

div.document h5 {
	text-align: left;
	background: transparent;
	border: none;
	font-size: .85em;
}

div.blog {
	float: left;
	position: relative;
	// bottom: auto;
	vertical-align: top;
	margin: 1.5em; 
	width: 46%;
	padding: 0.25em;
    border: 1px solid #eee;
}

div.blogItem {
    //margin: 0.15em;
    border-top: 1px dashed #999;
	padding: 0em;
}


/* ================================
			NAVIGATION
=================================== */
.navigation { text-align: center; }

.playlist {
margin: 0.8em;
line-height: 1.2em;
border-bottom: 1px solid #ccc;
}

.quote { font-size: 2em; }

.linklist {
line-height: 1.8em;
}

.linklist li a {
display: block;
margin: 0;
padding: 0;
text-decoration: none;
}

.linklist li a:hover {
background: #eee;
text-decoration: none;
}

div.cal_link {
margin: 0.8em;
padding: 0;
border: 1px dotted #ccc;
}

div.cal_link a {
display: block;
margin: 0;
padding: 65px 0 0 0;
text-decoration: none;
background: url(calendar.gif) no-repeat center center;
}

div.cal_link a:hover { background: #eee url(calendar.gif) no-repeat center center; }

/* ================================
			TABLES
=================================== */
table {
width: 96%;
margin: 1em 2%;
padding: 0;
font-size: 0.9em;
border: 1px solid #ccc;
background: #eee;
}

td {
margin: 4px;
height: 6em;
text-align: left;
vertical-align: top;
border: 1px dotted #aaa;
background: #fff;
}

td a {
display: block;
text-align: center;
margin-top: 0;
height: 4em;
padding: 1em 0 0 0;
}

td span {
display: block;
border-bottom: 1px solid #ccc;
background: #f2f2f2 url(gradient_2.gif) repeat-x bottom left;
}

.blank {
border: none;
background: #eee;
}

table.form {
width: 96%;
margin: 1em 2%;
padding: 0;
font-size: 1em;
border: 1px solid #ddd;
background: #fff;
}

table.form td {
margin: 3px;
padding: 0;
height: 1em;
text-align: left;
vertical-align: middle;
border: none;
}

td.label { width: 20%; }

/* ================================
			FORMS
=================================== */

form.alogin {
margin: 0.8em 3%; }

label { float: right; }

.nofloat { float: none; }

/* ================================
			EXTRA
=================================== */
div.container {
background: #fff;
border: 1px solid #ccc;
margin-bottom: 8px;
}

.artist_a { background: #fff0cf; }
.artist_a:hover { background: #ffe7ac; }
.artist_b { background: #e8ebff; }
.artist_b:hover { background: #cfddff; }
.artist_c { background: #deffdb; }
.artist_c:hover { background: #c9ffc1; }
.artist_d { background: #e4dcff; }
.artist_d:hover { background: #d8caff; }
.artist_e { background: #ffe4e4; }
.artist_e:hover { background: #ffd5d1; }

.temp { color: #44a; }