/*  
Theme Name: Calm Blizzard
Author: Phil
*/

body {
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #a08080;
	margin: 30px;
	padding: 0;
	}
* html body {font-family: Arial, sans-serif;}



/* Divs */

#container {
	position: relative;
	text-align: center;
	width: 750px;
	margin: 0 auto;
	}

img#comic {
	position: relative;
	left: 0;
	margin: 50px 0;
	}




* html #content {margin-left: 50px;}



/* Menus */

ul#menu {
	position: relative;
	width: 615px;
	height: 38px;
	margin: 20px auto 0;
	padding: 0;
	}

#menu li {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu li, #menu a {
	display: block;
	cursor: pointer;
	border: none;
	}

#menu1, #menu1 a {top: 3px; left: 0; width: 141px; height: 35px; background: transparent url(images/menus.gif) 0 0 no-repeat;}
#menu2, #menu2 a {top: 2px; left: 191px; width: 211px; height: 34px; background: transparent url(images/menus.gif) 0 -72px no-repeat;}
#menu3, #menu3 a {top: 0; left: 452px; width: 163px; height: 38px; background: transparent url(images/menus.gif) 0 -142px no-repeat;}

#menu1 a:hover {background: transparent url(images/menus.gif) 0 -36px no-repeat;}
#menu2 a:hover {background: transparent url(images/menus.gif) 0 -107px no-repeat;}
#menu3 a:hover {background: transparent url(images/menus.gif) 0 -181px no-repeat;}

ul#nav {
	position: relative;
	width: 485px;
	height: 29px;
	margin: 0 auto 0;
	padding: 0;
	}

#nav li {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#nav li, #nav a {
	display: block;
	border: none;
	}

#nav1, #nav1 a {top: 0; left: 0; width: 77px; height: 23px; cursor: pointer; background: transparent url(images/menus.gif) -142px 0 no-repeat;}
#nav2, #nav2 a {top: 3px; left: 142px; width: 84px; height: 23px; cursor: pointer; background: transparent url(images/menus.gif) -164px -142px no-repeat;}
#nav3, #nav3 a {top: 0; left: 234px; width: 5px; height: 29px; background: transparent url(images/menus.gif) -164px -190px no-repeat;}
#nav4, #nav4 a {top: 3px; left: 251px; width: 74px; height: 23px; cursor: pointer; background: transparent url(images/menus.gif) -142px -48px no-repeat;}
#nav5, #nav5 a {top: 3px; left: 400px; width: 85px; height: 24px; cursor: pointer; background: transparent url(images/menus.gif) -212px -72px no-repeat;}

#nav1 a:hover {background: transparent url(images/menus.gif) -142px -24px no-repeat;}
#nav2 a:hover {background: transparent url(images/menus.gif) -164px -166px no-repeat;}
#nav4 a:hover {background: transparent url(images/menus.gif) -217px -48px no-repeat;}
#nav5 a:hover {background: transparent url(images/menus.gif) -212px -97px no-repeat;}





/* Text */

a, a:visited {
	color: #ceae85;
	text-decoration: none;
	}

a:hover, a:active {
	color: #85b985;
	}

h1 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #404040;
	background: transparent url(images/h2.gif) no-repeat bottom left;
	margin: 25px 5px 0;
	padding: 10px 0 23px 40px;
	}

	h2 a:hover, h2 a:active, h5 a:hover, h5 a:active {
		color: #404040;
		text-decoration: none;
		border-width: 1px 0 0;
		border-style: dotted;
		border-color: #404040;
		}

h5 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	color: #404040;
	margin: -29px 5px 20px 67px;
	padding: 0;
	}

p {
	font-size: 12px;
	text-indent: 0px;
	text-align: justify;
	margin: 5px 20px 15px 20px;
	padding: 0;
	}

small {
	font-size: 10px;
	margin-bottom: 10px;
	}




/* Lists */

ul {
	text-align: left;
	list-style: none;
	margin: 5px 50px 15px 50px;
	padding: 0;
	}

	ul.menu {
		position: relative;
		margin: 0 30px 0 -5px;
		padding: 0;
		}

	.menu li {
		display: block;
		font-weight: bold;
		text-align: left;
		list-style: none;
		padding: 0;
		margin: 5px 0 0;
		}	

	.menu a {
		display: block;
		text-align: center;
		border: 1px solid #bbb;
		border-left: 0;
		padding: 5px;
		margin: 0;
		}	

	.menu a:hover {
		text-decoration: none;
		background: #ddd;
		border-color: #404040;
		}

	ul.links {
		margin: 0;
		padding: 0 0 0 5px;
		}

	.links li {
		text-align: center;
		list-style: none;
		background: #fff;
		margin: 5px 30px 0 -10px;
		padding: 5px;
		border: 1px solid #bbb;
		border-left: 0;
		}

	ul.bullet {
		margin: 0;
		padding: 0 0 0 5px;
		}

	.bullet li {
		text-align: left;
		list-style-image: url('images/bullet.gif');
		list-style-position: outside;
		margin: 0 0 0 30px;
		padding: 5px 0;
		}



ol {
	text-align: left;
	margin: 5px;
	padding-top: 10px;
	padding-left: 45px;
	}




/* Misc */

blockquote {
	border-width: 0 0 0 1px;
	border-style: dotted;
	border-color: #2d0000;
	margin: 5px 50px;
	padding: 0;
	}

input {
	background: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #2D0000;
	border: 1px solid #2d0000;
	margin: 5px 0 0 5px;
	padding: 1px;
	}
* html input {font-family: Arial, sans-serif;}

textarea {
	background: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #2D0000;
	border: 1px solid #2d0000;
	width: 350px;
	height: 150px;
	margin: 5px 0 0 5px;
	padding: 1px;
	}
* html textarea {font-family: Arial, sans-serif;}

div.hr {
	width: 273px;
	height: 29px;
	background: transparent url(images/hr.gif) no-repeat top center;
	margin: 10px auto;
	}

div.hr hr {display: none;}

.center {text-align: center;}

.right {text-align: right;}

a img, img {border: none;}

.link {
	border: 1px solid #fe5b31;
	padding: 5px;
	}