/*------------------------Calvin and Hobbes .info Style Sheet------------------------*/

/*------------------------Body-----------------------*/

body {
	background: #F9F3AE;
	color: #666666;
	margin: 0;
	padding: 0;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 12px;
}

#maincontainer {
	margin: 30px;
}

/*------------------------Header-----------------------*/
	
#header {
	height: 82px;
	width: 100%;
	background: url("images/header_bg.gif") repeat-x #BE891B;
}
	
#header_image {
	width: 377px;
	height: 82px;
	background: url("images/logo.gif") no-repeat;
}

/*------------------------Left Content-----------------------*/
	
#left {
	position: absolute;
	top: 106px;
	left: 30px;
	width: 200px;
}

.left_padding {
	padding: 17px;
}

.left_header {
	width: 198px;
	height: 28px;
	background: url("images/content_header.gif") repeat-x #BE891B;
	border-left: 1px solid #BE891B;
	border-right: 1px solid #BE891B;
}

#main_menu {
	height: 28px;
	width: 91px;
	background: url("images/main_menu.gif") no-repeat;
}

.nav_wrapper {
	background: url("images/nav_back.gif") bottom no-repeat #FEFEFE;
	width: 198px;
	border-bottom: 1px solid #D7AC59;
	border-left: 1px solid #D7AC59;
	border-right: 1px solid #D7AC59;
	margin: 0px 0px 30px 0px;
}

ul#navigation li {
	padding: 0px 0px 6px 0px;
	list-style-type: none;
}

.advertising {
	height: 27px;
	width: 86px;
	background: url("images/advertising.gif") no-repeat;
	margin: 0px 0px 0px 6px;
}
	
.left_wrapper {
	background: #FEFEFE;
	text-align: center;
	width: 198px;
	border-bottom: 1px solid #D7AC59;
	border-left: 1px solid #D7AC59;
	border-right: 1px solid #D7AC59;
	margin: 0px 0px 30px 0px;
}

/*------------------------Center Content-----------------------*/

#center {
	position: absolute;
	top: 106px;
	left: 258px;
	width: 500px;
}

.center_padding {
	padding: 20px;
}

.center_header {
	width: 498px;
	height: 28px;
	background: url("images/content_header.gif") repeat-x #BE891B;
	border-left: 1px solid #BE891B;
	border-right: 1px solid #BE891B;
}

.contentblock {
	margin: 20px 0 0 0;
}

#content {
	height: 28px;
	width: 70px;
	background: url("images/content.gif") no-repeat;
}

.content_wrapper {
	background: #FEFEFE;
	width: 498px;
	border-bottom: 1px solid #D7AC59;
	border-left: 1px solid #D7AC59;
	border-right: 1px solid #D7AC59;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
	margin: 0px 0px 30px 0px;
}

.index_content_wrapper {
	background: #FEFEFE;
	width: 498px;
	border-bottom: 1px solid #D7AC59;
	border-left: 1px solid #D7AC59;
	border-right: 1px solid #D7AC59;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0px 0px 30px 0px;
}

.ultimate_resource {
	background: url("images/ultimate_resource.gif") no-repeat;
	height: 97px;
	width: 294px;
	margin: auto;
}

#copyright {
	background: url("images/copyright.gif") no-repeat;
	height: 56px;
	width: 262px;
	margin: auto;
}

.copyright_wrapper {
	background: #FEFEFE;
	width: 498px;
	border: 1px solid #D7AC59;
	margin: 0px 0px 30px 0px;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 10px;
	text-align: center;
}

/*------------------------Right Content-----------------------*/

#right {
	position: absolute;
	top: 106px;
	left: 785px;
	width: 170px;
}

.right_padding {
	padding: 20px;
	margin: 0px 0px 0px 6px;
}

.right_header {
	width: 168px;
	height: 28px;
	background: url("images/content_header.gif") repeat-x #BE891B;
	border-left: 1px solid #BE891B;
	border-right: 1px solid #BE891B;
}

#links {
	height: 28px;
	width: 70px;
	background: url("images/links.gif") no-repeat;
}

.right_wrapper {
	background: #FEFEFE;
	width: 168px;
	border-bottom: 1px solid #D7AC59;
	border-left: 1px solid #D7AC59;
	border-right: 1px solid #D7AC59;
	margin: 0px 0px 30px 0px;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	padding: 0px 0px 6px 0px;
	list-style-type: none;
}
	
/*------------------------Misc-----------------------*/

a, a:link, a:visited {
	color: #A25A1A;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #A25A1A;
	font-weight: bold;
	text-decoration: underline;
}

a img {
	border: 0px;
	margin: 0px 0px -2px 0px;
}

img {
	margin: 10px;
}

img.left {
	float: left;
}

img.right {
	float: right;
}
	
p {
	margin: 0;
}

p.price {
	text-align: center;
	margin-top: 4px;
}

b, h3 {
	color: #A25A1A;
}