body {
	font-family: Verdana, sans-serif;
	background: url(dark-bg.jpg) no-repeat #333 fixed bottom right;
	padding: 0;
	margin: 0;
}

#page {
	background: url(light-bg.jpg) no-repeat white fixed bottom right;
	margin: 0 auto 1em 2em;
	padding: 1px 0em 0;
	width: 50em;
}
h1 {
	margin: 0.5em;
	width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	color: #066;
}
.longlist li {
	margin-bottom: 1em;
}
a img { border: none; }

a:link { color: #055; }
a:visited { color: #555; }

.floatimg {
	float: right;
	padding: 0 1em;
}

#menu {
	margin: 0;
	padding: 0 0 0 2em;
	list-style: none;
	background-color: #ccc;
	overflow: hidden;
}
#menu li {
	float: left;
	margin: 0 1px 0 0;
	background-color: #666;
}
#menu li:hover {
	background-color: #066;
}
#menu .search {
	float: right;
	background-color: #ccc;
	padding: 0.1em;
}
#menu .search form { display: inline; }
#menu .search input {
	font-size: 70%;
	background-color: white;
	border: solid 1px black;
}
#menu .search .button {
	background-color: #666;
	color: white;
	font-weight: bold;
	border: none;
}
#menu .search:hover {
	background-color: #ccc;
}
#menu a {
	display: block;
	padding: 5px 2em;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#main {
	padding: 1em 1.5em;
}

#footer {
	font-size: 80%;
	margin: 1em 0 0;
	padding: 0.5em;
	background-color: #666;
	color: white;
}
#footer a { color: white; }

div.alert {
	border: solid 3px #c00;
	background-color: #fcc;
	margin: 2em auto;
	padding: 1em;
	width: 30em;
	color: #600;
}
.small {
	font-size: 70%;
}
.rating_self {
	color: #088;
	font-weight: bold;
	font-family: monospace;
}
.rating {
	color: #080;
	font-weight: bold;
	font-family: monospace;
}
.polish { font-weight: bold; }
.polish_sketch { color: #c00; }
.polish_rough { color: #c60; }
.polish_draft { color: #cc0; }
.polish_demo { color: #6c0; }
.polish_radio { color: #080; }
.polish_epic { color: #088; }

ul.inline_list {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.inline_list li {
	display: inline;
	padding: 0;
	margin: 0;
}
ul.inline_list li:before { content:', '; }
ul.inline_list li:first-child:before { content:''; }

/* tabgroup style {{{ */
.tabgroup {
	margin-top: 1em;
}
.tg_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 120pt;
	font-size: 80%;
	float: left;
	border: solid 1px #588;
	border-right: none;
}

.tg_menu li {
	display: block;
	border-bottom: solid 1px #588;
	border-right: solid 1px #588;
	margin: 0;
	padding: 0;
}
.tg_menu li:last-child { border-bottom: none; }
.tg_tablink a {
	cursor: pointer;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 4px;
}
.tg_tablink a:hover, .tg_untablink:hover {
	background-color: #eff;
}
.tg_menu li.tg_untablink {
	display: block;
	cursor: pointer;
	font-size: 80%;
	padding: 4px;
}
.tg_currenttab {
	font-weight: bold;
	background-color: #588;
}
.tg_currenttab a { color: white; }
.tg_currenttab a:hover { background-color: #588; }

.tg_quicknav {
	text-align: center;
	padding: 2px;
	margin: 0 0 1em 120pt;
	background-color: #588;
	font-size: 80%;
	color: white;
}
.tg_quicknav a {
	color: white;
	font-weight: bold;
}
.tg_body {
	border: solid 1px #588;
	padding: 0 1em;
	margin-left: 120pt;
	margin-bottom: 0;
}
/* }}} */

/* song table {{{ */
table.songs {
	width: 100%;
	border: solid 1px #888;
	margin-top: 2em;
}
table.songs th {
	text-align: left;
	padding-left: 0.5em;
}
table.songs td {
	border-top: solid 1px #888;
	padding: 0.5em;
}
table.songs tr:first-child td { border-top: none; }
/* }}} */

/* song info {{{ */
table.songinfo {
	margin: auto;
	width: 80%;
	border: solid 1px #888;
}
table.songinfo th { text-align: right; border-right: solid 1px #888; }
table.songinfo th, table.songinfo td { padding: 0.5em; }
table.songinfo td:first-child {
	border: solid #888;
	border-width: 1px 0;
}

.lyrics { white-space: pre-wrap; }

.schedule { font-weight: bold; }
.schedule_improvised { color: #088; }
.schedule_aad { color: #c00; }
.schedule_day { color: #c30; }
.schedule_fawm { color: #c60; }
.schedule_5090 { color: #c90; }
.schedule_week { color: #cc0; }
.schedule_songfight { color: #9c0; }
.schedule_fortnight { color: #6c0; }
.schedule_month { color: #3a0; }
.schedule_unlimited { color: #080; }

/* }}} */

/* player stuff {{{ */
#playstatus {
	position: fixed;
	bottom: 0; width: 99%; margin: 0;
	margin: 0 auto;
	padding: 0.5em;
	background-color: #bbf6f6;
	border-top: solid 1px #066;
	font-size: 80%;
}
#playstatus a {
	color: #066;
	text-decoration: none;
	font-weight: bold;
}
.playbutton {
	cursor: pointer;
	vertical-align: middle;
	padding-right: 0.7em;
}
#playtoggle { padding-left: 0.7em; }
#playnext, #playkill {
	display: block;
	float: right;
	border-left: solid 1px #066;
	padding: 0 0.5em;
	margin: 0;
}
/* }}} */

/* comments {{{ */

#comments {
	width: 100%;
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}
#comments li {
	padding: 0.5em 0;
}
#comments table {
	float: right;
	font-size: 80%;
}
#comments td {
	vertical-align: top;
	text-align: center;
	padding: 0 0.5em;
}
#comments td:first-child { text-align: right; }
br.clear { clear: both; }

#comments .signature {
	color: #044;
	text-align: right;
}
#comments .comment {
	border: solid 1px #066;
	border-left-width: 8px;
	font-size: 80%;
	background-color: #bbf6f6;
	padding: 0.1em 0.5em 0.1em 1em;
}
.thatsme {
	font-style: italic;
	font-size: 125%;
}

/* }}} */

/* pagination {{{ */

.paginate { font-size: 80%; }
.paginate .page {
	background-color: #bbf6f6;
	padding: 0.4em;
	font-weight: bold;
	margin: 0 0.2em;
}
.paginate .active {
	background-color: #088;
	color: white;
}
.paginate .page a {
	color: black;
	text-decoration: none;
}

/* }}} */

/* input forms {{{ */

table.form td:first-child {
	border-bottom: solid 1px #066;
	padding-top: 1em;
	text-align: center;
	font-weight: bold;
}
table.form th {
	padding-right: 1em;
	text-align: left;
}
table.form th, table.form td { padding-top: 0.5em; }
table.form td:first-child { padding-left: 0; }
table.form th { font-weight: normal; }
.ratingedit img { cursor: pointer; }

/* }}} */