/* Purple Monkey Dishwasher */
@charset "utf-8";

body
{
	background-color: #2C2B3D;
	background-image: url('images/bg.gif');
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
}

img, table
{
	border: 0px;
}

input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

a
{
	color: #414377;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

#page
{
	background: #DCDBEB url('images/footer-transparent.png') no-repeat bottom center;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 7px 0px 10px #111111, -7px 0px 10px #111111;
	-webkit-box-shadow: 7px 0px 10px #111111, -7px 0px 10px #111111;
	-moz-box-shadow: 7px 0px 10px #111111, -7px 0px 10px #111111;
}

#error
{
	border: 2px solid #FF0000;
	background-color: #FF7F7F;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 2px;
}

#header
{
	position: relative;
	width: 100%;
	height: 125px;
}

#logo
{
	position: absolute;
	width: 210px;
	left: 5px;
	top: 6px;
}

#banner-top
{
	position: absolute;
	width: 740px;
	left: 210px;
	top: 12px;
	text-align: center;
}

#menu
{
	background-image: url('images/header-backbar.png');
	width: 100%;
	height: 48px;
	position: relative;
}

#menu-crew
{
	position: absolute;
	background-image: url('images/header-characters2009.png');
	width: 173px;
	height: 48px;
	left: 20px;
}

#menu-new
{
	position: absolute;
	top: 5px;
	left: 260px;
}

#menu-archive
{
	position: absolute;
	top: 6px;
	left: 515px;
}

#menu-wiki
{
	position: absolute;
	top: 6px;
	left: 625px;
}

#menu-links
{
	position: absolute;
	top: 6px;
	left: 695px;
}

#menu-store
{
	position: absolute;
	top: 6px;
	left: 780px;
}

#menu-email
{
	position: absolute;
	top: 6px;
	left: 870px;
}

#left
{
	float: left;
	width: 740px;
	text-align: center;
	padding: 5px;
}

#right
{
	float: left;
	width: 190px;
	text-align: center;
	padding: 5px;
}

#comic
{
	float: none;
	width: 704px;
	margin-left: auto;
	margin-right: auto;
}

.comic-top-gap
{
	background-image: url('images/comicelement-top-gap.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: medium;
	text-align: center;
}

#comic-top-corner
{
	background-image: url('images/comicelement-top-corner.png');
	background-repeat: no-repeat;
}

.comic-bottom-gap
{
	background-image: url('images/comicelement-bottom-gap.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: medium;
	text-align: center;
}

#comic-bottom-corner
{
	background-image: url('images/comicelement-bottom-corner.png');
	background-repeat: no-repeat;
}

#strip
{
	border: 2px solid #5B5B77;
}

#commenty
{
	font-size: x-small;
	text-align: right;
	font-style: italic;
}

.box-outer
{
	background-color: #5A5B7A;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 4px;
	color: #FFFFFF;
	text-align: left;
}

.box-outer a
{
	color: #FFFFFF;
}

.box-outer a:hover
{
	color: #FFFFFF;
}

.box-inner
{
	background-color: #BCBDDB;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 2px;
	padding: 4px;
	color: #000000;
	text-align: left;
}

.box-inner a
{
	color: #414377;
}

.box-inner a:hover
{
	color: #FFFFFF;
}

.news
{
	width: 696px;
	margin-left: auto;
	margin-right: auto;
}

.news-inner
{
	background: #BCBDDB url('images/table-news-corner-bottomright.png') no-repeat bottom right;
}

.box
{
	width: 710px;
	margin-left: auto;
	margin-right: auto;
}

.comment
{
	width: 546px;
	margin-left: auto;
	margin-right: auto;
}

.comment-inner
{
	min-height: 64px;
}

#commentbox
{
	text-align: left;
}

#chapterbox
{
	text-align: center;
	font-size: x-small;
}

.old-news
{
	width: 338px;
	float: left;
	margin-left: 18px;
	font-size: x-small;
}

.friends
{
	width: 338px;
	float: left;
	margin-left: 12px;
	font-size: x-small;
}

.friends-inner
{
	text-align: center;
}

#footer
{
	font-size: x-small;
	text-align: center;
	padding: 5px;
}

.header
{
	font-size: large;
	text-align: center;
	font-weight: bold;
}

.subheader
{
	font-size: x-small;
	text-align: center;
	font-style: italic;
}

.bottom
{
	font-size: x-small;
	text-align: right;
	font-style: italic;
}

#soulgeek
{
	background-color: #000000;
	color: #FFFFFF;
	height: 37px;
}

.rss {
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	padding: 0px 3px;
	margin: 4px;
	font-weight: bold;
	font-size: x-small;
	color: #FFF;
	background: #F60;
	text-decoration: none;
}