body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:  arial, helvetica, sans-serif;
	font-size:12px;
line-height: 12 px;
font-weight: bold;
color: #72682B;  
	background-color: #202528;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #CC6600;
	outline: none;
	}
a:visited {
	color:  #996600;
	}
a:active {
	color:  yellow;
	}
a:hover {
	color: yellow;
	text-decoration: underline;
	}

strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 2px solid #2F2315;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}

.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}

.buff {font-size:12px;
line-height: 12 px;
font-weight: bold;
color: #CE671B;}

.expanded {letter-spacing: 12px;}
	
#onebox {
width: 620px; 
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background: #FFCC66; 	}
	
#comicbox{float:left;
	padding: 10px;
	margin-top:30px;
	margin-left: 100px;
	background: white;
	width: 500px;}

#controlpanel{float: right;
	padding: 10px;
	
	background: blue;
	border: 5px solid #ccc;
	width: 80px; }
	
#left{
width: 630px;
padding: 5px;
float: left;}

#right{
width: 300px;
padding: 5 px;
float: left;}

#container{
width: 920px;
}

#frame{
margin-top: 30px;
border: 15px solid #37301E;
background-color: #4B2509;
padding: 20px;
}

/* MENU BUTTONS -- Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin-top:0;
margin-left:160px; 
padding: 0;
list-style: none;
}

#modernbricksmenu ul li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #DFB58E;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 2px;
background-color: #906339; /*Default menu color*/
border: 2px solid #202528;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
color: white;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #202528; 
border-color: #202528; 
color: #B8CFE0; 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #202528; 
}