html { background-color: #77774E; font-size: 100%; font-weight: 100; padding: 0; margin: 0; }
body { margin: 0; padding: 0; }
#wrapper{ margin: 0 auto; width: 674px; } /* centres page */
	#container { margin: -8px 0;  padding: 0; width: 694px; height: auto; background-image: url('../img/backgrounds/container.jpg'); background-repeat: repeat-y; float: left; display:inline; }
		#innerContainer { background-color: #fff; height: auto; margin: 0 0 0 27px; width: 640px; padding: 0 0 7px 0; float: left; display: inline; }
			#header { margin: -0px 12px 0; border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 15px 0 0 0; height: 40px; float: left; display: inline; width: 620px; background-image: url('../img/backgrounds/header.jpg'); background-repeat: repeat-x;  }
			#horizontalNav { color: #333; margin: 0 12px; background: #ffe; padding: 5px 0 3px; height: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; width: 620px; float: left; display: inline;  }
			#horizontalNav a {  }
				#innerNav { margin: 0 10px 0 0; }
			#ukeHighlights { height: 15px; padding: 5px 10px 3px 0; text-align: right; font-size: 11px; float: left; display: inline; margin: 0 12px; width: 610px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  }
	#body { width: 620px; margin: 0 12px; padding: 0; border: 1px solid #ccc; height: auto; float: left; display: inline; }
		#summary { width: 205px; height: auto; padding: 0 0 20px; background-color: #ededdf; border-right: 1px solid #ccc; float: left; font-family: Geneva; }
			#userOfTheDay { width: 195px; height: 60px; margin: 0 5px;  float: left; font-size: 60%; text-align: right; }
				#userOfTheDayPic { width: 60px; height: 60px; background-color: #ccc; float: left; }
				#userOfTheDayInfo { width: 100px; height: 60px; float: left; }
			#summaryContent { width: 185px; height: 1300px; margin: 0 15px 0 5px; float: left; clear: left; }
				#summaryContent h2 { font-size: 80%; color: #006699; font-family: Geneva; font-weight: 100; }
		#main { width: 364px; float: left; display: inline; font-family: Georgia; height: auto;  }
			#mostPopularTabs { width: 300px; height: 30px; float: right; font-size: 70%; color: #006699; text-align:right;  }
			#mainContent { width: 590px; height: auto; position: relative; margin: 0px 15px 0 15px; padding: 0 0 20px; line-height: 17px; }
			 #mainContent p { font-size: 12px; color: #333; text-align: justify; line-height: 200%; font-family: Geneva; margin-bottom: 20px; }
			 #mainContent h2 { color: #555; font-family: Georgia; font-size: 100%; margin: 9px 0; }
			 #mainContent h3 { text-align: right; color: #006699; font-family: Georgia; font-size: 100%; margin: 0; }
				#mainInner { margin: 15px 15px 0; font-size: 150%; }
		#footer { font-size: 59%; font-family: Skia, Verdana; float: left; width: 620px; text-align: center; padding: 6px 0; line-height: 150%;  }			
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.bold { font-weight: 900; }
.alignRight { text-align: right; }
.menu { font-size: 71%; }
.redLink { color: #720000; }
.quote { color: #111; font-style:italic; font-size: 67%; }
h1 	{ font-size: 125%; display:inline; font-family: Georgia; font-weight: 100; color: #555; margin: 5px 0 25px; }
h2 	{ font-size: 100%; display:inline; font-family: Georgia; font-weight: 100; color: #555;  }
h3 	{ font-size: 100%; display:inline; font-family: Georgia; font-weight: 100; color: #555;  }
p 	{ font-size: 70%; }
a, a:visited { color: #006699; text-decoration: none; }
a:hover { color: #2288BB; text-decoration: underline; }
img { border: 0; }
.cake-sql-log { font-size: 10px; color: #222; font-family: "Monaco"; margin: 50px 0 0 80px; width: 650px; }
label { font-size: 75%; width: 200px; display: block; padding: 10px 0 0; }
/* ADMIN MENU */
#adminMenu { float: right; padding: 20px 0; width: 160px; line-height: 150%; }
#adminMenu a { color: #8AB21D; }
table { float: left; width: 540px; border: 1px solid #ccc; font-size: 11px; }
td { padding: 5px 0; }
th { text-align: left; }
.header { height: 30px; background-color: #abc; }
.altrow { background-color: #ddd; padding: 5px; }
/* SUB MENU */
#subMenu { font-family: Arial; position: absolute; top: 230px; right: 20px; width: 330px; background: #eec; border: 1px solid #ccc; padding: 5px; font-size: 70%; } 
#subMenu ul { margin: 0; padding: 2px 0 0 10px;  }
#subMenu li { line-height: 140%; display: inline; list-style-type: square; margin: 0 20px 0 0; }
#paging { font-size: 72%; padding: 10px 0; width: 100%; height: 50px; float: left; }
.left { float: left; }
.right { float: right; }
.submit { margin: 15px 0 0; }
fieldset { border: 1px solid #ccc; padding: 20px;}
.polaroid, .polaroidSmall { border: 1px solid #ccc; padding: 10px 10px 40px; float: left; }
.polaroidSmall { padding: 6px 7px 18px; height: 80px; }
#breadcrumb { padding: 0 0 25px; margin: 3px 0 0 0; width: 100%; font-family: Arial;font-style: italic; }
#breadcrumb ul { margin: 0;  padding: 0; display: inline; border: none; border-bottom: 1px solid #ccc; } 
#breadcrumb li { margin-left: 0; padding-left: 2px; display: inline; border: none; list-style-type: none; font-size: 70%; }
.error { width: 566px; border: 1px solid #ccc; background: #ffe; padding: 0 0 0 20px; margin: 0 0 20px; overflow: hidden; }
#mainContent .error p { margin:0; padding: 0; color: red; }
.error-message { font-size: 80%; color: red; }
hr { clear: left; margin: 20px 0; }
.sitemap { font-size: 70%; }
#ukeSongs p { padding: 0; }
#ukeSongs ul .first { font-size: 12px; margin: 15px 0 0 0; }
#ukeSongs .first li { font-size: 12px; margin: 10px 0 0 0; }
#ukeSongs ul .second { font-size: 11px; list-style-type: square; }
#ukeSongs .second li { font-size: 12px; margin: 0; }
ol li { font-size: 70%; color: #666; font-family: Geneva; }
ol strong { font-weight: bold; }
.chord { color: #4477ae; }
.textfile { font-family: Monaco, Courier, sans-serif; font-size: 10px; line-height: 13px; clear: left; }