/* CSS Document 
	Being the CSS style declarations for the Marsona's Story webcomic
	Created this day, the 9th of March, Anno Domini 2008
	By Stewart Baker, Esq. Stewart.c.baker@gmail.com
	Creator of sundry amusing websites, such as 
	infomancy.net endpropaganda.org arleea.com
	&c., &c., &c.
*/
body {
	text-align:center;
	font-size:14px;
}

hr {
	clear:both;
}

div.wrap {
	position:relative;
	margin:0 auto; 
	text-align:center;
	width:1000px;
}

div.wrapleft {
	position:relative;
	float:left;
	width:800px;
}

div.wrapright {
	position:relative;
	float:left;
	width:190px;
}

div.skyscraper {
	position:relative;
	text-align:center;
	margin-bottom:15px;
	top:220px;
	height:627px;
	width:162px;
	border:1px solid black;
}

div.top {
	position:relative;
	width:800px;
	height:100px;
	top:0px;
	left:0px;
	background-color:#5B3000;
}

div.topbanner {
	position:relative;
	left:15px;
	width:675px;
	float:left;
}

div.topwords {
	position:relative;
	float:left;
	width:110px;
	height:100px;
	background-color:#99B984;
	font-size:16px;
	line-height:1.4;
}

div.topmenu {
	position:absolute;
	width:800px;
	top:100px;
	left:0px;
	height:30px;
	background-color:#5B3000;
	clear:both;
}

div.topmenubutton {
	position:relative;
	float:left;
	width:110px;
	min-height:25px;
	height:auto;
	left:15px;
	background-color:#99B984;
	line-height:25px;
	border-top:1px solid black;
}  

div.down {
  display: none;
  position: absolute; 
  top: 25px;
  left: 0;
  z-index:2;
  text-align:left;
  }

div.down div.topmenubutton {
	border:0;
	border-bottom:1px solid black;
	left:0px;
}

div.topmenubutton:hover div.down, div.over div.down{ 
	display: block; 
	background-color:#99B984; 
	}	

div.topmenubutton:hover {
	background-color:BBDDBB;
}

div.topmenubutton a, div.navi a {
	text-decoration:none;
	color:#000000;
	width:100%;
	height:100%;
}

div.bottom {
	position:relative;
	text-align:left;
	top:30px;
	width:800px;
	background-color:#BBDDBB;
}

div.navi {
	position:relative;
	clear:both;
	width:800px;
	left:200px;
	height:30px;	
}

div.navibutton {
	position:relative;
	float:left;
	width:70px;
	top:4px;
	left:7px;
	background-color:#999999;
	border:1px solid black;
	margin-right:6px;
}

div.navibutton:hover {
	background-color:#FFFFFF;
}

div.title {
	position:relative;
	text-align:center;
	clear:both;
	width:800px;
	height:50px;
	border-bottom:2px solid #5B3000;
	font-size:1.25em;
	line-height:50px;
}

div.comic {
	position:relative;
	float:left;
	clear:both;
	width:700px;
	left:50px;
	background-color:#BBDDBB;
}

div.blog {
	position:relative;
	clear:both;
	width:800px;
	border-top:2px solid #5B3000;
}

img.blogimg {
	position:relative;
	float:left;
	width:125px;
	height:125px;
	border:1px solid black;
	margin-right:1em;
	margin-left:.5em;
}

div.info {
	position:relative;
	text-align:center;
	clear:both;
	width:800px;
	border-top:1px solid #5B3000;
	font-size:.7em;
}

div.comment {
	/*Comments for blog posts*/
	width:75%;
	background-color:#DDDDDD;
	border-bottom:1px solid black;
	text-align:left;
}

/*
style tags for the sketchshop page
*/

div.sketchshopdesc {
	float:left;
	padding:2px;
	position:relative;
	width:400px;
	height:200px;
	left:20px;
}

div.sketchshopsamp {
	float:left;
	position:relative;
	width:150px;
	height:200px;
	text-align:center;
	margin-right:15px;
	left:10px;
	padding:2px;
}

/* Styles for novel div tags */
div.novel {
	position:relative;
	clear:both;
	width:800px;
	border-top:2px solid #5B3000;
}

div.noveltext {
	position:relative;
	width:600px;
	float:left;
	left:50px;
}

div.TOC {
	position:relative;
	float:left;
	width:100px;
	left:60px;
	border-left:1px solid #5B3000;
	padding-left:5px;
	line-height:20px;
}