html {}
body {margin: 0; padding: 0; background: url(images/bg.jpg) repeat #752e15; font-family: 'Karla', sans-serif;}
form {margin: 0; padding: 0;}
hr {margin: 0; height: 1px; border: none; background-color: #000000; color: #000000;}
a {outline: none;}
img {border: none;}
.push {clear: both; height: 0;}


/* --------------------  Header ------------------------------*/
.header_bg {height: 90px;}
.header {width: 900px; margin: 0 auto;}
.logo {
	height: 62px; /* 90px */
	padding: 28px 0 0 0;
	font-family: 'Architects Daughter', cursive;
	color: #eadddd;
	font-size: 30px;
	letter-spacing: 0;
	line-height: 22px;
	text-shadow: 1px 1px 1px #0c351d;
}
	.logo img {float: left; margin: -25px 5px 0 0;}
	.subtitle {padding-left: 50px; color: #d4bcb7; font-size: 16px; letter-spacing: 0px; font-style: normal;}
.menu {
	border-radius: 10px;
	border: 1px solid #9b4628;
	background-color: rgba(52,21,11, .77);
	margin: 28px 100px 0 0;
	box-shadow: inset 1px 1px 2px #200e07;
	float: right;
}
	.menu ul {
		margin: 0 auto;
		padding: 0;
		clear:left;
		float:left;
		text-align: center;
	}
	.menu ul li {
		list-style-type: none;
		display: inline;
		float:left;
	}
	.menu li a {
		margin: 0 5px;
		display: block;
		float: left;
		padding: 5px 10px;
		border-radius: 0 0 7px 3px;
		border-bottom: 1px solid transparent;
		font-size: 14px;
		text-decoration: none;
		text-shadow: 1px 1px 1px #0c351d;
		color: #ffffff;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu li a:hover {
		
	}

/* --------------------  Content ------------------------------*/

.page {
	width: 900px;
	margin: 0 auto;
	/*background-color: #f4eeee;*/
	background: url(images/page.jpg) repeat #f4eeee;;
	box-shadow: 0 1px 10px 3px #35150b;
	border-radius: 2px;
}
.content {
	padding: 20px 40px;
	color: #2b271f;
	font-size: 15px;
}
	.content h1 {margin: 0 0 10px 0; font-size: 26px; border-bottom: 2px solid #72be8b;}
	.content h1 a {text-decoration: none; color: #2b271f;}
	.content h2 {margin: 10px 0; font-size: 20px; color: #14532f;}
	.content a {font-weight: bold; color: #0b812c;}
	.content hr {height: 2px; background-color: #72be8b; color: #72be8b;}
	.content p {}
	.content img {border: 2px solid #ffffff; box-shadow: 0 0 2px #9d9d9d;}
	.sources {color: #454545; font-size: 12px;}


	.right {text-align: right;}
	.top {vertical-align: top;}
	.center {text-align: center;}
	
.previous_link {font-size: 18px; margin: 20px 0;}
.page_number {text-align: center; margin: 5px 0 0 0;}
.page_number a {text-decoration: none; color: #161616;}


/* --------------------  Images ------------------------------*/
.img{margin: 15px; font-size: 12px; font-style: italic; color: #403a2e;}
.img_right{float: right; margin: 0 0 15px 15px; font-size: 12px; font-style: italic; color: #403a2e;}
.img_left {float: left; margin: 0 15px 15px 0; font-size: 12px; font-style: italic; color: #403a2e;}

/* --------------------  Buttons ------------------------------*/
.button {
		outline: none;
		background-color: #3e963c;
		padding: 2px 15px;
		border: none;
		border: 2px solid #358133;
		border-radius: 15px;
		cursor: pointer;
		color: #FFFFFF;
		font-family: 'Karla', sans-serif;
		font-weight: bold;
		font-size: 18px;
		text-shadow: 0 1px 2px #193e19;
	}
		.button:active {background-color: #358133; padding-top: 3px; padding-bottom: 1px;}

/* --------------------  Side Menu ------------------------------*/
.side_menu {
	float: right;
	margin: 50px -75px 0 10px;
	padding: 10px 20px;
	background-color: #f5f3ee;
	border-radius: 10px;
	border: 2px solid #5E5468;
}
	.side_menu a {
		display: block;
		margin: 5px 0;
		padding: 0 0 0 10px;
		font-weight: bold;
	}
	
/* --------------------  Comments ------------------------------*/
.comments {
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}

.comment {
	margin: 10px 0 0 0;
	padding: 0px 0 0px 0;
	font-size: 14px;
	border-bottom: 1px dotted #999999;
}
	.reply1 {margin-left: 15px; padding-left: 10px; border-left: 1px dotted #999999;}
	.reply2 {margin-left: 35px; padding: 0 0 10px 10px; border-left: 1px dotted #999999;}
	.make_comment {font-size: 15px;}
	.comments_line {margin: 40px 0 0 0;}
	.commenter {
		margin-bottom: 10px;
		font-size: 16px;
		color: #464033;
		font-weight: bold;
	}
	.commenter a {text-decoration: none;}
	.comment .reply  {color: #89867f; font-weight: normal; display: block; margin: 5px 0 0 0; text-align: right; text-decoration: none;} 
	.comment .reply:hover {text-decoration: underline;}
	
	.comment_link { /* on index.htm */
		text-align: right;
		font-size: 18px;
		margin: 20px 0;
	}
	.comment_link a {font-size: 16px; font-weight: normal; text-decoration: none;} .comment_link a:hover {text-decoration: underline;}
.comment_form {
	margin: 20px 0 0 0;
}
.comment_form table {margin: 10px 0 0 0;}
	.comment_form textarea {width: 500px; height: 150px;}
	#reply_to {display: none; font-size: 14px; font-weight: normal; color: #2b271f;}
	#cancel_reply {text-decoration: underline; cursor: pointer;}
	.label {font-size: 15px; text-align: right; vertical-align: top;}
/*------------------  Footer ------------------------------------------*/
.footer {
	margin: 15px auto;
	width: 900px;
	text-align: center;
	font-size: 15px;
	color: #dfd7ce;
}
	.footer a {
		color: #dfd7ce; 
		display: inline-block; 
		margin: 0 10px; 
		text-decoration: none; 
		border-bottom: 1px solid transparent;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		border-bottom: 2px solid rgba(0,0,0,0);
}
	.footer a:hover {border-bottom: 2px solid #72be8b;}
#copy {margin: 15px 0 0 0; color: #b8b1a9; font-size: 13px;}