/* Creation date: 17 April 2009 */
/*
Theme Name: The North Country Soapmaking Library
Theme URI: http://www.northcountrymercantile.com
Description: Three columns: main text, left sidebar, right sidebar
Version: 1.0
Author: The North Country Soapmaking Library
*/

body {
	background: #FFFFFF url('images/top-background.png') top left repeat-x;
	margin: 0; padding: 0;
}

a:active, a:link, a:visited {
	color: #336699;
}

a:hover {
	text-decoration: underline;
}

p, h1, h2, ul, li, th, td, div, input, textarea {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; line-height: 144%;
}

p, ul, li, th, td, div {
	font-size: 13px; color: #203350;
}

p, li {
	text-align: justify; margin: 0 0 12px 0; padding: 0;
}

ul {
	margin: 0 0 0 24px; padding: 0;
}

table {
	border: 3px solid #F0F0F0; margin-bottom: 12px;
}

table.none {
	border: none;
}

th, td {
	text-align: center; border: 2px solid #F0F0F0;
	margin: 0; padding: 5px;
}

table.none th, table.none td {
	border: none;
}

th {
	font-weight: bold;
}

td p {
	text-align: center; margin: 6px 0 0 0; padding: 0;
}

h1 {
	font-size: 20px; font-weight: bold; color: #80C540;
	margin: 0; padding: 0;
}

h1 a:active, h1 a:link, h1 a:visited {
	text-decoration: none; color: #80C540;
}

h1 a:hover {
	color: #776F55;
}

h1.extra {
	margin-bottom: 12px;
}

h2 {
	font-size: 16px; font-weight: bold; color: #867D60; margin: 0; padding: 0;
}

blockquote {
	font-size: 13px; text-align: justify; background-color: #EFEFEF; color: #444444; border: 1px dashed #D0D0D0;
	margin: 0 18px 12px 18px; padding: 12px 12px 4px 12px;
	
}

blockquote.compact {
	margin: 0 0 12px 0;
}

form {
	display: inline; margin: 0; padding: 0;
}

input {
	font-size: 13px; background-color: #EFEFEF; color: #444444; border: 1px solid #E0E0E0;
	margin: 0; padding: 3px;
}

input#author, input#email, input#url {
	width: 60%;
}

input#s {
	width: 96%; font-size: 13px; background-color: #EFEFEF; color: #444444; border: 1px solid #E0E0E0;
	margin: 0; padding: 3px;	
}

input#submit {
	font-size: 13px; font-weight: bold; background-color: #E3E3E3; color: #48564E; border: 1px solid #C4CFCB;
	margin: 0; padding: 3px;
}

textarea {
	width: 98%; font-size: 13px; background-color: #EFEFEF; color: #444444; border: 1px solid #E0E0E0;
	margin: 0; padding: 3px;
}

#container {
	position: relative; overflow: hidden; width: 970px;
	margin: 6px auto 0 auto; padding: 0;
}

#header-container {
	position: relative; overflow: hidden; width: 970px;
	height: 90px; background: url('images/blue-bar.png') bottom left no-repeat;
	margin: 0 0 20px 0; padding: 0;
}

#header {
	margin: 0 0 20px 0; padding: 0;
}

#header #title {
	float: left; width: 695px;
}

#header #search {
	float: right; margin-right: 5px;
}

#header #search p {
	text-align: center; margin-top: 20px;
}

#header #search input {
	padding: 0 3px 0 3px;
}

#header h1 {
	font: normal 24pt "Trebuchet MS", Tahoma, Arial, sans-serif; text-align: center; color: #867D60;
	margin: 10px 10px 0 10px; padding: 0;
}

#header h1 a {
	color: #867D60; text-decoration: none;
}

#header p {
	font-size: 10pt; font-style: italic; color: #867D60; text-align: center;
	margin: 0 10px 0 10px; padding: 0;
}

#leftblock {
	float: left; display: inline; overflow: hidden; width: 776px;
	margin: 0; padding: 0;
}

#leftbar-container {
	float: left; display: inline; overflow: hidden; width: 194px; background: transparent;
}

#sidebar-container {
	float: right; display: inline; overflow: hidden; width: 194px;
	margin: 0; padding: 0;
}

#leftbar {
	float: left; width: 182px; margin: 0; padding: 0;
}

#sidebar {
	float: right; width: 182px; margin: 0; padding: 0;
}

#leftbar p, #sidebar p {
	font-size: 15px; font-weight: normal; color: #48564E; text-align: justify;
	margin: 0; padding: 0;
}

#leftbar p.header, #leftbar h2, #sidebar p.header, #sidebar h2 {
	font-size: 15px; font-weight: bold; line-height: 120%; text-align: left; color: #798871;
	margin: 0; padding: 0;
}

#leftbar h2, #sidebar h2 {
	font-size: 18px; text-align: center; border: 1px solid #F0F0F0; border-bottom: none;
	margin: 0; padding: 5px 0 5px 0;
}

#leftbar h2 a, #sidebar h2 a {
	color: #798871;
}

#leftbar h2 a:hover, #sidebar h2 a:hover {
	color: #304650;
}

#leftbar ul, #sidebar ul {
	list-style: none; list-style-position: outside;
	border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0;
	margin: 0; padding: 0;
}

#leftbar li, #sidebar li {
	border-bottom: 1px solid #F0F0F0; margin: 0; padding: 0;
}

#leftbar li a, #sidebar li a {
	display: block; font-size: 11px; text-align: left; background-color: #FCFCFC; color: #367BCC;
	text-decoration: none; margin: 0; padding: 6px;
}

#leftbar li a:hover, #sidebar li a:hover {
	background-color: #EFEFEF;
}

#leftbar .box, #sidebar .box, #leftbar .amazon, #sidebar .amazon {
	border: 1px solid #F0F0F0; margin-bottom: 12px;
}

#leftbar .amazon h2, #sidebar .amazon h2 {
	border: none;
}

#leftbar .amazon img, #sidebar .amazon img {
	display: block; border: 1px solid #F0F0F0; margin: 0 auto 6px auto; padding: 0;
}

#leftbar .amazon p, #sidebar .amazon p {
	font-size: 9px; font-style: italic; text-align: justify; border-bottom: 1px solid #F0F0F0;
	margin: 0 0 15px 0; padding: 0 8px 15px 8px;
}

#leftbar .amazon p.last, #sidebar .amazon p.last {
	border-bottom: none; margin-bottom: 0;
}

#leftbar .amazon a, #sidebar .amazon a {
	color: #363636; text-decoration: none;
}

#leftbar .amazon a:hover, #sidebar .amazon a:hover {
	background-color: #EFEFEF;
}

#leftbar .no-box, #sidebar .no-box {
	margin-bottom: 12px;
}

#leftbar .rss-box, #sidebar .rss-box {
	height: 40px; border: 1px solid #F0F0F0; margin-bottom: 12px;
}

#leftbar .rss-box img, #sidebar .rss-box img {
	float: left; border: none; margin: 4px 10px 4px 15px;
}

#leftbar .rss-box p, #sidebar .rss-box p {
	font-size: 11px; padding-top: 12px;
}

#leftbar .white-button, #sidebar .white-button {
	overflow: hidden; width: 182px; height: 40px; background-image: url('images/white-button.png');
	margin: 0 0 4px 0;
}

#leftbar .white-button p, #sidebar .white-button p {
	font-size: 18px; text-align: center; margin-top: 5px;
}

#leftbar .white-button a, #sidebar .white-button a {
	color: #798871; text-decoration: none;
}

#main-container {
	float: right; display: inline; overflow: hidden; width: 582px; background: transparent;
	margin: 0; padding: 0;
}

#main {
	margin: 5px 10px 10px 3px; padding: 0;
}

#main img {
	border: 1px solid #F0F0F0;
}

#main h1 {
	line-height: 120%; margin-bottom: 12px;
}

#main p.postinfo {
	font-size: 9px; text-align: center; border-bottom: 1px dashed #D0D0D0; color: #304650;
	margin: 0 0 20px 0; padding: 0 0 10px 0; clear: both;
}

#main p.readmore {
	font-weight: normal; text-align: right;
}

#main p.search {
	font-weight: normal; text-align: left;
}

#main p.related {
	font-weight: bold; margin-top: 24px; margin-bottom: 0;
}

#main p.ingredients {
	font-size: 12px; margin-left: 10px;
}

#main p.author {
	font-style: italic;
}

#main p.prev {
	float: left; max-width: 230px;
}

#main p.next {
	float: right; max-width: 230px;
}

#main ul.related {
	margin-top: 6px;
}

#main ul.related a {
	color: #203350;
}

#main ul.compact, ul.medium {
	margin-bottom: 12px;
}

#main ul.compact li, #main ul.related li {
	margin-bottom: 0;
}

#main ul.medium li {
	margin-bottom: 6px;
}

#main .disclaimer p {
	font-size: 9px; font-style: italic;
}

#main .comments .each {
	border-bottom: 1px dashed #D0D0D0; margin: 12px 0 12px 0; padding: 0 0 4px 0;
}

#main .comments .each2 {
	background-color: #EFEFEF; color: #444444; border: 1px dashed #D0D0D0;
	margin: 12px 0 12px 0; padding: 6px 6px 2px 6px;
}

#main .comments .each p, #main .comments .each2 p {
	font-size: 11px; font-style: italic; margin: 0 2px 6px 0; padding: 0;
}

#main .comments .each .author, #main .comments .each2 .author {
	font-weight: bold; font-style: normal; margin: 0; padding: 0;
}

#main .comments h2 {
	font-size: 16px; font-weight: bold; color: #867D60; border-bottom: 1px dashed #D0D0D0;
	margin: 0 0 12px 0; padding: 0 0 8px 0;  
}

#main .italics {
	font-style: italic; margin: 0 2px 0 0; padding: 0;
}

#main .post {
	border-top: 0px dashed #D0D0D0; margin: 12px 0 0 0; padding: 10px 0 0 0;
}

#main .page {
	border-top: 1px dashed #D0D0D0; border-bottom: 1px dashed #D0D0D0;
	margin: 12px 0 12px 0; padding: 10px 0 0 0;
}

#main .ad-small-square {
	border: 3px solid #F0F0F0; margin: 12px 0 0; padding: 0; width: 200px; height: 200px;
}

#footer-container {
	clear: both; overflow: hidden; width: 990px; margin: 0; padding: 0;
}

#footer p.copyright {
	font-weight: normal; font-style: normal; text-align: center; color: #203350; padding-top: 12px;
}