/* Body of the page style... pretty self explanitory =P */

html,body {
background: url(images/bg.jpg) fixed #00a2ff; 
color: #000000; 
margin:0px; 
padding:0px;
}

/* This ID is used to style the header */

#headwrapper {
background: url(images/headerbg.png) repeat-x; 
}

/* This ID is used to center the logo in the header */

#header {
width:327px; 
margin:0px auto 0px auto;
}

/* This class is used to make the logo show up, and make it a URL */

a.headerurl {
margin: 0 auto;
display:block; 
width:327px; 
height:160px; 
background: url(images/logo3.png) no-repeat;
}

/* Styles of the default URL's, the one's that don't have classes applied to them */

a:link{
color:black;
}

a:visited{
color:black;
}

a:hover{
color:red;
}

/* Style of the navigation bar and it's buttons */

#navbar{
background: url(images/navbghover.png) repeat-x white;
color:black;
height:20px; 
text-align:center; 
margin-bottom:50px;
}

#navbar a:link{
background: url(images/navbarbg.png) repeat-x; 
border: 1px solid gray; font-weight:bold; 
font-family:arial; text-decoration:none; 
color:gray; 
padding:8px;
}

#navbar a:visited{
background: url(images/navbarbg.png) repeat-x; 
border: 1px solid gray; 
font-weight:bold; 
font-family:arial; 
text-decoration:none; 
color:gray; 
padding:8px;
}

#navbar a:hover{
background: url(images/navbghover.png) repeat-x; 
color:red;
}

/* Styles for the NEXT and PREVIOUS button links on the comic pages */

a.previous {
display:block; 
width:378px; 
height:82px; 
background: url(images/previous.png);
}

a.previous:hover {
background-position: 0px -82px;
}

a.next {
display:block; 
width:220px; 
height:80px; 
background: url(images/next.png); 
float:right;
}

a.next:hover {
background-position: 0px -76px;
}

/* Use this class with a span tag if you don't want the PREVIOUS button to show up on a comic page */

.previous {
display:block; 
width:378px; 
height:82px; 
background: url(images/blank.gif);
}

/* Use this class with a span tag if you don't want the NEXT button to show up on a comic page */

.next {
width:220px; 
height:80px; 
background: url(images/blank.gif);
}

/* Use this class to make individual URL's white */

a.whitelink:link{
color:white;
}

a.whitelink:visited{
color:white;
}

a.whitelink:hover{
color:yellow;
}

a.whitelinktitle:link{
color:white;
text-decoration:none;
}

a.whitelinktitle:visited{
color:white;
text-decoration:none;
}

a.whitelinktitle:hover{
color:yellow;
}

/* This ID is used on the index page and other various pages to keep content organized in a neat column */

#newsarea{
width:800px;
margin:0px auto 0px auto;
}

/* This ID is the style code for the title of the comics */

#comictitle {
background-color:black; 
color:white; 
font-weight:bold; 
padding:2px; 
font-size:1.5em; 
font-family:arial; 
text-align:center;
}

/* Area the comic and comictitle go into */

#Comicarea {
width:750px; 
margin:0px auto 0px auto;
}

/* Update area on the Index page */

.post {
display:block; 
margin-bottom:20px; 
color:white; 
font-family:arial; 
border: 1px solid white; 
padding:2px;
}

/* Style of the update header block, the blue strip on top of a update post */

.postheader {
background: url(images/titlebg.png) repeat-x blue; 
border-top:1px solid black; 
border-right:1px solid black; 
border-left:1px solid black; 
padding:5px;
}

/* Keeps update headers from pushing other elements away from them */

.post h3,h2 {
margin:0px;
}

/* Size of the secondary header (Posted by user on date, etc) */

h3{
font-size:0.8em
}

h3 a:link {
	color: white;
	text-decoration:underline;
	}

h3 a:visited {
	color: white;
	text-decoration:underline;
	}
h3 a:hover {
	color:yellow;
	}

/* Size of the main title header, the one above the secondary header */

h2{
font-size:1em; 
font-weight:bold;
}

/* Content of a post, the stuff in the white area */

.postbody{
background:white; 
font-size:0.9em; 
color:black; 
padding:5px; 
border-right: 1px solid black; 
border-left:1px solid black; 
border-bottom:1px solid black;
}

/* The numbers below the updates */

.pagination {
text-align:center; 
background: #ffffff;
color:black;
font-weight:bold;
}

blockquote {
	border-left: red 2px solid;
	padding: 5px;