/*
Theme Name: HILLS Custom
Theme URI: http://spyglasswebsolutions.com/
Description: HILLS custom theme
Version: 1.0
Author: Todd Barrs
Author URI: http://www.spyglasswebsolutions.com/
*/

/* Global */

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 14px;
  color: #5B4622;
  margin:0px;
  height:auto;
}

/* classes */

/* Need to set bottom margin for last element in header to zero and set top margin for first elements in columns (and footer to zero in order to move wrapper and middle_right_wrapper flush with header (see "zero-margin" class settings below */
.zero-bottom-margin {margin-bottom:0px; }
.zero-top-margin {margin-top:0px; }

.post_date {
font-size:10px;
color:#000000;
}

.posted_in {
font-size:11px;
color:#695127;
}

.post_separator { /* horizontal rule <hr> separator between posts on blog homepage */
float:left;
width:514px;
margin:10px 10px 20px 0px;
}

.previous_post { /* used on single.php only */
float:left;
font-size:10px;
color:#695127;
padding:5px 5px 5px 0px;

}

.next_post { /* used on single.php only */
float:right;
font-size:10px;
text-color:#695127;
padding:5px 10px 5px 5px;

}

.left_column_heading { 
	text-align:center; 
	margin:10px 5px 10px 5px; 
	padding:5px 0px 5px 0px; 
	background: #eee9d5; 
	font-size:14px;
}

.right_column_heading {
	text-align:center; 
	margin:10px 5px 10px 5px; 
	padding:5px 0px 5px 0px; 
	background: #978746; 
	font-size:14px; 
	color: #eee9d5;
}

/* Begin Page Formatting */

#faux_header { /* used to move page & border down from top of browser window */
background:#ffffff;
}

#wrapper { /*wrap */
width:923px;
margin:0px auto;
background:#978746 url(images/wrapper-faux-filler.PNG) repeat-y right;
border:1px solid #000000; /* sets page border */
}

#header {
background:#eee9d5 url('images/header.PNG') no-repeat;
height:387px;
}

#logo_link {
 width:360px;
 height:160px;
 float:left;
}


#search_and_nav {
 width:295px;
 height:auto;
 float:right;
 margin-top:20px;
 margin-right:30px;
}

#search_and_nav_links { float:right; margin-top:-10px; padding-right:40px; }
#search_and_nav_links a { font-size: 14px; text-decoration:none; color:#666666; }
#search_and_nav_links a:hover { text-decoration:none; color:#660000; }

#main_horizontal_nav_menu { float:right; width:923px; }
#main_horizontal_nav_menu ul{ float:right; margin:-32px 0px 0px 0px; padding:0px; list-style:none;}
#main_horizontal_nav_menu li{ display:inline; font-family: arial; font-weight: bold; color: #eee9d5;}
#main_horizontal_nav_menu a { display: block; float: left; padding: 6px 10px 5px 10px; color: #eee9d5; text-decoration: none; font-size: 14px;}
#main_horizontal_nav_menu a:hover { background: #978746;}

#left_column { /*main*/
background:#978746;
float:left;
width:178px;
}

#left_column ul { padding:5px 0px 0px 15px; list-style:none; }
#left_column li {padding-bottom:5px; font-family:arial; font-weight: bold; color: #eee9d5; }
#left_column a { text-decoration:none; font-size:12px; color: #eee9d5; }
#left_column a:hover { text-decoration:none; color:#660000; }

#middle_right_column_wrapper { /*sidebar*/
background:#eee9d5;
float:right;
width:744px;
}

#middle_column {
	float:left;
	width:514px;
	background:#eee9d5;
	padding:10px 20px 20px 10px;
}

#middle_column h1 { padding:0px 0px 15px 0px; font-size:20px; color:#660000; /*#695127;*/ }
#middle_column h1 a { color:#660000; text-decoration:none;}

#middle_column h2 { padding:0px 0px 15px 0px; font-size:18px; color:#660000; /*#695127;*/ }
#middle_column h3 { padding:0px 0px 15px 0px; font-size:16px; color:#660000; /*#695127;*/ }
#middle_column h4 { padding:0px 0px 15px 0px; font-size:14px; color:#660000; /*#695127;*/ }
#middle_column h5 { padding:0px 0px 15px 0px; font-size:12px; color:#660000; /*#695127;*/ }
#middle_column h6 { padding:0px 0px 15px 0px; font-size:10px; color:#660000; /*#695127;*/ }
#middle_column p { padding:0px 0px 15px 0px; }
#middle_column a { color:#009; text-decoration:none;}
#middle_column a:hover { text-decoration:underline; }


#middle_column ul {padding:10px 0px 0px 40px; }
#middle_column ol {padding:10px 0px 0px 40px; }
#middle_column li {padding:0px 10px 5px 0px; }

#post_navigation { /* used to format post and comment navigation */
 float:left;
 width:544px;
 background:#eee9d5;
 margin-bottom:10px;
}

#comment_list { width:535px; }
#comment_list ul {margin-left:5px; padding:0px; list-style:none; width:520px;}
#comment_list li {margin:0px 0px 15px 0px; padding:8px; border:1px solid #CCC; }

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

#comment_list cite, #comment_list cite a {  /* controls font elements for comment author info */
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	text-decoration:none;
	
}

#comment_list cite a:hover{ 
	text-decoration:underline;
}

.commentmetadata a { /* controls font elements for date, time & edit comment info */
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
}

.commentmetadata a:hover{
	text-decoration:underline;
}

.thread-even {
	background-color:#E2DAB8;
	
}

#comment_list p {
 font-size: 12px;
 padding:10px 0px 0px 0px;	
}

#comment_form {
 width:540px;
 float:left;
 padding:0px 0px 0px 5px;
}

#comment_form textarea {
	width:500px;
	padding:2px;
}

#comment_form #submit {
 margin: 0px 20px 0px 0px;
 float: right;
}


#right_column {
	float:right;
	width:199px;
	background:#eee9d5;
}

#right_column ul { padding:0px 0px 0px 15px; list-style:none; }
#right_column li {padding-bottom:5px; font-family:arial; font-weight: bold; color: #695127; }
#right_column a { text-decoration:none; font-size:12px; color: #695127; }
#right_column a:hover { text-decoration:none; color:#660000; }

#search_backer {
 width:180px;
 height:auto;
 background: #eee9d5;
 padding-top:15px;
 padding-left:10px;
}

#social-media {margin-left:10px; }


#faux_footer { /* used to clear all columns and keep column heights all the same */
background:#ffffff;
height:1px;
clear:both;
}

#footer {
background: #ffffff;
width:923px;
margin:0 auto;
}
#footer_nav {
 width:923px;
 text-align:center;
 margin-top:15px;
 font-size:11px;
}

#footer_nav a { text-decoration:none; color:#666666; }
#footer_nav a:hover { text-decoration:none; color:#660000; }

#footer_copyright { 
 width:auto;
 color:#666666;
 margin-top:10px;
 text-align:center;
 font-size:11px;
}

/*wordpress image (caption) styles */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */