html {
	height: 100%;
}

/* Reset all margins/padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,tr,td {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	min-height: 100%;
	font-size: 75%;
	font-family: georgia, serif;
	background: white;
	text-align: center;
	color: black;
}

/* This resets the font-size to pixels for browsers that allow pixel-based font resizing */
html>body {
	font-size: 12px;
	height: 100%;
	min-height: 100%;
}

p {	
	line-height: 1.5em;
	margin-top: 0em;
	margin-bottom: 1.5em;
}

h1, h2 {
	font-family: arial, helvetica, sans-serif;
	color: #8c4637;
	text-transform: uppercase;
	font-weight: normal;
}

h1 {
	font-size: 1.5em;
	line-height: 1em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.167em;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em;
}


#head, #main, #kmfa, #footer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#head {
	height: 150px;
	background: url('../images/head.jpg') no-repeat;
	text-align: left;
}

#head img {
	margin: 108px 0 0 10px;
}

#main {
	text-align: left;
}

#kmfa {
	background: #593932;
	text-align: right;
	height: 40px;
}

#kmfa p {
	padding-top: 10px;
	margin-right: 10px;
}

#kmfa a {
	color: white;
	font-family: arial, helvetica, sans-serif;
}

.playlistnav {
	border-top: 2px solid #593932;
	margin-top: 2em;
	margin-bottom: 1em;
}

.playlistnav div {
	margin-top: 1em;
}

.postcolophon {
	width: 310px;
	float: right;
	background: #e4d8c0;
	margin: 0 0 50px 10px;
}

#about {
	margin-top: 24px;
}

#about img {
	float: right;
	margin: 0 0 6px 10px;
}

#previous {
	float: right;
	margin: 0;
}

.playlists, .playlist1, .playlist2, .playlist3 {
	width: 310px;
	height: 435px;
	margin-right: 10px;
}

.playlists p, .playlist1 p, .playlist2 p, .playlist3 p {
	padding-left: 12px;
	padding-right: 12px;
}

.playlists img, .playlist1 img, .playlist2 img, .playlist3 img {
	margin: 6px 6px 0 6px;
}

.postcolophon img {
	margin: 6px;
}

.playlists h2, .playlist1 h2, .playlist2 h2, .playlist3 h2 {
	color: #593932;
	font-family: georgia, serif;
	margin-bottom: 0;
	margin-top: 1em;
	text-transform: capitalize;
	padding-left: 12px;
	padding-right: 12px;
}

.post h2, .post h1 {
	color: #593932;
	font-family: georgia, serif;
	margin-bottom: 0;
	margin-top: 1em;
	text-transform: capitalize;
}

.playlists a, .playlist1 a, .playlist2 a, .playlist3 a  {
	color: #593932;
	text-decoration: none;
}

.playlists a:hover, .playlist1 a:hover, .playlist2 a:hover, .playlist3 a:hover  {
	color: white;
	text-decoration: underline;
}

.listdate {
	font-style: italic;
}

#list1, .playlist1 {
	background: #8c713f;
	float: left;
}

#list2, .playlist2 {
	background: #d9b777;
	float: left;
}

#list3, .playlist3 {
	background: #ffe0a5;
	margin-right: 0px;
	float: right;
}

#footer {
	font-size: 0.917em;
	font-family: arial, helvetica, sans-serif;
	margin-top: 24px;
	margin-bottom: 6px;
	text-align: right;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.clear {
	clear: both;
	float: none;
}

.morelink {
	text-align: right;
}