@charset "UTF-8";
body {
	background-color: #FFF;
	margin: 20px;
}

body, td, th {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

h1, h2 {
	font-weight: normal;
	margin: 0;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #666;
}

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

img {
	max-width: 100%;
}

/* start of left column */

#left {
	float: left;
	margin-right: 20px;
	position: relative;
}

#header {
	margin-bottom: 30px; /* cell-spacing */
	min-width: 150px;
	max-width: 300px;
}

h1 {
	font-size: 24px;
	text-transform: lowercase;
}

a#title:link, a#title:visited, a#title:active {
	color: inherit;
}

#description {
	text-align: justify;
	position: absolute;
	height: 1%;
}

/* end of left column */

#right {
	overflow: hidden;
}

#navigation {
	position: relative;
	height: 24px;
	margin-bottom: 30px; /* cell-spacing */
	font-size: 12px;
}

#pagination {
	position: absolute;
	bottom: 0;
	float: left;
	padding-left: 23px;
	color: #CCC;
}

#links {
	position: absolute;
	bottom: 0;
	right: 0;
}

.button {
	display: inline;
	margin-left: 13px;
}

.post {
	padding: 40px 0 40px 20px; /* cell-padding */
}

.text {
	border-left: 2px solid #E3E3E3;
}

.photo, .set {
	border-left: 2px solid #C3D0FF;
}

.quote {
	border-left: 2px solid #FFB7B7;
}

.link {
	border-left: 2px solid #CFF;
}

.chat {
	border-left: 2px solid #D2FFBC;
}

.audio {
	border-left: 2px solid #FFCEF3;
}

.video {
	border-left: 2px solid #FF9;
}

.qanswer {
	border-left: 2px solid #FFCAAE;
}

h2 {
	text-align: right;
	text-transform: lowercase;
	font-size: 16px;
}

.content {
	font-size: 12px;
}

.source {
	color: #333;
}

.odd {
	color: inherit;
}
.even {
	color: #666;
}

.artist {
	float: right;
	color: #333;
}

.player {
	float: left;
}

.song {
	clear: both;
}

.question {
	font-style: italic;
}

.number_notes {
	float: left;
	position: relative;
	left: 23px;
	font-size: 10px;
}

#post_notes {
	
}

hr {
	border-color: #E3E3E3;
	color: #E3E3E3;
	background-color: #E3E3E3;
	width: 50%;
}

/* end of right column, except footer */

#footer {
	margin-top: 30px; /* cell-spacing */
	padding-left: 20px; /* cell-padding */
}

.pages {
	color: #000;
	float: left;
	padding-right: 13px;
}

.forward {
	float: left;
}

.backward {
	float: right;
	text-align: right;
	padding-left: 13px;
}

.copyright_spacer{
	height: 20px;
	clear: both;
}

#copyright {
	clear: both;
	font-size: 10px;
}