/* The Styling of the Site. */

html { 
  padding:0px;
  margin:0px;
}

body {
  background-image: 
  url('../images/background.jpg');
  background-repeat: repeat;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  margin:0px;
}
p, pre, h2 {
  padding:10px;
  margin:0px
}


h1 {
font-size: 12px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}

h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
}	

a { 
color: #003399;
font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
background-color:transparent;
text-decoration: none; 
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

small {
font-size:xx-small;
}

.subject {
font-size:16px;
vertical-align:top;
}

.tagline {
font-size:10px;
}

.blog_entry {
font-size:12px;
padding-left:1cm;
padding-right:1cm;
}

.comments {
font-size:9px;
}

.avatar {
float:left;
padding-left:.5cm;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
text-align:center; 
}
/*The old linkbar menu. I have no fucking clue who made this. Sorry.*/
#toplinkbar {
	text-align:right;
	width:100%;
	height:17px;
	margin-bottom:10px;
	border-bottom:2px white solid;
	padding-top: 3px;
	background:black url(/cornstalker-topbar.png) fixed no-repeat top left;
	}
#toplinkbar a, .toplinkbar a:visited, .toplinkbar a:link, .toplinkbar a:active {
	font-weight:bold;
	font-family:Verdana;
	font-size:10px;
	color:white;
	margin: 0 10px 0 -5px;
	padding: 2px;
	text-decoration:none;
	}
#toplinkbar a:hover {color:#000;text-decoration:none;background:#fff}

/* CSS Document */
/*  positioning-layers for the menus */
/* written for the Cornstalker Webcomics Collective by Daniel Orta*/
/* http://www.teammayhem.net, bitches. */


#adspace {
 position:relative;
 top:1px;
 bottom:20px;
 width:300px;
}

#toparea {
position: relative;
height:auto;

}

#comics {
left:10px;
	width:950px;
	visibility: visible;
}

#menu {
position:relative;
	width: 200px;
	left: 5px;
	padding:0px;
	margin:0px;
	border-left:thick;
	visibility: visible;
}

#content {
position:relative;
top: -340px;
left: 180px;
overflow: auto;
width:790px;
}

#bottom {
  margin-left: 200px;
  position: absolute;
  bottom: 1px;
  width: 450px;
  left: 10%;
  
}

/* the Borders */

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}


/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; overflow:hidden; border-top:10px solid;  border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #000000; border-right:1px solid #000000;}

.xb1 {margin:0 8px; background:#000000;}
.xb2 {margin:0 6px; background:#000000;}
.xb3 {margin:0 4px; background:#000000;}
.xb4 {margin:0 3px; background:#FFFFFF; border-width:0 5px;}

.xb5 {margin:0 2px; background:#FFFFFF; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FFFFFF; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#FFFFFF; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#FFFFFF; border:3px solid #000000; border-width:0 3px;}