body {
	margin: 0px;
	padding: 0px;
	background: #364B62 url(Images/bg.jpg) top left repeat-x;
	font: normal normal normal 16px Sans-Serif, Arial, Tahoma;
	line-height: 1.1em;
}

h1, h2, h3, h4 {
	margin: 6px 0px;
	padding: 0px;
}

h1 {
	color: #BFBD32;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
}

p {
	text-indent: 2em;
}

a {
	color: #BFBD32;
}

a:hover, #navigation a:focus {
	color: #EDEB1B;
}

a:visited {
	color: #DCDB70;
}


#base {
	width: 838px;
	border: 1px black solid;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #505050;
}

#header {
	text-align: center;
	padding: 12px 0px;
}

#content {
	background-color: #4A4A4A;
	margin: 0px 0px 0px 18px;
	border: 1px #2B2B2B solid;
	border-right: 0px;
	border-bottom: 0px;
	min-height: 600px;
	text-align: left;
}

#navigation {
	background-color: #3B3B3B;
	color: #BFBD32;
	font-size: 0.7em;
	font-family: Verdana;
	text-align: center;
	padding: 4px 4px 6px 4px;
}

#navigation a {
	color: #BFBD32;
	text-decoration: none;
}

#navigation a:hover, #navigation a:focus {
	color: #EDEB1B;
	text-decoration: overline;
}

#footer {
	background-color: #585858;
	border-top: 1px #353535 solid;
	padding: 7px 10px 16px 10px;
	margin-top: 16px;
	font-size: 0.7em;
	color: #B5B5B5;
	text-align: center;
}

#footer a {
	color: #B5B5B5;
}

#footer a:hover, #footer a:focus {
	color: #CFCFCF;
}

#comiczone {
	background-color: #282828;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	padding: 10px;
}

#comiczone #top {
	text-align: left;
	color: #EFEFEF;
	font-size: 1.3em;
	font-family: Comic Sans MS, Comic Sans;
	font-style: italic;
	width: 100%;
	padding: 0px 0px 12px 0px;
}

#comiczone #top .first {
	width: 30px;
	height: 32px;
	background: transparent url(Images/arrow_first.jpg) bottom center no-repeat;
}

#comiczone #top .back {
	width: 21px;
	height: 32px;
	background: transparent url(Images/arrow_back.jpg) bottom center no-repeat;
}

#comiczone #top .next {
	width: 21px;
	height: 32px;
	background: transparent url(Images/arrow_next.jpg) bottom center no-repeat;
}

#comiczone #top .last {
	width: 30px;
	height: 32px;
	background: transparent url(Images/arrow_last.jpg) bottom center no-repeat;
}

#comiczone #bottom {
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#comiczone #bottom .first {
	width: 104px;
	height: 34px;
	background: transparent url(Images/button_first.jpg) bottom center no-repeat;
}

#comiczone #bottom .back {
	width: 129px;
	height: 31px;
	background: transparent url(Images/button_back.jpg) bottom center no-repeat;
}

#comiczone #bottom .next {
	width: 102px;
	height: 32px;
	background: transparent url(Images/button_next.jpg) bottom center no-repeat;
}

#comiczone #bottom .last {
	width: 103px;
	height: 31px;
	background: transparent url(Images/button_last.jpg) bottom center no-repeat;
}

#posts {
	margin-top: 8px;
	width: 95%;
}

#posts input.header {
	width: 100%;
	background: transparent;
	border: 1px #444 solid;
	font-family: Verdana;
	color: #BFBD32;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
}

#posts textarea {
	color: #DDD;
	width: 100%;
	height: 200px;
	font-size: 0.9em;
	background: transparent;
	border: 1px #444 solid;
	font-family: Verdana;
}

#posts thead td {
	width: 50%;
	text-align: center;
	vertical-align: bottom;
}

#posts thead .luke img, .postheader.luke {
	width: 273px;
	height: 117px;
	background: transparent url(Images/luke_avatar.jpg) bottom center no-repeat;
}

#posts thead .jake img, .postheader.jake {
	width: 273px;
	height: 117px;
	background: transparent url(Images/jake_avatar.jpg) bottom center no-repeat;
}

#posts tbody .luke, #posts tbody .jake, .textblock {
	background-color: #303030;
	border: 1px #8B8B8B solid;
	color: #DDD;
	font-size: 0.8em;
	padding: 12px 20px;
	text-align: left;
	font-family: Verdana;
	margin-bottom: 20px;
}

#posts tbody td {
	vertical-align: top;
}

/*******************************/
/***** GENERAL USE CLASSES *****/
/*******************************/

.hpad {
	margin: 0px 20px;
}

.vpad {
	margin: 20px 0px;
}

.pad {
	margin: 20px;
}

.info {
	font-size: 0.7em;
	color: #999;
	text-align: right;
	padding: 4px 0px;
	background-color: Transparent;
	border: 0px;
}

input .info {
}

.nomargin {
	margin: 0px;
}

.tcenter {
	text-align: center;
}

.tright {
	text-align: right;	
}