/* TEMP BORDER */ /*
#container, #page_header, #page_menu, #page_content, #page_footer {
	outline: 1px dotted #f88;
} */
/* ERASE WHEN FINISHED */

/*------------------*/
/* Generic elements */
/*------------------*/

body {
	font-family: "Times New Roman",times,serif;
	color: #def;
	background: #cca;
	text-align: center;
	margin: 0;
	padding: 0;
}

p {
	margin: 2px 6px 2px 6px;
}

div, span, h1, h2, h3, a, a:link, a:visited {
	margin: 0;
}

a, a:link, a:visited {
	color: #000;
	border-bottom: 1px dotted #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	border-bottom: 2px solid #000;
	text-decoration: none;
}

img, a img, a:link img, a:visited img {
	text-decoration: none;
	border: 2px solid #400;
	padding: 4px;
	margin: 0 8px 0 8px;
}

a:hover img {
	text-decoration: none;
	border: 2px solid #f54;
	padding: 4px;
}

.imglink a {
	text-decoration: none;
	border: 0;
	padding: 0;
	margin: 0;
}

ul, li {
	list-style-type: none;
}

table {
	caption-side: top;
	border-collapse: collapse;
	width: 100%;
}

td {
	padding: 8px;
	border: 1px dashed #853;
}

caption {
	font-size: 1.3em;
}

/*-----------------------------------*/
/* Page main layout */
/* (Paddings, margins, floats, etc.) */
/*-----------------------------------*/

#container {
	margin: auto;
	padding: 0 20px 0 20px;
	width/**/:/**/ 800px;
}

#page_header {
	margin: 0;
	padding: 15px;
	clear: both;
}

#page_menu {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}

#page_content {
	width: 616px;
	margin: 0;
	padding: 15px;
	float: left;
}

#page_footer {
	margin: 0;
	padding: 15px;
	clear: both;
}

/*--------*/
/* Styles */
/*--------*/

#container {
	text-align: center;
}

#page_header {
	text-align: center;
}

#page_header h1 {
	padding: 20px;
}

#page_header a, #page_header a:link, #page_header a:hover, #page_header a:visited {
	text-decoration: none;
	border: none;
}

#menu, #page_content {
	color: #000;
	background-color: #dc9;
	border: 2px solid #000;
}

#page_content {
	text-align: left;
}

#page_content h3 {
	margin: 0;
	padding: 4px 4px 16px 4px;
}

#page_content p {
	margin: 12px 0 12px 0;
	padding: 2px;
}

#page_content div {
	margin: 0;
}

#menu {
	font-size: 1.2em;
	line-height: 30px;
	margin: 0;
	padding: 0;
	width: 120px;
}

#menu a, #menu a:link, #menu a:hover, #menu a:visited {
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
}

#menu li {
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

#menu li.active {
	background-color: #ca4;
}

#menu li:hover, #menu li.active:hover {
	background-color: #f54;
}

#menu li span.menu_item {
	margin: 0;
	padding: 4px;
	display: block;
}

#menu li ul.submenu {
	margin: 0;
	padding: 0;
}

#menu .submenu {
	font-size: 0.8em;
	background-color: #ca4;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu .submenu .active {
	background-color: #c83;
}

#menu .submenu span.submenu_item {
	margin: 0;
	padding: 0 4px 0 4px;
	display: block;
}

#menu .submenu li:hover, #menu .submenu li.active:hover {
	background-color: #f54;
}

#lyrics_list {
	margin: 0;
	padding: 0;
	width: 260px;
	float: left;
}

#lyrics_list ul {
	margin: 14px 0 0 0;
	padding: 2px 0 8px 14px;
}

#lyrics_list li {
	font-size: 0.8em;
	list-style-type: none;
	text-indent: -10px;
}

#lyrics_list li a:focus {
	outline: none;
}

#lyrics_display {
	color: #fe9;
	background-color: #cb6;
	border: 1px solid #000;
	margin: 0;
	padding: 8px;
	width: 320px;
	height: 420px;
	float: right;
	overflow: auto;
}

#lyrics_display .lyr_hide {
	display: none;
}

#lyrics_display h4 {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	margin: 0;
	line-height: 1;
}

#lyrics_display pre, #lyrics_display p {
	font-family: "Arial", sans-serif;
	font-size: 10px;
}

#page_footer {
	color: #fff;
	font-size: 0.8em;
}

.mug {
	clear: both;
}

.mug .portrait {
	float: left;
	width: 320px;
}

.mug .caption {
	font-size: 0.8em;
	display: block;
	margin: 2px 8px 20px 8px;
	padding: 0;
}

.mug h2, .mug ul {
	padding-left: 350px;
}

.mug ul {
	display: block;
	margin-bottom: 20px;
}

div.cd {
	padding: 12px 0 12px 0;
}

.cd h2 {
	background-color: #c64;
	left: 0;
}

.cd img {
	width: 200px;
	height: 200px;
}

.cd p {
	clear: both;
}

.tab {
	display: inline;
	color: #ff7;
	background-color: #531;
	border: 1px solid #cc8;
	letter-spacing: 2px;
	line-height: 2;
	padding: 3px;
	margin: 0 6px 0 0;
}

div.newspost {
	border-bottom: 24px solid #732;
	padding: 6px 0 24px 0;
	margin-bottom: 24px;
}

.credit {
	margin-left: 30px;
	font-style: italic;
}