* {margin:0px;padding:0px;}
img {border:0px;}
p {margin:0px 0px 15px 0px;}

body {
	text-align:center;
	font-family:sans-serif;
	font-size:11pt;
	margin:0px 0px 0px 0px;
	background-color:#9EB3DE;
}
a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
a:hover {
	text-decoration:underline;
}
#container {
	width:792px;
	margin:0px auto;
	text-align:left;
	background-color:#7586a8;
	padding:15px;
}
#header {
	text-align:center;
}
#navbar {
	margin:17px 0px;
}
#navbar img {
	margin:0px 0px 0px 17px;
}
#navbar img.first {
	margin:0px;
}
#comic {
	width:570px;
	text-align:center;
	background-color:#000;
}
#comicnav {
	border-top:1px #9EB3DE solid;
}
#comicnav img {
	border-left:1px #9EB3DE solid;
}
#comicnav .first img{
	border:0px;
}
#news {
	background-color:#CAD1DD;
	border:1px #000 solid;
	margin:17px 0px 0px 0px;
	clear:both;
}
#news p {
	margin:7px;
}
#content {
	background-color:#000;
	width:100%;
	color:#CAD1DD;
}
#content_body {
	padding:10px;
}
.calender_archive {
	padding:15px;
}
#sidebar {
	width:201px;
	float:right;
}
.sidebar_block {
	background-color:#CAD1DD;
	border:1px #000 solid;
	margin:0px 0px 17px 0px;
}
.sidebar_block p {
	margin:7px;
}
.dark_head {
	color:#9EB3DE;
	background-color:#20242c;
	border-bottom:1px #9EB3DE solid;
	width:100%;
	height:29px;
}
.dark_head h2{
	margin:3px 0px 0px 0px;
	font-size:14pt;
	text-align:center;
	float:left;
	width:100%;
}
#comic .dark_head h2, 
#news .dark_head h2 {
	margin:3px 7px;
	width:auto;
}
.dark_head h3 {
	float:right;
	margin:3px 7px;
	font-size:10pt;
}
.light_head {
	color:#000;
	background-color:#a2a7b1;
	border-bottom:1px #000 solid;
	width:100%;
	height:29px;
}
.light_head h2 {
	margin:3px 0px 0px 0px;
	font-size:14pt;
	width:100%;
	float:left;
	text-align:center;
}

/* ############ */
/* # CALENDAR # */
/* ############ */
	
	/* .calendar determines the overall formatting style of the calendar,  
	   acting as the default unless later overruled. */

	.calendar {
		font-family:arial,helvetica; 
		font-size:11px; 
		color: white;
		background-color: #9EB3DE;
		border-color: #9EB3DE;
		border-style: solid;
		border-width: 1px;
	}

	/* caption determines the style of
	   the month/year banner above the calendar. */

	caption {
		font-family:arial,helvetica; 
		font-size:11px; 
		color: #FFF;
		background-color: #000;
		font-weight: bold;
		border: 1px solid #9EB3DE;
		border-bottom: 0px;
		padding: 2px;
	}

	caption a{
		font-family:arial,helvetica; 
		font-size:11px; 
		color: black;
		font-weight: bold;
		text-decoration: none;
	}

	/* .header determines the formatting of the weekday headers at the top
	   of the calendar. */

	.header {
		color: #000;
		background-color: #fff;
		border-color: #000000;
		border-style: solid;
		border-width: 1px;		
		padding:2px;
	}

	/* .calendarlink determines the formatting of those days linked to
	   content. */

	.calendarlink {
		color: white;
	}

	/* .day determines the formatting of each day displayed in the
	   calendar. */

	.day {
		background-color: #808080;
		border-color: #000000;
		border-style: solid;
		border-width: 1px;
		text-align: center;
		padding:2px;
	}

	/* .linkedday determines the formatting of a date to which content is
	   available. */

	.linkedday {
		background-color: #000;
		border-color: #000000;
		border-style: solid;
		border-width: 1px;
		text-align: center;
		padding:2px;
	}