/* 	=========================================================

		Copyright (c) Teeves.com, 2005 // v002 - Knightingale
		
	========================================================= */
	
/* 	=========================================================
		Navigating the stylesheet:  Things are grouped
		according to webpage placement (e.g. "main 
		content" positioning is grouped with its
		text and link alterations).
		
		Body
		Heading
		Navigation
		Main content
		Sidebar
		Holly Hack
		Footer
		Form elements
	========================================================= */
	
body { 
	margin: 30px 0 25px;
	padding: 0;
	min-width: 750px;
	font: 70%/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #2a2a2a; }

#bg {
	background: url(images/bg.gif) top center scroll repeat-y; }
	
.hide {
	visibility: hidden; }
	
#clear {
	clear: both;
	font-size: 1px;
	line-height: 0px; }
	
/* 	=========================================================
		Heading elements and section title
	========================================================= */
	
#header {
	margin: 0;
	padding: 0;
	min-width: 750px;
	height: 210px;
	background: url(images/header.png) top center scroll no-repeat; }
	
.center {
	width: 750px;
	margin: 0 auto; }
	
#header h1 { /* hidden from view in webpage NEED TO MAKE WHOLE AREA CLICKABLE */
	margin: 0 615px 0 0;
	padding: 0;
	width: 135px;
	height: 50px;
	z-index: 2;
	position: absolute;
	top: 95px;
	text-align: center; }
	
#header a {
	padding: 24px 67px;
	font: 1px/50px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none; }

h2.section-title { 
	margin: 0 265px 0 5px;
	padding: 0;
	width: 480px;
	z-index: 1;
	position: absolute;
	top: 215px;
	text-align: right;
	font: 1.6em/normal Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase; } 
	
/* 	=========================================================
		Navigation elements, and lots of them
	========================================================= */

#navigation-top, #navigation-bottom {
	margin: 0 255px 0 5px;
	width: 490px;
	font: bold 14px/normal Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #ccc; }
#navigation-top {
	padding: 0;
	z-index: 1;
	position: absolute;
	top: 175px; }
#navigation-bottom {
	padding: 32px 0 0 0; }

#navigation-top ul, #navigation-bottom ul {
	margin: 0;
	padding: 0; }
#navigation-top li, #navigation-bottom li {
	margin: 0;
	padding: 9px;
	display: inline;
	list-style: none; }

#navigation-top a, #navigation-bottom a {
	color: #83A6B4;
	text-decoration: none; }
#navigation-top a:visited, #navigation-bottom a:visited {
	color: #7a7a7a;
	text-decoration: none; }
#navigation-top a:hover, #navigation-bottom a:hover {
	color: #fff;
	text-decoration: none; }

/* 	=========================================================
		Main content and anything within it; 
		blockquote, imgframe, ol, ul, table
	========================================================= */

#center-all-content {
	margin: 0 auto;
	width: 750px; }
	
#main {
	margin: 0 60px 0 25px;
	padding: 30px 0 10px;
	width: 450px;
	float: left;
	display: inline;
	background-color: #cccccc; }

/* ========== headings ========== */
	
#main > h3:first-child {
	margin: 0;
	padding: 0; }
	
#main h3, #main h4, #main h5, #main h6 {
	padding: 0;
	color: #990000;
	letter-spacing: 1px; }
#main h3 { /* heading */
	margin: 1.5em 0 0 0;
	font: 2.0em/1em Georgia, "Times New Roman", Times, serif; }
#main h4 { /* subheading 1 */
	margin: 1.3em 0 0 0;
	font: 1.5em/1em Georgia, "Times New Roman", Times, serif; }
#main h5 { /* subheading 2, inline */
	margin: 1.2em 0 0 0;
	padding: 0 3px 0 0;
	display: inline;
	font: 1.1em/1.85em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0; }
#main h5.block { /* subheading 2, block (esp. for archives) */
	display: block;
	font: bold 1.2em/1.85 Georgia, "Times New Roman", Times, serif; }
#main h6, #main h6.comment-author, #main h6.comment-date /* blogdate etc. */ {
	margin: 0;
	font: 1em/1.85em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0px;
	color: #000; }
#main h6.comment-author {
	margin-top: 20px;
	font-weight: bold; }
.comment-date {
	margin-left: 30px;
	font-size: .9em; }

/* ========== link alterations ========== */

#main h3 a, #main h3 a:visited {
	color: #990000;
	text-decoration: none; }
#main h3 a:hover {
	color: #990000;
	text-decoration: underline; }
	
#main a {
	color: #336699; }
#main a:visited {
	color: #666666; }
#main a:hover {
	color: #999999; }

.align-right {
	text-align: right; }

/* ========== misc. ========== */
	
blockquote {
	margin: 10px 0 10px 15px;
	padding: 0 15px;
	border-left: 1px solid #b1b1b1; }

.img-inline-left, .imgframe {
	padding: 6px;
	background-color: #FFFFF4;
	border: 1px solid #000; }
	
.img-inline-left {
	margin-right: 15px;
	float: left;
	display: inline; }

.imgframe {
	margin: 10px 0; }
	
p.inline { /* for inline subheadings h5 */
	display: inline; }

ol, ul {
	margin: 10px 35px;
	padding: 0; }
ul {
	list-style: square; }
li { 
	margin: 0;
	padding: 0; }
	
ul.no-style {
	margin: 10px 0;
	padding: 0;
	list-style: none; }
	
table {
	margin: 0;
	padding: 0;
	border: none;
	font: 1em/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif; }
	
/* 	=========================================================
		Form elements
	========================================================= */
	
form {
	margin: 0;
	padding: 0; }
input {
	border: 1px solid #2a2a2a;
	background-color: #e4e4e4;
	font: 1em/normal Verdana, Geneva, Arial, Helvetica, sans-serif; }
#comment-bake-cookie {
	border: none; }
textarea {
	border: 1px solid #2a2a2a;
	background-color: #e4e4e4;
	font: 1em/normal Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* 	=========================================================
		Sidebar area and anything within it
	========================================================= */

#side {
	margin: 0 15px 0 535px;
	padding: 30px 0;
	width: 200px;
	line-height: 1.6em;
	color: #999999;
	background-color: #6C2424; }
	
#side h4 { /* sidebar heading */
	margin: 0;
	padding: 0;
	width: 100%;
	font: bold 1.0em/1.6em Georgia, "Times New Roman", Times, serif;
	color: #C24949;
	letter-spacing: 1px; }
	
#side ul {
	margin: 0;
	padding: 0; }
#side li {
	margin: 15px 0;
	padding: 0;
	display: block;
	list-style: none; }
	
#side a {
	color: #83A6B4; }
#side a:visited {
	color: #7a7a7a; }
#side a:hover {
	color: #fff; }
	
/* Holly Hack -- Eliminating the 3px jog in IE */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #main {
	 margin-right: 57px; }
	
* html #side {
	 height: 1%;
	 margin-left: 0; }
 /* End Holly Hack hide from IE5/mac */
 
 
/* 	=========================================================
		The almighty footer
	========================================================= */
 
#footer {
	margin: 0;
	padding: 0;
	min-width: 750px;
	height: 72px;
	background: url(images/footer.gif) center scroll no-repeat; }