body {
	margin: 0;
	padding: 0;
	background-color: #333;
}
#all {
	margin: 0 auto;
	padding: 0;
	width: 80%;
	background-color: #FFF;
	overflow: hidden;
}
	#header, #navigation, #content {
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		background: transparent;
	}
		#logo {
			margin: 5px 1% 5px 4%;
			padding: 0;
			width: 35%;
			border: 0;
			float: left;
		}
		#slogan {
			margin: 10px 4% 10px 1%;
			padding: 1%;
			width: 53%;
			float: right;
			background-color: #CF9;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
		}
			#slogan p {
				margin: 0;
				padding: 0;
				text-align: center;
				font-family: "Trebuchet MS", Arial;
				font-size: 1.3em;
				font-weight: bold;
				color: #333;
				width: 100%;
			}
			#slogan a {
				margin: 3px 0 0 0;
				padding: 3px 0 0 0;
				border-top: 2px #693 solid;
				text-align: center;
				font-family: "Trebuchet MS", Arial;
				font-size: 1.1em;
				font-weight: bold;
				width: 100%;
				float: left;
			}
				#slogan a:link, #slogan a:visited {
					color: #339;
					text-decoration: underline;
				}
				#slogan a:hover, #slogan a:active {
					color: #33F;
					text-decoration: none;
				}
	#navigation {
		padding: 1% 3%;
		width: 94%;
	}
		#navigation a {
			margin: 3px 2%;
			padding: 1% 2%;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			font-family: "Trebuchet MS", Arial;
			font-size: 1em;
			font-weight: bold;
			text-decoration: none;
			float: left;
			width: 17%;
			text-align: center;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
			#navigation a:link, #navigation a:visited {
				color: #333;
			}
			#navigation a#makeBoardLink:link, #navigation a#makeBoardLink:visited {
				background-color: #CF9;
			}
			#navigation a#makeBoardLink:hover, #navigation a#makeBoardLink:active {
				background-color: #693;
				color: #FFF;
			}
			#navigation a#editBoardLink:link, #navigation a#editBoardLink:visited {
				background-color: #9CF;
			}
			#navigation a#editBoardLink:hover, #navigation a#editBoardLink:active {
				background-color: #369;
				color: #FFF;
			}
		#navigation form {
			margin: 3px 2%;
			padding: 0;
			float: left;
			width: 46%;
		}
			#searchTerm {
				margin: 0;
				padding: 4px 2px;
				border: 3px #333 solid;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				background-color: #FFF;
				font-family: "Trebuchet MS", Arial;
				font-size: 1em;
				font-weight: bold;
				color: #000;
				float: left;
				width: 73%;
			}
			#startSearch {
				margin: 0;
				padding: .5%;
				border: 3px #333 solid;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				background-color: #333;
				font-family: "Trebuchet MS", Arial;
				font-size: 1em;
				font-weight: bold;
				color: #FFF;
				float: left;
				width: 23%;
			}
	#content {
		padding: 1% 3%;
		width: 94%;
	}
		p.noShow {
			display: none;
		}
		#content div {
			margin: 0 1% 1% 1%;
			padding: 1%;
			width: 29%;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			float: left;
		}
			#content h2, #content div h2, #content div h3 {
				margin: 0 0 5px 0;
				padding: 0;
				font-family: "Trebuchet MS", Arial;
				font-weight: bold;
				font-size: 1.1em;
				color: #333;
			}
			#content h2, #content div h2 {
				text-align: center;
			}
			#content div h3 {
				font-size: 1em;
			}
		/*Board creation page specific styling*/
		#content p#finishBoardMessage {
			margin: 0 5%;
			padding: 2.5%;
			width: 85%;
			float: left;
			font-family: "Trebuchet MS", Arial;
			font-weight: bold;
			font-size: 1em;
			color: #693;
			background-color: #CF9;
		}
		#content p.boardSuccess, #content p.boardSuccessLink, #content p#error {
			margin: 0 1%;
			padding: 1%;
			width: 96%;
			background-color: #CF9;
			font-family: "Trebuchet MS", Arial;
			font-weight: bold;
			font-size: 1em;
			color: #693;
		}
			#content p.boardSuccessLink {
				text-align: center;
			}
		#content form {
			margin: 0 0 5% 5%;
			padding: 0;
			width: 60%;
			float: left;
		}
		#content form#finishBoard {
			margin: 0 5% 5% 5%;
			width: 90%;
		}
			#content form ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				width: 100%;
				float: left;
			}
				#content form ul li {
					margin: .5% 0;
					padding: 1%;
					width: 98%;
					float: left;
					background-color: #9CF;
				}
				#content form#finishBoard ul li.clue {
					margin: 1.5% 1.5% 0 1.5%;
					padding-top: 1.5%;
					border-top: 2px #69C solid;
					width: 97%;
				}
				#content form#finishBoard ul li.response {
					margin: 0 1.5%;
					width: 97%;
				}
				#content form ul li#error {
					background-color: #C00;
					color: #FFF;
					color: #FFF;
					font-family: "Trebuchet MS", Arial;
					font-weight: bold;
					font-size: 1em;
				}
			#content form label {
				margin: 2% 1%;
				padding: 0;
				width: 38%;
				font-family: "Trebuchet MS", Arial;
				font-weight: bold;
				font-size: 1.1em;
				color: #369;
				float: left;
			}
			#content form#finishBoard label {
				margin: .5% 1%;
				width: 23%;
			}
				#content form#finishBoard label span {
					margin: 0;
					padding: 0 1px;
					cursor: pointer;
				}
			#content form input, #content form textarea, #content form select {
				margin: 2% 1%;
				padding: 1px;
				width: 55%;
				border: 0;
				background-color: #FFF;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				font-family: "Trebuchet MS", Arial;
				font-size: 1em;
				font-weight: bold;
				color: #333;
				float: right;
			}
			#content form#finishBoard input, #content form#finishBoard textarea {
				margin: .5% 1%;
				width: 70%;
			}
			#content form input#mbSubmit, #content form#finishBoard input#fbSubmit, #content form #eSubmit, #content form#finishBoard input#jrESubmit {
				background-color: #369;
				color: #FFF;
			}
			#content form p#emailResult, #content form p#boardNameResult, #content form p#boardPasswordResult {
				display: none;
				margin: 0;
				padding: 1%;
				width: 98%;
				font-family: "Trebuchet MS", Arial;
				font-weight: bold;
				font-size: 1em;
				color: #000;
			}
			#cat1Content, #cat2Content, #cat3Content, #cat4Content, #cat5Content, #cat6Content {
				display: none;
			}
			#formHelp {
				margin: 0 5% 5% 0;
				padding: 0;
				width: 30%;
			}
				#formHelp p {
					display: none;
					margin: 0;
					padding: 4%;
					width: 92%;
					background-color: #FC9;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					font-family: "Trebuchet MS", Arial;
					font-weight: bold;
					font-size: 1em;
					color: #000;
				}
				#formHelp p#defaultHelp {
					display: block;
				}
		/*Index page specific styling*/
		#about {
			background-color: #FC9;
		}
			#about a:link, #about a:visited, #popular a:link, #popular a:visited {
				float: right;
				color: #339;
				text-decoration: underline;
				font-weight: bold;
			}
			#about a:hover, #about a:active, #popular a:hover, #popular a:active {
				float: right;
				color: #33F;
				text-decoration: none;
				font-weight: bold;
			}
		#popular {
			background-color: #F93;
		}
			#popular ul {
				margin: 1%;
				padding: 0 0 0 8%;
				width: 90%;
				float: left;
			}
				#popular ul li {
					margin: 5px 0;
					padding: 0;
					width: 95%;
					float: left;
					clear: left;
				}
				#popular ul li a {
					float: left;
				}
				#popular ul li a:link, #popular ul li a:visited, #popular ul li a:hover, #popular ul li a:active {
					float: left;
				}
		#random {
			background-color: #C60;
		}
			#about p, #about a, #popular a, #random p {
				margin: 2% 1%;
				padding: 0;
				font-family: "Trebuchet MS", Arial;
				font-size: .85em;
				color: #000;
			}
			#random p {
				color: #FFF;
			}
			#random a:link, #random a:visited {
				color: #FC9;
				text-decoration: underline;
				font-weight: bold;
			}
			#random a:hover, #random a:active {
				color: #F93;
				text-decoration: none;
				font-weight: bold;
			}
			#random a#checkIt {
				float: right;
				font-size: .85em;
			}
	/*Board specific styling*/
	#boardPage #all {
		margin: 0;
		padding: 0;
		width: 100%;
	}
		#boardPage #logo {
			margin: 5px 1% 5px 4%;
			padding: 0;
			width: 15%;
			border: 0;
			float: left;
		}
	#boardPage #header {
		background-color: #404040;
	}
	#boardPage #navigation {
		padding: 1% 3%;
		width: 74%;
	}
		#navigation a {
			margin: 3px 2%;
			padding: 1% 2%;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			font-family: "Trebuchet MS", Arial;
			font-size: .9em;
			font-weight: bold;
			text-decoration: none;
			float: left;
			width: 17%;
			text-align: center;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
			#boardPage #searchTerm {
				border: 3px #000 solid;
			}
			#boardPage #startSearch {
				border: 3px #000 solid;
				background-color: #000;
			}
	#boardPage #content h2 {
		font-size: 1.5em;
	}
	#content ul#board {
		margin: 1% 0;
		padding: 0;
		list-style-type: none;
		float: left;
		width: 100%;
	}
		#content ul#board li {
			margin: 0 1%;
			padding: 0;
			float: left;
			width: 14%;
		}
			#content ul#board li ul {
				margin: 0;
				padding: 0;
				width: 100%;
				float: left;
				list-style-type: none;
			}
				#content ul#board li ul li {
					margin: 3% 0;
					padding: 10% 5%;
					float: left;
					width: 90%;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background-color: #CF9;
					font-family: "Trebuchet MS", Arial;
					font-weight: bold;
					font-size: 1em;
					color: #693;
					text-align: center;
					cursor: pointer;
				}
				#content ul#board li ul li:hover {
					background-color: #9CF;
					color: #369;
				}
				#content ul#board li ul li.cat {
					background-color: #9CF;
					color: #369;
					cursor: auto;
				}
	#content #clues {
		margin: -1% 0 0 0;
		padding: 3% 10%;
		list-style-type: none;
		float: left;
		width: 80%;
		position: relative;
		background-color: #333;
		display: none;
	}
		#content #clues #wrap {
			margin: 0;
			padding: 0;
			background-color: #FFF;
			width: 100%;
		}
		#content #clues #clue, #content #clues #response {
			margin: 0;
			padding: 0 2% 1% 2%;
			width: 46%;
			float: left;
			background-color: #FFF;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		#content #clues h2 {
			font-family: "Trebuchet MS", Arial;
			font-weight: bold;
			font-size: 2em;
			color: #693;
			background-color: #FFF;
			width: 100%;
			margin: 0;
			padding: 0 0 2% 0;
			float: left;
			text-align: left;
		}
		#content #clues p {
			display: none;
			font-family: "Trebuchet MS", Arial;
			font-size: 1.5em;
			font-weight: bold;
			color: #333;
			background-color: #FFF;
			width: 100%;
			margin: 0;
			padding: 0;
			float: left;
		}
		#content #clues #response p {
			display: none;
		}
		#content #clues #response p#showResponse {
			display: block;
			cursor: pointer;
			padding: 1% 5%;
			background-color: #369;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			font-family: "Trebuchet MS", Arial;
			font-weight: bold;
			font-size: .85em;
			color: #FFF;
			width: auto;
		}
		a#closeLink {
			clear: both;
			display: block;
			text-align: center;
			font-weight: bold;
			font-family: "Trebuchet MS", Arial;
			font-size: .85em;
			padding: 5px 0;
			margin: 15px 0;
			border-top: 2px #EEE solid;
		}
	/*Browse boards*/
	#content ul#boardList {
		margin: 1% 0;
		padding: 0;
		list-style-type: none;
	}
		#content ul#boardList li {
			margin: .5% 0;
			padding: 1%;
			display: block;
			background-color: #CF9;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			width: 48%;
			float: left;
		}
			#content ul#boardList li h3 {
				margin: 0 0 1% 0;
				padding: 0;
				font-family: "Trebuchet MS", Arial;
				font-weight: bold;
				font-size: 1.2em;
				color: #693;
			}
				#content ul#boardList li h3 a:link, #content ul#boardList li h3 a:visited {
					text-decoration: underline;
					color: #693;
				}
				#content ul#boardList li h3 a:hover, #content ul#boardList li h3 a:active {
					text-decoration: none;
					color: #693;
				}
			#content ul#boardList p {
				margin: 0 0 2% 2%;
				padding: 0;
				font-family: "Trebuchet MS", Arial;
				font-size: 1em;
				color: #000;
			}