/* Reset browser defaults and setup grid */
@import url('includes/styles/reset.css');
@import url('includes/styles/960.css');
@import url('includes/styles/text.css');

body
{
	background: #855a30 url(images/paper-bag.jpg);
	color: #ffffff;
	font-size: 11px;
	padding: 30px 0 40px;
}

a, .category a
{
	color: #fff;
	text-decoration: none;
}


a:hover
{
	text-decoration: underline;
}

h1
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2
{
	padding: 20px 0 0;
	text-align: center;
}


h6
{
	padding: 20px 0 0;
	text-align: center;
}


form label {
	color: #000000;
}

#maincolumn
{
	background: #ffffff url(images/sky-bg.jpg) top center no-repeat;
	margin-top: 0px;
}

#masthead {
	margin: 30px 0 0 10px;
	float: left;
	padding-left: 10px;
}

#masthead ul#topnav {
	height: 30px;
	margin: 0;
	float: right;

}

#masthead ul#topnav li {
	float: left;
	list-style-type: none;
	width: 73px;
	display: inline;
	font-size: 14px;
	background: #f4b237 url(images/buttons.jpg) top center repeat-x;
	padding: 5px 15px;
	margin: 0 3px 0 0;
	text-align: center;
	cursor: pointer;
}
#masthead ul#topnav li:hover {
	background-position: bottom center;
}
#masthead ul#topnav li a {
	text-decoration: none;
}

#masthead ul#topnav li#cart {
	width: 50px;
	height: 13px; /* 31px total, minus the padding = 13px */
	padding-top: 8px;
	padding-bottom: 10px;
}


#main-content {
	min-height: 560px;
	background: #fffcd3 url(images/box-bg.jpg) top center no-repeat;
	border: 3px solid #121212;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 100px;

}
#main-content-home {
	min-height: 560px;
	background: #fffcd3 url(images/box-bg-home.jpg) top center no-repeat;
	padding: 5px 5px 0 5px;
	border: 3px solid #121212;
	font-family: 'palatino linotype' , palatino;
	margin-top: 0;
	margin-bottom: 100px;
}

#main-content h1, #main-content-home h1, #main-content div#page h1 {
	font-size: 40px;
	max-width: 400px;
	font-weight: bold;
	color: #72684f;
	margin: 20px 0 0 40px;
	font-family: 'palatino linotype' , palatino;
	text-align: left;
}
#main-content div#content, #main-content-home div#content, #main-content div#page {
	/* border: 2px solid #343434; */
	padding: 10px;
	color: #000;
	margin-top: 0px;
	color: #72684f;
	font-size: 12px;	
}
#main-content div#content h2 {
	text-align: left;
	padding-top: 0;
}
div#page h3.subtitle {
	font-family: 'palatino linotype' , palatino;
	text-align: left;
	margin-left: 10px;
	font-size: 1.7em;
}
#main-content-home div#content div.post div.entry, #main-content div#content div.post div.entry { 
	margin-top: 75px;
}

#main-content div#content a, #main-content-home div#content a {
	color: #72684f;
	text-decoration: underline;
}
#main-content div#content a:hover, #main-content-home div#content a:hover {
	color: #000;
	text-decoration: none;
}
#main-content div#content ul li, #main-content-home div#content ul li {
	list-style-type: disc;
}
#main-content div#content div#dog-right, #main-content-home div#content div#dog-right, #dog-right {
	float: right;
	padding: 10px;
	width: 200px;
	margin: 10px 5px 10px 20px;
}

#sidebar {
	background-color: #a9b35c;
	height: 100%;
	margin: 200px -20px 0 30px;
	padding-left: 10px;
	padding-bottom: 10px;
	min-height: 250px;
}
#sidebar ul#leftnav {
	margin-top: 30px;
}
#sidebar ul#leftnav li {
	list-style-type: none;
	font-size: 1.6em;
	margin-top: 0.5em;
	line-height: 1.2em;
	margin-left: 10px;
}
#sidebar div.title {
	font-size: 1.4em;
	font-weight: bold;
}

div.dog img {
	margin: -130px 0 20px 30px;
}
div#footer {
	background-color: #72684f;
	font-size: 13px;
}
div#footer p {
	margin: 0px auto;
	text-align: center;
}

/* for home page */
#intro {
	font-size: 18px;
	color: #72684f;
	text-align: left;
	line-height: 24px;
	margin-top: -28px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: justify;
}
#main-content-home div#content div.post div.entry div#col1 {
	margin: 0 20px 0 0;
}

#main-content-home div#content div.post div.entry div#col2 {
	margin: 0;
}
#col1 p, #col2 p {
	color: #000;
	font-size: 14px;
	margin-top: -20px;
	text-align: justify;
}
div#col1 h1, div#col2 h1 {
	font-size: 24px;
	text-align: left;
	margin: 0 0 10px 0;
}
#main-content-home div#content div.post div.entry div#feature-text {
	background-color: #daf3fd;
	height: 1.4em;
	font-size: 11px;
	text-align: center;
	margin: 10px 0 0 -30px;
}
#home-dog {
	margin: 300px 0 0 -10px;
}

/* for blog page */
#main-content div.posts { margin-top: 30px; }
div#post0 { margin-top: 10px; }
div#post0 h2 { width: 450px; line-height: 20px; }
div.post, div#relatedPosts, div#comment-form, div.comment {
  	color: #72684f;
  	font-size: 1.3em;
  	margin: 0 15px;
}
div.post {
	border-bottom: thin solid #e1cd9f;
	padding-bottom: 15px;
}
div.post a, div#relatedPosts a, div#comment-form a {
	color: #72684f;
	text-decoration: underline;	
}
div.post h2 { 
	text-align: left;
	font-family: 'palatino linotype' , palatino;
	margin-bottom: 0px;
}
div.post h2 a { text-decoration: none; }
div.post h2 a:hover { text-decoration: underline; }
div.post a:hover, div#relatedPosts a:hover, div#comment-form a:hover {
	text-decoration: none;	
}
div.post div.post-content {
	margin: 20px 0;
}
div.post div.footer, div.post p.postmeta {
	font-size: 0.8em;
}
textarea#comment {
	width: 650px;
}

div#respond { 
	margin-left: 15px;
	font-family: 'palatino linotype' , palatino;

}
div#commentlist {
	border: thin solid #e1cd9f;
	border-bottom: none;
	padding: 0px;
	margin: 0 15px;	
}
div.comment {
	border-bottom: thin solid #e1cd9f;
	margin: 0;
}
div.comment div.comment-meta {
	width: 150px;
	padding: 8px;
	display: inline;
	float: left;
}
div.comment div.comment-content {
	display:inline;
	float:left;
	text-align: left;
	margin-left: 10px;
	padding: 5px 10px;
	width: 460px;
	border-left: thin solid #e1cd9f;
	min-height: 64px;
}
div.comment div.comment-meta div.comment-author {
	display:inline;
	float: left;
	font-size: 0.8em;
	margin-left: 10px;
}
div.comment div.comment-meta div.comment-author a {
	color: #72684f;
	text-decoration: underline;
}
div.comment div.comment-meta div.comment-author a:hover {
	text-decoration: none;
}

div.comment div.comment-meta div.comment-gravatar {
	display:inline;
	float: left;
}
div#comment-form { 
	margin-top: 15px;
	padding: 10px;
	border: thin solid #e1cd9f;
}
div#comment-form input {
	margin: 3px 0;
}
.bbcode, #commentPreview { display: none; }
div#calendarContainer a.exist { color: #a9b35c; background-color: #ffffff; }


.shopform {
	display:inline;
	float: right;
}

div#admin-menu {
	font-size: 11px;
	color: #000000;
}
div#admin-menu h4 {
	font-size: 15px;
	margin-bottom: 0px;
}
div#admin-menu li {
	list-style-type: none;
	display: inline;
}
div#admin-menu li:hover {
	background-color: #cccccc;
}
div#admin-menu li a {
	color: #000000;
}

/*** Customizations for Cart ***/
div#main-content div#pcMain table.pcMainTable tbody tr td h1 { background-color: transparent; font-size: 30px; margin-left: 10px; margin-bottom: 43px; }

div#pcLeftStoreLinks, div#pcCustomerLogin, #pcLeftCatLinks, div#pcLeftPriceLinks, div#pcStoreSearch, div#pcShowCart, div#recentprds { background-color: #a9b35c; color: #ffffff; }

td#pcCenter { padding-left: 0px; }
td#pcLeft { margin-right: -10px; }

#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited, #pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited, #pcCustomerLogin a:link, #pcCustomerLogin a:visited, #pcStoreSearch a, .pcForms input { color: #ffffff; }
.pcForms input[type=text] { color: #000000; }
#pcLeftCatLinks a:hover, #pcLeftPriceLinks a:hover, #pcCustomerLogin a:hover, #pcStoreSearch a:hover, .pcForms input:hover { color: #333333; }
div#recentprds { padding: 3px; margin-bottom: 5px;}
#pcMain a:link, #pcMain a:visited, .pcPageNav a:link { color: #72684f; }
div#pcStoreSearch { margin-bottom: 5px; padding: 5px; }
div#copyright { float: left; color: #666666; margin-top: 5px; }
table.pcShowContent, table.pcMainTable, #pcMain { background-color: transparent; }
.pcPageDesc { margin-top: 90px; background-color: transparent; }

#pcMain a:hover, .pcPageNav a:hover { color: #000; }
#pcMainArea div.dog { float: left; margin: -20px 0 0 -12px; padding: 0px; }
#pcMainArea div.dog img { margin-bottom: 0px; }
.pcErrorMessage { margin-top: 180px; border: 1px solid #72684f; color: #72684f; }
.pcMainTable h2 { background-color: transparent; text-align: left; }
.pcSectionTitle { background-color: transparent; }
table.pcShowContent { margin-top: 40px; }
td.pcColumnSpacer { width: 0px; }

.pullquote {
	padding: 10px;
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #694e1c;
	border-bottom-color: #694e1c;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

.faq-link { }
#main-content div#content div.faq-answer { display: none; margin: 0px 0 10px 40px; font-size: 0.85em; }

div#ctl00_cphBody_divText { float: left; display: inline; }

#main-content div#content div.analysis {
	width: 380px;
	border: thin solid #72684f;
	background-color: #ffffff;
	font-size: 0.9em;
	padding: 5px;
	margin: 0 0 15px 0;
}
#main-content div#content div.purchaselink {
	margin-top: 0;
	float: right;
}
div.analysis ul { 
	margin: 0;
}
#main-content div#content div.analysis ul li  { list-style-type: none; margin-left: 5px; }

div.analysis ul li span.pct { float: right; }
div.analysis h3 {
	background-color: #72684f;
	color: #ffffff;
	font-size: 12px;
	padding-left: 5px;
	margin: 0;
}

#main-content div#content div.store { display: none; font-size: 0.9em; margin-top: 15px; }
div.store h5 { margin-bottom: 5px; }
a.statelink { font-size: 0.8em; }
div.store span.mapit { margin-left: 15px; font-size: 0.8em; }

div#post-64 { border-bottom: 0; } /* for cart pages */

#music-player { margin-left: 50px; } /* music player on homepage */
#music-player2 { margin-left: 50px; margin-bottom: 5px; } /* music player on homepage */

#facebook-home { height: 30px; width: 600px; z-index: 1; position: relative; margin-top: 65px; margin-left: 175px; background-color: #fff; }

#facebook { height: 30px; width: 600px; z-index: 1; position: relative; top: 0px; padding-left: 65px;}