@charset "utf-8";
/* CSS Document */

/*link properties */
a:link{
color:#424d8f;
}
a:visited {
	color: #7397cd;
}
a:hover, a:active{
color:#b39af2;
}

/* affects body background and text colour */
body {
	color: #432a52;
	background-image: url(images/vgbg.jpg);
	background-repeat: repeat;
	background-color: #2d234f;
	text-align: center;
}

/* centres the page */
#container {
	margin: 0 auto;
	text-align: center;
	width: 850px;
	position: relative;
	border-left-style: solid;
	border-left-color: #2d234f;
	border-left-width: 5px;
	border-right-style: solid;
	border-right-color: #2d234f;
	border-right-width: 5px;
	background-color: #ffffff
}

.content {
	text-align: center;
	background-color: #ffffff;
	padding: 10px;
}

/* comic table */
.content .comic {
	border-style: solid;
	border-color: #2d234f;
	border-width: 1px;
}

/* stuff below comic */
.content .below {
	float: left;
}

/* comments */
.content .below .comments {
	float: left;
	position: absolute;
	padding: 10px;
	width: 500px;
	border-style: solid;
	border-color: #2d234f;
	border-width: 2px;
	background-color: #ffffff;
	left: 260px;
}

/* affects calendar */
.content .below .calendar {
	float: right;
	margin-top: 0px;
	position: absolute;
	padding: 10px;
	width: 200px;
	border-style: solid;
	border-color: #2d234f;
	border-width: 2px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #ffffff;
}

/* copyright stuff */
.content .copyright {
	text-align: center;
	color: #64307a;
	position: relative;
	bottom: 0px
}