/* 
DERANGED COMICS CSS
Doc This file controls the majority of the layout to the site.
If you ever need to change text styles, colors, link styles, etc. This is the file for it.
Image updates need to be done in the HTML file.
*/

/* Begin Body Layout */
body {
  margin-top: 2px;
	padding: 0;
	background: url(images/site-back.png);
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #00CCFF;
/* CENTER CODE FOR IE6 */
	text-align: center;
/* END CENTER CODE IE6 */
}
/* End Body Layout */

/* Begin Wrapper */
#wrapper{
  width: 942px;
	height: 100%;
	margin: 0 auto;;
}
#page {
	width: 942px;
  margin: 0px;
  padding: 0px;
}
/* End Wrapper */

/* Begin Link Colors and Setup */
a { 
  color: #FF9900;
  text-decoration: none;
}
a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a img { border: none; }
/* End Links */

/* Begin Header/Logo Banner */
#header-wrap {
  width: 942px;
	height: 80px;
	margin: 0;
}

#header-wrap img {
  padding: 0px;
}
.logo-left {
  margin-right: 3px;
}
.logo-right {
  margin-left: 3px
}
/* End Header */

/* Begin Menu Left */
#site-nav {
  float: left;
  width:144 px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 0px;
}
#site-nav table {
  padding: 0px;
	margin: 0px;
}
#site-nav tr {
  padding: 0px;
	margin: 0px;
}
#site-nav td {
  padding: 0px;
	margin: 0px;
}
/* End Menu Left */

/* Begin Menu Right */
#info-nav {
  float: right;
  width:144 px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 0px;

}
#info-nav table {
  padding: 0px;
	margin: 0px;
}
#info-nav tr {
  padding: 0px;
	margin: 0px;
}
#info-nav td {
  padding: 0px;
	margin: 0px;
}

#cons-menu {
  float: right;
  width: 144px;
	margin-top: 48px;
	margin-bottom: 24px;
	padding: 0px;
}
.con-update {
  margin: 4px 4px 4px 4px;
	padding: 0px;
  text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #00CCFF;
}

#cons-menu a {
  text-decoration: none;
}
/* End Menu Right */

/* Begin CENTER COL SETUP */
#center-col{
  float: left;
  width: 616px;
	margin: 0px 3px 0px 3px;
}
/* End CENTER COL SETUP */


/* Begin PW Banner AD */
#pw-banner {
  clear: both;
  padding: 0px;
	margin: 16px 0px 8px 0px;
	background: none;
}
/* End PW Banner AD */

/* Begin PW Button AD */
#pw-buts {
	clear: left;
	padding: 0px;
	margin: 0px;
	background: none;
}
/* End PW Button AD */

/* Begin Comic Navigation */
#nav-top {
  clear: left;
  width: 616px;
	height: 24px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 0px;
}
#nav-top img {
  padding: 0px;
	margin: 0px;
}
#nav-bot {
  clear: left;
  width: 616px;
	height: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
}
#nav-bot img {
  padding: 0px;
	margin: 0px;
}
/* End Comic Nav */


/* Begin Comic Setup */
#comic {
	width: 614px;
  padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	border: 1px solid black;
}
#comic img {
  width: 600px;
	margin: 0px;
	background: #FFFFFF;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 3px;
}
.glitch {
  width: 600px;
	margin: 0px;
	padding: 0px;
	background: none;
	font-size: 10px;
	text-align: center;
}
/* End Comic */


/* Begin News */
#news {
  float: left;
	width: 608px;
	border: 4px solid #000000;
	margin: 4px 0px 8px 0px;
	padding: 0px;
}

#news-head {
  float: left;
	width: 608px;
	margin: 0px;
	padding: 0px;
	background: #000000;
}
.title {
  float: left;
	vertical-align: middle;
	margin: 4px 0px 4px 8px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
	padding: 0px;
  font-size: 12px;
}
.date {
  float: right;
	vertical-align: middle;
	margin: 4px 8px 4px 0px;
	font-family: "Times New Roman", Times, serif;
	padding: 0px;
  font-size: 12px;
}

#news-body {
  float: left;
	width: 608px;
	text-align: justify;
	background: #333333;
	margin: 0px;
	padding: 0px;
}
.body {
  float: left;
	margin: 4px 4px 4px 4px;
	font-family: "Times New Roman", Times, serif;
	padding: 0px;
  font-size: 12px;
}
#news-body a{
  text-decoration: underline;
}

#news-foot {
  float: left;
	width: 608px;
	background: #000000;
	margin: 0px;
	padding: 0px;
}
.footer {
  float: right;
	vertical-align: middle;
	text-align: right;
	margin: 2px 8px 2px 0px;
	font-family: "Times New Roman", Times, serif;
	padding: 0px;
  font-size: 10px;
}
/* End News */


/* Begin links */
#links-main {
  float: left;
	width: 608px;
	border: 4px solid #000000;
	margin: 4px 0px 8px 0px;
	padding: 0px;
}

#links-head {
  float: left;
	width: 608px;
	margin: 0px;
	padding: 0px;
	background: #000000;
}
.links-title {
  float: left;
	vertical-align: middle;
	margin: 4px 0px 4px 8px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
	padding: 0px;
  font-size: 12px;
}

#links-body {
  float: left;
	width: 608px;
	text-align: justify;
	background: #333333;
	margin: 0px;
	padding: 0px;
}
/* End Links */


/* Begin Archives */
#arch-main {
  float: left;
	width: 608px;
	border: 4px solid #000000;
	margin: 4px 0px 8px 0px;
	padding: 0px;
}
#arch-main li {
  list-style-type:none;
	margin: 2px 0px 0px 4px;
}

#arch-head {
  float: left;
	width: 608px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #000000;
}
.arch-title {
  float: left;
	width: 608;
	vertical-align: middle;
	margin: 0px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
	padding: 0px;
  font-size: 12px;
  text-align:center;
}

#arch-body {
  float: left;
	width: 608px;
	text-align: justify;
	background: #333333;
	margin: 0px;
	padding: 0px;
}
.arcNO {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #f06ea9;
	margin-left: 24px;
}
.arcEDIH {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #f7941d;
	margin-left: 24px;
}
.arcDC {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #0060cc;
	margin-left: 24px;
}
.arcSW {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #fff200;
	margin-left: 24px;
}
.arcGlitch {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #FF33CC;
	margin-left: 24px;
}
.arcGQ {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #FFCCFF;
	margin-left: 24px;
}
.arcEAP {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin-left: 24px;
}
.arcMISC {
  text-align:justify;
	font-size: 12 px;
	font-family: "Times New Roman", Times, serif;
	color: #22bb22;
	margin-left: 24px;
}
#legend {
  float: right;
	width: 144px;
	margin: 4px;
	padding: 0px;
	border: 1px solid #000000;
	text-align: center;
	background: #202020;
}

#legend p {
  text-align: center;
	margin: 0px;
	padding: 0px;
}
#ltitle {
  width: 144px;
	background: #000000;
}
.ltitle {
  text-align: center;
  font-size: 12px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
}

/* End Archives */

/* Begin FAQS */
#faq-main {
  float: left;
	width: 608px;
	border: 4px solid #000000;
	margin: 4px 0px 8px 0px;
	padding: 0px;
}

#faq-head {
  float: left;
	width: 608px;
	margin: 0px;
	padding: 0px;
	background: #000000;
	text-align: center;
}
.faq-title {
  float: left;
	width: 608px;
	vertical-align: middle;
	text-align: center;
	margin: 4px 0px 4px 0px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
	padding: 0px;
  font-size: 12px;
}

#faq-body {
  float: left;
	width: 608px;
	text-align: justify;
	background: #333333;
	margin: 0px;
	padding: 0px;
}
#faq-body a{
  text-decoration: underline;
}

#faqs {
	text-align: justify;
  margin: 4px;
	padding: 0px;
}
.faqq{
  color: #ffa300;
}
.faqa{
  margin-top: -8px;
}
/* End Links */

/* Begin Characters */
#char-main {
  float: left;
	width: 608px;
	border: 4px solid #000000;
	margin: 4px 0px 8px 0px;
	padding: 0px;
}

#char-head {
  float: left;
	width: 608px;
	margin: 0px;
	padding: 0px;
	background: #000000;
}
.char-title {
  float: left;
	width: 608px;
	vertical-align: middle;
	margin: 4px 0px 4px 0px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
	padding: 0px;
  font-size: 12px;
}

#char-body {
  float: left;
	width: 608px;
	text-align: justify;
	background: #333333;
	margin: 0px;
	padding: 0px;
}
/* End Character */

/* Begin Misc */
#misc-main {
  float: left;
	width: 608px;
	border: 4px solid #000000;
	margin: 4px 0px 8px 0px;
	padding: 0px;
}

#misc-head {
  float: left;
	width: 608px;
	margin: 0px;
	padding: 0px;
	background: #000000;
}
.misc-title {
  float: left;
	width: 608px;
	vertical-align: middle;
	margin: 4px 0px 4px 0px;
	font-family: Arial Black, Arial, Bookman, sans-serif;
	padding: 0px;
  font-size: 12px;
}

#misc-body {
  float: left;
	width: 608px;
	text-align: justify;
	background: #333333;
	margin: 0px;
	padding: 0px;
}
/* End Misc */