/*  
Theme Name: The HatRack Pub
Theme URI: http://thehatrackpub.com
Description: Default theme for The HatRack Pub.
Version: 1.0
Author: Nick Villescas
Author URI: http://webnv.net

*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #2d4422 url(images/background.jpg);
	color: #000;
	text-align: center;
}

a {
  color: #ded5b5;
}

a:hover {
  color: #fff6d6;
}

p {
  margin-bottom: 18px;
  line-height: 18px;
  font-size: 12px;
}

hr {
  color: #372f12;
  background: #372f12;
  height: 1px;
  border: 0;
  margin-bottom: 15px;
}

li {
  list-style: none;
}

#wrapper {
  
}

#header {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  background: url(images/header-background.jpg) no-repeat;
  height: 294px;
}

#header img {
  margin-left: 32px;
  float: left;
}

#navigation {
  padding: 255px 0 0 250px;
  font-family: Georgia;
  font-size: 16px;
}

#navigation ul {
  list-style: none;
}

#navigation li {
  display: block;
  float: left;
}

#navigation li a {
  display: block;
  float: left;
  color: #d1c48e;
  text-decoration: none;
  padding: 7px 25px 7px 25px;
}

#navigation li a:hover {
  text-decoration: underline;
  color: #f5e8b4;
}

#navigation li.current_page_item a {
  color: #b2a56f;
}

#home_content {
  background: url(images/home-background.jpg) repeat-x;
  height: 386px;
}

#home_center {
  width: 1000px;
  margin: 0 auto;
  background: url(images/home-center-background.jpg) no-repeat;
  height: 386px;
}

#home_text {
  text-align: left;
  padding: 50px 0 0 240px;
}

#home_text h1 {
  color: #663232;
  font-family: Georgia;
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 10px;
}

#home_text h2 {
  color: #756a3d;
  font-family: Georgia;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 14px;
  margin-bottom: 10px;
}

#home_text h3 {
  color: #42370a;
  font-family: Georgia;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 12px;
  margin-bottom: 10px;
}

#home_text p {
  font-size: 11px;
  text-align: justify;
  width: 380px;
  line-height: 20px;
}

#top_area {
  width: 1000px;
  margin: 0 auto;
  background: url(images/top-background.jpg) repeat-x;
  height: 33px;
}

#top_area a {
  color: #584d29;
}

#page_content {
  width: 1000px;
  margin: 0 auto;
  background: url(images/light-background.jpg);
  overflow: hidden;
}

#bottom_content {
  width: 1000px;
  margin: 0 auto;
  background: url(images/main-background.jpg) repeat-y;
  overflow: hidden;
}

#right_area {
  float: right;
  width: 210px;
  color: #262626;
}

.post_page #right_area {
  width: 270px;
  float: left;
}

#left_area {
  float: left;
  width: 210px;
  color: #262626;
}

#left_area h2, #right_area h2 {
  color: #372f12;
  font-family: Georgia;
  margin: 10px 0;
  font-size: 16px;
}

#left_area div, #right_area div {
  margin-bottom: 30px;
}

#center_area {
  margin: 0 212px;
  text-align: left;
  padding: 10px 25px;
}

#center_area h2 {
  color: #663232;
  font-family: Georgia;
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 10px;
}

#center_area h3 {
  color: #c1b488;
  font-family: Georgia;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}

.post h2 {
  margin-bottom: 5px;
}

.post h2 a {
  color: #ded5b5;
  font-family: Georgia;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: 1px;
}

.post h2 a:hover {
  color: #fff6d6;
  text-decoration: underline;
}

.post small {
  display: block;
  margin-bottom: 15px;
  color: #c1b488;
}

.post small a {
  color: #c1b488;
}

.post small a:hover {
  color: #fff6d6;
}

.page_navigation {
  overflow: hidden;
}

.page_navigation .alignright {
  float: right;
}

#footer {
  width: 1000px;
  margin: 0 auto;
  clear: both;
  background: url(images/footer-background.jpg) repeat-x;
  padding-top: 40px;
}

#footer p {
  color: #bcb086;
  font-size: 10px;
}

.post_page {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  background: url(images/light-background.jpg);
  overflow: hidden;
}

.innerpost_page {
  padding: 10px 20px;
  width: 675px;
  float: left;
}

.post_page h2 {
  color: #663232;
  font-family: Georgia;
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 10px;
}

.post_page h3 {
  color: #50441c;
  font-family: Georgia;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 10px;
}

.postmetadata {
  background: #72663e;
  padding: 10px 10px 1px 10px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}