body {
		color: #111;
		text-align: center;
	}

	table.root {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		width: 92%;
		height: auto;
		border-collapse: collapse;
	}

	td, input, select, textarea {
		vertical-align: top; 
	}

	.alt {
		background-color: #f5f5f5;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	#shell_header {
		padding: 14px;
		font-size: 1.8em;
		color: #eee;
		background: #4370b0;
		width: 95%;

		border: 1px solid;
		border-left-color: rgb(235, 235, 235);
		border-top-color: rgb(235, 235, 235);
		border-right-color: rgb(165, 165, 165);
		border-bottom-color: rgb(165, 165, 165);
	}

	#shell_appbar {
		margin-top: 2px;
		width: 72px;
		height: 200px;

		border: 1px solid;
		border-left-color: rgb(235, 235, 235);
		border-top-color: rgb(235, 235, 235);
		border-right-color: #fff;
		border-bottom-color: rgb(165, 165, 165);

	}

	#shell_client {
		margin: 2px;
		padding: 0px;
	}

	#shell_footer {
		align: right;
		margin: 2px;
		padding: 4px;
		width: auto;
		background: #eee;
		color: #5380c0;

		border: 2px solid;
		border-top-color: #5380c0;
		border-left-color: #eee;
		border-right-color: #eee;
		border-bottom-color: #eee;
	}

	#shell_sidebar {
		margin-top: 2px;
		width: 200px;
		height: auto;
		font-size: 1.0em;
	}

	.3dborder {
		border: 1px solid;
		border-left-color: rgb(235, 235, 235);
		border-top-color: rgb(235, 235, 235);
		border-right-color: rgb(165, 165, 165);
		border-bottom-color: rgb(165, 165, 165);
	}

	.box {
		border: 1px solid;
		border-left-color: rgb(235, 235, 235);
		border-top-color: rgb(235, 235, 235);
		border-right-color: rgb(165, 165, 165);
		border-bottom-color: rgb(165, 165, 165);
	}

	#auth_form {
		background: #eee;
		padding-top: 4px;
		padding-bottom: 6px;
		padding-left: 28px;
		padding-right: 28px;
	}

	.reg_input {
		border: 1px solid;
		border-color: rgb(205, 205, 205);
		width: 140px;
	}
	
	.oc_input {
		border: 1px solid;
		border-color: rgb(205, 205, 205);
		width: 140px;
	}

	#vspacer {
		margin: 0px;
		height: 2px;
	}

	#appbtn {
		margin: 4px 2px 4px 2px;
		color: #777;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 6px;
		padding-bottom: 6px;
		background: #fff;
		cursor: pointer;
		font-weight: bold;
		font-size: 1.0em;
	}

	#appsel {
		margin: 4px 2px 4px 2px;
		color: #fff;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 6px;
		padding-bottom: 6px;
		background: #4370b0;
		cursor: pointer;
		font-weight: bold;
		font-size: 1.0em;
	}

	#about {
		background: #f7f7f7;
		font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		padding-left: 12px;
		padding-right: 12px;
	}

	#page {
		background: #eee;
		font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

	.post {
		margin: 4px;
		padding: 12px;
		background: #fcfcfc;
		border: 1px solid rgb(205, 205, 205);

		text-align: justify;
		overflow: hidden;
	}

	#header {
		background: #ddd;
		padding: 8px;
		margin: 0px 0 0;
	}

	.narrowcolumn {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0px 0 0;
	}

	.narrowcolumn .postmetadata {
		text-align: center;
	}

	.postmetadata {
		clear: left;
	}

	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}

	.navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	h1, h2, h3 {
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-weight: bold;
	}

	#title {
		font-size: 1.4em;
		text-align: center;
	}

	#desc {
		font-size: 1.0em;
		text-align: center;
	}

	#footer {
		height: 12px;
	}

	h1 {
		font-size: 1.4em;
		text-align: center;
	}

	h2 {
		font-size: 1.2em;
	}

	A {
		text-decoration: none;
		color: #4370b0;
	}

	A:hover { 
		text-decoration: underline;
		color: #4370b0;
	}

	/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 10px;
	}

	.commentlist {
		padding: 0;
		text-align: justify;

		font-size: 1.0em;
	}

	.commentlist li {
		margin: 15px 0 3px;
		padding: 5px 10px 3px;
		list-style: none;
	}

	.commentlist p {
		margin: 10px 5px 10px 0;
	}

	#commentform p {
		margin: 5px 0;
	}

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	.commentmetadata {
		margin: 0;
		display: block;
	}
	/* End Comments */

	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
	}

	/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}

	.alignright {
		float: right;
	}

	.alignleft {
		float: left
	}
	/* End Images */