/* 
Theme Name: WolfPawRoad-1.1
Theme URI: http://blogs.wolfpawroad.com/wptheem/index.php?wptheme=WolfPawRoad-1.1
Description: Free WordPress Theme based on <a href="http://www.metamorphozis.com" target="_blank">Metamorphosis Design</a> template "metamorph_hills" 
Version: 1.1
Author: William Charles Nickerson
Author URI: http://www.wolfpawroad.com/
Tags: valid XHTML, fixed width, two columns, widgets, valid CSS, widget ready, simple, clean, green,random header images

Modified by William Charles Nickerson for WolfPawRoad.com Blog

To add a header image (N is the next header number)
	Create a JPG of 648 x 193 in images/headerN.jpg
	  (to a 5 pixel border around the image -- remember to offset the image to 330px 5px in the style sheet)
	Create a CSS file in headerN.css (use an existing one as a template)
	Create a PHP file in creditsN.php (use an existing one as a template) 
		If no creditsN.php file is found then there will be no credit text for the photo
	In Design->WolfPawRoad_001 Options update the Random Header Count option to N
*/

* {
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #F5FFDC;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:visited {
	color: #F5FFDC;
}

body {
	background: #78952D url(images/back_all.gif) repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
}

#content {
	margin: 0 auto;
	background: #98B74C;
	width: 983px;
	text-align: left;
}

#main {
	width: 983px;
	padding-top: 10px;
	background: url(images/table_back.gif) repeat-x top;
	position:	relative;
}

#header {
	height: 203px;
	background: rbg(255,255,255) url(images/header2.jpg) 330px 5px no-repeat;		
	position:	relative;
}
#logo {
	float: right;
	width: 628px;
	height: 103px;
	text-align: right;
	padding-right: 20px;
	padding-top: 50px;
}
#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 48px;
	color: #5C722A;
}
#logo h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #5C722A;
}
#logo-image {
	width:	330px;
	height:	203px;
	background: url(images/logo.jpg) 5px 5px no-repeat;
	margin: 0px;
}
#header-credit {
	position:	absolute;
	left:		340px;
	bottom:		10px;
	z-index:	99;
	color:		rgb(100,200,100);
	font-size:	.75em;
}
#logo-credit {
	position:	absolute;
	left:		10px;
	bottom:		10px;
	z-index:	99;
	color:		rgb(255,255,255);
	font-size:	.75em;
}
#logo-credit a, #logo-credit a:visited, #logo-credit a:hover, #logo-credit a:link,
#header-credit a, #header-credit a:visited, #header-credit a:hover, #header-credit a:link {
	color:		rgb(100,200,100);
	text-decoration:	none;
}
#logo-credit a:hover,
#header-credit a:hover {
	text-decoration:	underline;
}
#logo-credit a, #logo-credit a:visited, #logo-credit a:hover, #logo-credit a:link {
	color:		rgb(255,255,255);
}

#menu {
	margin: 0 auto;
	width: 908px;
	height: 28px;
	padding-top: 0px;
}
#menu ul {
	list-style: none;	
}
#menu li {
	display: inline; 
}
#menu a {
	float: left;
	width: 100px;
	height: 23px;
  display: block;
	text-align: center;
	text-decoration: none;
	color: rgb(255,255,255);
	font-weight: bold;
	padding-top: 10px;
	font-size: 14px;
	text-transform: uppercase;
}
#menu a:hover {
	width: 100px;
  height: 23px;
	color: #5C722A;
	text-decoration: underline;
	background: rgb(255,255,255);
}

#left {
	width: 290px;
	margin-left: 5px;
}
#left h3 {
	width: 265px;
	height: 18px;
	font-size: 14px;
	font-weight: bold;
	padding:	9px 10px 5px 15px;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background: url(images/title.gif) repeat-x
}
#left ul {
	list-style: none;
	margin-bottom: 0px;
	border: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	background: none;
}
#left li {
	padding: 4px 10px;
}
#left ul li a img {
	border:		none;
	padding:	4px;
}
#left a {
	color: #F5FFDC;
	text-decoration: none;
}
#left a:hover {
	color: #F5FFDC;
	text-decoration: underline;
}
#left a:visited {
	color: #F5FFDC;
}
#left p {
	padding: 10px;
}

#calendar1 {
	padding: 20px 10px 20px 10px;
}
#calendar table {
	width: 100%;
	text-align: center;
}
#calendar thead {
}
#calendar tbody td {
	border: 1px solid #F1F1F1;
}
#calendar #prev {
	text-align: left;
}
#calendar #next {
	text-align: right;
}
#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}
#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ffffff
}

#right {
	float: right;
	width: 660px;
	padding-right: 20px;
}
#right h4 {
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #F5FFDC;
}
#right a {
	color: #F5FFDC;
	text-decoration: none;
}
#right a:hover {
	color: #F5FFDC;
	text-decoration: underline;
}
#right a:visited {
	color: #F5FFDC;
	text-decoration: none;
}
#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
#right h1 {
	color:	rgb(245,255,220);
}
#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: rgb(245,255,220);
	padding-bottom: 10px;
}
#right ol, #right ul {
	margin-left: 30px;
}

.bottom, .post-body {
	background: #90AF45;
	background:	rgb(245,255,220);
	padding: 10px;
	border: 1px solid #61792A
}
.bottom  h1, .post-body h1 {
	background:	rgb(152,183,75);
	color:	rgb(0,0,0);
}
#right .bottom a, #right .bottom a:link, #right .bottom a:hover, #right .bottom a:visited,
#right .post-body a, #right .post-body a:link, #right .post-body a:hover, #right .post-body a:visited {
	color:	green;
}
#right .bottom a:hover,
#right .post-body a:hover {
	text-decoration:	underline;
}
#right .bottom  h2, #right .post-body h2,
.bottom  h2, .post-body h2 {
	color:	rgb(0,0,0);
}
#right .bottom h1 a, #right .bottom h1 a:link, #right .bottom h1 a:hover, #right .bottom h1 a:visited,
#right .post-body h1 a, #right .post-body h1 a:link, #right .post-body h1 a:hover, #right .post-body h1 a:visited {
	color: rgb(245,255,220);
}
#right .bottom h2 a, #right .bottom h2 a:link, #right .bottom h2 a:hover, #right .bottom h2 a:visited,
#right .post-body h2 a, #right .post-body h2 a:link, #right .post-body h2 a:hover, #right .post-body h2 a:visited {
	color:	rgb(95,118,42);
}
#right .categor a, #right .categor a:link, #right .categor a:hover, #right .categor a:visited {
	color:	rgb(30,75,15);
	text-decoration:	none;
}

.date {
	text-align: right;
	color: #F5FFDC;
	font-size: 11px;
}
.date a {
	color: #F5FFDC;
}

#footer {
	height: 49px;
	width: 983px;
	clear: both;
	padding-top: 30px;
	background: url(images/footer.gif) repeat-x bottom;
	border-top: 4px solid #918E48;
}
#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}
#footer a {
	color: #ffffff;
}

/********************* Calendar *******************/
#calendar1, #calendar_wrap  {
	padding: 20px 10px 20px 10px;
}
#calendar_wrap {
	margin-bottom: 10px;
}
#calendar table, #wp-calendar {
	width: 100%;
	text-align: center;
}
#calendar thead, #wp-calendar thead {
}
#calendar tbody td, #wp-calendar tbody td {
	border: 1px solid #F1F1F1;
}
#calendar #prev, #wp-calendar #prev {
	text-align: left;
}
#calendar #next, #wp-calendar #next {
	text-align: right;
}
#calendar tfoot a, #wp-calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}
#calendar #now, #wp-calendar #now, #wp-calendar #today {
	background: #ff0000;
	border: 1px solid #D6CE84;
	font-weight: bold;
	color: #ffffff
}

/* Footer */
#footer {
	height: 64px;
	background: url(images/footer.gif) repeat-x;
	padding-top: 20px;
	margin-top: 10px;
}

#footer p {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
#footer a {
	color: #FFFFFF
}
.widget_search {
}

.post-body {
	margin-top:15px;
}

div.navigationbottom {
	margin-top:10px;
	margin-bottom:10px;
}

div.navigationbottom .leftnav {
	float:left;
}

div.navigationbottom .rightnav {
	float:right;
}

/************* Comments ***************/
#commentform textarea {
	width: 80%;
	border: 1px solid #666666;
	padding:10px;
}
#submit {
	width: 120px;
	height: 27px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: url(images/footer.gif) repeat-x;
	overflow:hidden;
  vertical-align: top;
	border:none;
}
#submit:hover {
	background: url(images/footer.gif) repeat-x;
        text-decoration: underline;
}

div.imgbox {
	float:left;
	margin:5px;
}

/**************** IE 7 *******************/
li.cat-item {
	font-size:12px;
	font-weight:normal;
}

#calendar table, #left #wp-calendar {
	font-size:12px;
	font-weight:normal;
}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#content .categor {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 10px;
	background: #98B74C
}

#commentlist li {
	margin-left: 20px;
	padding-bottom: 20px;
	font-size: 11px;
}

#author, #email, #url {
	border: 1px solid #666666
}

/* Styles for ads */
.banner-ad {
	text-align:	center;
}