/*
Theme Name: K9 Yard Patch
Theme URI: http://www.k9yardpatch.com/
Description: Main Styles for k9yardpatch.com
Version: 0.1
Author: Eric Amundson
Author URI: http://www.ivycat.com/
Last Mod: Mar 16, 2010
*/

* {
	margin:0;
	padding:0;
	text-decoration: none;
	list-style-type: none;
}
/* *************force scrollbar (to eliminate 'jump in Safari)*****************/

html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* ************* end force scrollbar *****************/

/* General Styles
----------------------------------------------------- */
body {
	font-family:Verdana, helvetica, sans;
	font-size:62.5%;
	background-color:#E8E8E8;
	color: #5E5541;
}
p {
	margin-bottom:1.3em;
	font-size:1.1em;
	line-height:170%;
}

h1 {font-size:1.7em;}
h2, h3, h4 {
	margin-bottom:1em;
	font-size:18px;
	font-weight:normal;
	color: #A6661D;
	font-family:"Trebuchet MS" Verdana, Arial, Helvetica, sans-serif
}
h2 {
	font-size:2.2em;
	text-transform:uppercase;margin-bottom:0.3em;
}
h2.single{border-bottom:1px solid;}
h3{padding-top:0.7em;margin-bottom:.3em;font-size:14px;}

h4 {
	color:#80B724;
	font-size:1.4em;
}
a:link, a:visited {
	color:#A90633;
}
a:hover, a:active {color:red; text-decoration: none;}

img {
	border:none;
}

/* Header Styles
----------------------------------------------------- */
#wrapper {
	text-align:left;
	margin:20px auto 0 auto;
	width:980px;
	border:10px solid #fff;
	background-color:#fff;
	background-image: url(images/drop-shadow-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 245px;
}

#header {
	height:247px;
	position:relative;
	background: #2A2903 url(images/header.jpg) no-repeat right top;
}

#toplogo {
	height:213px;
	width:210px;
	background: url(images/toplogo.jpg) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}
#description {
	position:absolute;
	left:239px;
	top:147px;
	background: url(images/description.jpg) no-repeat;
	height:50px;
	width:364px;
	text-indent:-9999px;
}



/* Main Navigation Styles
----------------------------------------------------- */
#header ul li {
	display:inline;
	list-style-type: none;
}
#header ul li a {
	display:block;
	padding:0 15px;
	text-transform:uppercase;
	font: 11px;
	color: #fff;
	float:left;
}
ul#navlist {
	position:absolute;
	left:4px;
	top:225px;
	margin-left: 0;
	padding-left: 0;
	width:600px;
}
ul#navlist2 {
	position:absolute;
	left:730px;
	top:225px;
	width:250px;
	margin-left: 0;
	padding-left: 0;
}
ul#navlist li a {
	border-right:1px solid #fff;
}
ul#navlist li a[title="Blog"],ul#navlist2 li a[title="Shopping Cart"]{border:none;}
ul#navlist2 li a {
	border-right:1px solid #fff;
}
.current_page_item a, #navlist a:hover, #navlist2 a:hover {
	text-decoration: none;
	color: #83C003!important;
}


/* Content & Sidebar Styles
----------------------------------------------------- */

#content {
	float:left;
	width:680px;
	padding-bottom:20px;
}
#content * {
	margin-left:17px;
}
#content * * {
	margin-left:0;
}
#content li {
	font-size:1.1em;
}
#content, #sidebar {
	margin-top: 3.5em;
}
#content .showcase {
	padding:15px!important;
	margin-bottom:20px;
	background: #FCFFF4 url(images/showcase-bg.gif) repeat-x left bottom;
	border: 1px solid #EAEACF;
}
#content .showcase img {
	float:left;
	margin-right:15px;
padding:3px;
border:1px solid #EAEACF;background-color:#fff;
}
#content .showcase img.alignright {
background:transparent none repeat scroll 0 0;
border:medium none;
float:right;
margin-left:15px;
padding:0;
}
#content .showcase p {
	margin-left:300px;
}
#content blockquote {font-size:1.2em;}
#content blockquote cite {display:block;text-align:right;border-bottom: 1px solid #ddd;padding-bottom:1em;font-size:1em;}
#content ul {margin:0.5em 0 1.5em 2em;}
#content ul li {list-style-type:circle;margin:0.7em 0;}
/* Sidebar Styles
----------------------------------------------------- */
#sidebar {
	float: right;
	width: 260px;
	padding-bottom:20px;
}
#sidebar p {
	padding-right:15px;
}
#sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}
#sidebar ul li {padding: 10px 0;}
#sidebar ul ul li{
padding: 0;
}
#sidebar img {
	margin-bottom:12px;
}
#sidebar h2.widgettitle {background-color: #FCFFF4;border-bottom:1px solid #EAEACF;font-size:1.8em;margin-bottom:.5em;}
#sidebar .pullquote {line-height:1.5em;font-size:1.2em;font-style:italic;}
#sidebar .textwidget blockquote,#sidebar .textwidget p {padding:0 .5em;}
#sidebar .textwidget img {padding:3px; border:1px solid #EAEACF;}



/* Footer Styles
----------------------------------------------------- */

#footer {
	clear: both;
	padding: 20px;
	margin-bottom:0;
	border-top: 3px solid #80B724;
	background: #2A2903;
	color: #F3F5E3;
line-height:1.3em
}
#footer a:link, #footer a:visited {
	color: #80B724;
}
#footer a:hover, #footer a:active {
	color: #fff;
text-decoration:underline;
}


#footer p {
	line-height:1.3em;font-size:1em
}
#footer {font-size:1.1em}
#aboutus, #address, #bottomlinks {
	float:left;
}

#aboutus *, #address *, #bottomlinks * {
	padding-right:50px;
}
#aboutus * *, #address * *, #bottomlinks * * {
	padding-right:0;
}
#aboutus {
	width:450px;
}
#aboutus h4{font-size:1.4em; text-transform:uppercase;margin-bottom:.5em }
#address {
	width: 250px;
	padding-top:2em;
}

#address abbr {display:block;border:none;}
#address div.mail-link {margin-top:20px;}
#address div.tel span.type, #address .mail-link span {font-weight:bold;width:4em;display:block;float:left;}
#bottomlinks {
	width:240px;
	padding-top:2em;
}
#bottomlinks li.copyright{margin-top:1em}
#credits{width:980px;margin:0 auto 3px auto;text-align:right;}
#credits li {display:inline;padding:0 1em;border-right:1px solid #ccc;}
#credits li.last {border:none;}
#credits a{color:#777;}

/* Handy Classes
----------------------------------------------------- */


.imgfr {
	float:right;
	margin:4px 0 5px 12px;
	padding:4px;
	border: solid 1px #ccc;
}
.imgfl {
	float:left;
	margin:4px 12px 5px 0;
	padding:4px;
	border: solid 1px #ccc;
}

.clearboth {clear:both;}
.hidden {display:none;}
p.alignleft {float:left; }
p.alignleft img,p.alignright img {margin:10px 20px 0 10px;padding:3px;border:1px solid #ddd;}
p.alignright {float:right;}
p.alignleft span,p.alignright span  {display:block;text-align:center; font-size:1.2em; font-weight:bold;}
/* Post Styles
----------------------------------------------------- */
.post {padding: .5em 0;}
.post h2 {font-size: 2.1em;}
p.postmetadata{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-top: 20px;
background:#eee;
padding-left:10px;
}
.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
}
p.edit {clear:both;}
p.edit a {display:block;background:#eee;border: 1px dotted #80B724;padding:.5em 1em;color:#80B724;font-size:1.2em;}
p.edit a:hover {border: 1px dotted #666;color:#666}
p.tag_list {font-style:italic;}
/* Comments Styles
----------------------------------------------------- */
.comments-template{
	margin: 10px 0 0;

	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template ol li.alt{
	background: #eee;
}
.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
.commentmetadata {font-size:10px;margin-bottom:0.3em}
a.comment-edit-link {float:right;margin-right:10px}
/* Contact Page Styles
----------------------------------------------------- */
#post-9 h3 {width:150px;float:left;border-top:1px solid #ddd;}
#post-9 div.mod_body {padding:1em 0 2em;width:400px;float:left;border-top:1px solid #ddd;}
#post-9 div.adr {font-size:1.1em;}
#post-9 a.url {font-size:1.2em;font-weight:bold;}
#post-9 p{margin:0;font-size:1em;}
#post-9 div.tel{margin:0;font-size:1.1em;}
#post-9 abbr {display:block;border:none;margin-bottom:10px;}
#post-9 div.tel span.type {font-weight:bold;width:4em;display:block;float:left;}
#post-9 p.hc {margin-top:1em;}
#post-9 p.hc a {font-size:1.2em;background: url(http://k9yardpatch.com/cms/wp-content/uploads/2008/05/microformat_hcard.png) no-repeat left; padding-left:90px;}

/* How it Works Page Styles
----------------------------------------------------- */
#howitworks {width:600px;}
#howitworks dl {float:left;width: 560px;margin:10px 20px;padding:0;}
#howitworks dt {width:305px;font-size:2em; font-weight:normal;float:right;margin-bottom:.5em;}
#howitworks dd {font-size:1.2em;line-height:1.7em;}
#howitworks dd.img img {float:left; margin: 0 22px 0 0; padding:3px; border: 1px solid #ddd;}
div.galwrap {clear:both;border-top:1px solid #ddd;}
div.galwrap h3 {margin-top:1em;}

/* Shopping Styles
----------------------------------------------------- */
div.hilite {padding:1em;font-size:1.2em; font-weight:bold;background: #FCFFF4 url(images/showcase-bg.gif) repeat-x left bottom;
	border: 1px solid #EAEACF;}

h2.prodtitles a{font-size:1.2em;}
#content div.wpsc_description {font-size:0.8em;}

/* Checkout page */

#post-13 h2 span{font-size:14px; color:red;}

.productdisplay {border-bottom:1px solid #A6661D}

/* CSS Document */

#sidebar p.canada {line-height:1;background: url(http://k9yardpatch.com/cms/wp-content/themes/k9yardpatch/images/flag_canada_sm.gif) no-repeat left; height:32px;padding-left:45px;
font-weight:bold;}
#sidebar p.canada a{display:block;float:left;display:inline;margin-top:7px;font-weight:normal}