@charset "utf-8";

/* HTML tags */

body
{
	background-color: #000000;
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
}

img
{
	border: none;
}

select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #0099CC;
	background-color: #000033;
	color: #0099FF;
}

input
{
	font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 1px solid #0099CC;
	background-color: #000033;
	color: #0099FF;
}

/* Links */

a
{
	text-decoration: none;
}

a:link
{
	background-color: #043457;
	color: #00CCFF;
	text-decoration: none;
}

a:active
{
	background-color: #043457;
	color: #00CCFF;
	text-decoration: underline;
}

a:visited
{
	background-color: #043457;
	color: #00CCFF;
	text-decoration: underline;
}

a:hover
{
	background-color: #00CCFF;
	color: #043457;
}

/* Screen sides */

#left
{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 180px;
}

#right
{
	position: absolute;
	left: 190px;
	top: 5px;
	width: 810px;
}

/* Box components */

.box
{
	width: 100%;
}

.box2
{
	width: 100%;
	text-align: center;
}

.content
{
	border-left: 2px solid #0099CC;
	border-right: 2px solid #0099CC;
	background-color: #043457;
	padding: 5px 5px 0px 5px;
}

.comic
{
	padding: 0px 2px 0px 2px;
}

.red
{
	border-left: 2px solid #CC0000;
	border-right: 2px solid #CC0000;
	color: #FF0000;
	background-color: #4F0000;
}

/* Menu options */

.option
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	width: 100%;
}

a:link .option
{
	background-color: #043457;
	color: #0099FF;
	text-decoration: none;
}

a:active .option
{
	background-color: #043457;
	color: #0099FF;
	text-decoration: none;
}

a:visited .option
{
	background-color: #043457;
	color: #0099FF;
	text-decoration: none;
}

a:hover .option
{
	background-color: #0099FF;
	color: #043457;
	text-decoration: none;
}

/* Text formatting */

.title
{
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: large;
}

.subtitle
{
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: medium;
}

.highlight
{
	font-weight: bold;
}

.author
{
	text-align: right;
}

/* Calendar */

.calendar
{
	border: 1px solid #0099CC;
}

.calendar td
{
	border: 1px solid #0099CC;
	text-align: center;
}

.calendar .current
{
	color: #FFFF00;
}

.calendar .current-week
{
	border: 1px solid #FFFF00;
}

/* Characters */

.char_image
{
	float: left;
	width: 230px;
	height: 285px;
}

.char_profile
{
	height: 285px;
}

/* Other stuff */

.logo
{
	text-align: center;
}

.copyright
{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: right;
}