/* CSS Document */
body, html { height: 100%; margin: 0; padding: 0; }

body {
	background-image:url(/images/pagebg.jpg);
	background-position: center;
	background-repeat:repeat-y;
	background-color:#d5d7ca;
}

p, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #663;
	padding: 10px;
	margin: 0;
}

th, td, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #663;
	padding: 0 10px;
	margin: 0;
}

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

a img { border: none; }

#container {
	height: 100%; 
	width: 670px;
	\width: 690px;
	w\idth: 670px;
	margin: 0 10px 0 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 0 10px;
	background-color:#ffffed;
}

#mini {
	width: 245px;
	border: 1px solid gray;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#admin {
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#minicontent {
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#header {
	width: 670px;
	height: 65px;
	background-color: #cc6600;
	background-image:url(/images/header.gif);
	margin: 0 0 10px 0;
	background-repeat: no-repeat;
}

#header h1, #header .description {
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#leftpanel {
	padding: 0;
	margin: 0;
	margin-right: 255px;
	margin-bottom: 10px;
}

#rightpanel {
	clear: right;
	float: right;
	width: 245px;
	\width: 245px;
	w\idth: 245px;
	padding: 0;
	margin: 0 0 10px 10px;
}

#fullpanel {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
#cpage {
	background-image: url(/images/bg2.gif);
	padding: 3px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
}
#cinfo {
	background-image: url(/images/paper.jpg);
}

#cinfo h2, #cinfo h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663;
	margin: 0;
}
#cinfo h2 { padding: 10px; font-size: 16px; }
#cinfo h3 {	padding: 0 0 0 10px; font-size: 14px; }
#bios h3 { 
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #663;
	color: #ffffed;
	font-size: 14px;
	margin:20px 0 10px 0;
	border: 0px;
	padding: 2px 10px;
	}
#bios h3 a {
	background-color: #663;
	color: #ffffed;
}
#accinfo {
	background-image:  url(/images/dewclawbg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#footer {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	color: #dee0c7;
	background-color: #999966;
}

#footer a {
	color: #d5d7ca;
	text-decoration: none;
}

/* Free Preview and Web Issue */
#freecomic, #webissue, #schedule {
	background-image: url(../images/bg2.gif);
	padding: 3px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}


h2#inthisissue {
	background-image: url(/images/inthisissue.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
}
#schedule h2 {
	background-image: url(/images/schedule.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
}
h2#inthisissue i, #schedule h2 i {
	visibility: hidden;
}
.finfo, .winfo, .sinfo {
	background-image: url(/images/paper.jpg);
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #cc9;
}
.wcover {
	margin: 0 10px 10px 0;
	float: left;
	padding: 0;
}

/* Print Issue */
#print {
	background-image: url(../images/bg2.gif);
	width: 240px;
	padding: 3px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.pinfo {
	background-image: url(/images/paper.jpg);
	padding: 0;
}
.pcover {
	width: 70px;
	margin: 0 10px 10px 0;
	float: left;
	padding: 0;
}

/* Blog */
#blog {
	background-image: url(../images/bg2.gif);
	width: 240px;
	padding: 3px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#blogtitle {
	background-color: #EC892E;
	color: #ffffed;
	font-size: 16px;
	height: 26px;
	padding: 0;
	margin: 0;
}
h2#blogtitle {
	background-image: url(/images/whatsnew.gif);		
}
h2#blogtitle i {
	visibility: hidden;
}
#blogcontent {
	background-image: url(/images/paper.jpg);
	padding: 0 0 10px 0;
}
.post {
	margin-bottom: 10px;
	padding-bottom: 3px;
	background-image: url(/images/speech2.gif);
	background-repeat: no-repeat;
	background-position: 74% 100%;
}
.ptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 10px;
	margin: 0;
	color: #7c7642;
	font-weight: bold;
	margin-bottom: 5px;
}
.pdate { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999966;
	font-weight: normal;
	}
.pauthor {
  margin: 0;
  padding: 0;
}
.pauthor a {
	float: left;
	margin: 5px 10px 0 10px;
	width: 20px;
	height: 22px;
	background-repeat: no-repeat;
	float: left;
}
.pauthor a:hover { text-decoration: none; }
.pauthor a i { display: none; }

.pauthor a.brandon, .pauthor a.Brandon { background-image: url(/images/brandon_icon.gif); }
.pauthor a.dj, .pauthor a.DJ { background-image: url(/images/dj_icon.gif); }
.pauthor a.bob, .pauthor a.Bob { background-image: url(/images/bob_icon.gif); }
.pauthor a.logan, .pauthor a.Logan { background-image: url(/images/logan_icon.gif); }
.pauthor a.amy, .pauthor a.Amy  { background-image: url(/images/amy_icon.gif); }
.pauthor a.matt, .pauthor a.Matt { background-image: url(/images/matt_icon.gif); }
.pauthor a.dan, .pauthor a.Dan { background-image: url(/images/dan_icon.gif); }
.pauthor a.brian, .pauthor a.Brian { background-image: url(/images/brian_icon.gif); }
.pauthor a.jay, .pauthor a.Jay { background-image: url(/images/jay_icon.gif); }
.pauthor a.chris, .pauthor a.Chris { background-image: url(/images/chris_icon.gif); }
.pauthor a.nate, .pauthor a.Nate { background-image: url(/images/nate_icon.gif); }
.pauthor a.stuart, .pauthor a.Stuart { background-image: url(/images/stuart_icon.gif); }
.pauthor a.tom, .pauthor a.Tom  { background-image: url(/images/tom_icon.gif); }
.pauthor a.steven, .pauthor a.Steven { background-image: url(/images/steven_icon.gif); }


.pcontent {
	background-image: url(/images/speech1.gif);
	background-repeat: no-repeat;
	margin: 0 10px 0 30px;
	padding: 5px 15px;
}

/* Menu Bar */
#menu {
	position: absolute;
	top: 55px;
	width: 650px;
}
#menu a {
	position: absolute;
	text-decoration: none;
	height: 25px;
}
#menu a i { visibility: hidden; }
a#home 		{ left: 150px; width: 55px; }
a#about 	{ left: 210px; width: 55px; }
a#artists 	{ left: 270px; width: 70px; }
a#forums 	{ left: 340px; width: 70px; }
a#members 	{ left: 415px; width: 80px; }
a#comics 	{ left: 415px; width: 80px; }
a#subscribe { left: 500px; width: 90px; }
a#contact 	{ left: 595px; width: 70px; }

/* Switch */
a#switchhigh {
	display: none;
}

#headercontainer {
	margin: 0px;
	padding: 0px;
	width: 670px;
	background-image:  url(images/header.gif);
	height: 65px;
}
.menutext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin: 46px 5px 0px 0px;
	padding: 0px;
}
.menutext a {
	color: #FFFFFF;
	text-decoration: none;
}
.menutext a:hover {
	text-decoration: underline;
}