/* 
Theme Name: Cleaver Theme
Theme URI: http://www.oastler.ca
Description: <a href="http://www.oastler.ca/portfolio/wpthemes/20071225_cleaver/" title="The Cleaver Theme">The Cleaver Theme</a> is an original Oastler creation for the next generation of Ward & June Cleavers' out there who want to have a product display gallery for their home-based craft business.
Version: 1.1
Author: Jamie Oastler
Author URI: http://www.oastler.ca

*/

/* RESET  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Forces horizontal scrollbar on in Mozilla */
html {
  margin-bottom: 1px;
}

html, body {
  height: 100%;
}

body {
	margin: 0;
	padding: 0;
}

/**************************************************************
   #wrapper: Outermost div which positions the content
 **************************************************************/
#wrapper {
	margin: 0 0;
  	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
}

#header { display: none;}

#header .search { display: none; }

#printHeader {
	width: 1000px;
	height: 160px;
}

/**************************************************************
   #sidebar: Holds the navigation menu, random photo and other secondary info
 **************************************************************/
#sidebar {
	height: 420px;
	width: 150px;
	margin: 0;
	float: left;
}

#sidebar .linkMenu a, #sidebar .linkMenu a:visited {
	height: 29px;
	width:140px;
	display:block;
	margin: 0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

#sidebar .linkMenu a .printOnly {
	color: #000;
	font-weight: bold;
}

#sidebar .randomPhoto { display: none; }

#sidebar .extraInfo { display: none; }

#page {
	margin: 0;
	padding: 0;
}

#page .navBar {
	float: left;
	text-align: left;
	color: #009933;
}

#page .navBar a, #page .navBar a:visited {
	color: #000;
	text-decoration: underline;
}
#page .postHeader {
	height: 40px;
	margin: 15px 18px 0px 138px;
	padding: 35px 30px 0px 30px;
}

#page .postContent {
	text-align: justify;
	margin: 0 18px 0px 18px;
	float: left;
	line-height: 22px;
}

#page .postFooter { display: none; }

#page .product {
	float:left;
	width:125px;
	height:175px;
	margin: 5px;
}

#page .product .photo { 
	height: 125px;
	display: table-cell;
	vertical-align: middle;
}

#page .product .photo a {
	width: 125px;
	display: block;
	text-align: center;
}

#page .product .photo img {
	padding: 0;
	margin: 0;
	border: 0;
	float: none;
}

#page .product .title { 
	vertical-align: top;
	text-align: center;
}

#page .navHorizontal ul {
	list-style-position:outside;
	list-style-type:none;
}

#page .navHorizontal ul li {
	float:left;
}

#page .navHorizontal ul ul {
	display: none;
}

#page .googleMap {
	margin: 10px 0px;
	width: 300px;
	height: 400px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #339900;
	float: right;
}

#page .calendar {
	width: 40px;
	height: 40px;
	background: url(img/iconCalendar.jpg);
	float: left;
	margin: 0px 10px 0px 0px;
	line-height: normal;
	text-align: center;
}

#page .buttons { display: none; }


#page .calendar .month {
	font-weight: bold;
	font-size:10px;
	color: #000;
	width: 40px;
	height: 13px;

}
#page .calendar .day {
	font-weight: bold;
	font-size:12px;
	color: #000;
	width: 40px;
	height: 13px;

}
#page .calendar .year {
	font-size:10px;
	font-style: italic;
	color: #339900;
	width: 40px;
	height: 10px;
}


/**************************************************************
   Basic alignment classes
 **************************************************************/
.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.hide {
	display: none;
}

.center {
	text-align: center;
}
/***************************************************************************
  And now....the comedic font stylings of one Mr. Jamie Oastler
 ***************************************************************************/
#page strong {
	font-weight: bold;
}

#page em {
	font-style: italic;
}

#page img {  
	margin: 5px 15px 5px 0px;
	float: left;
}

#page img.right {
	float:right;
	margin: 5px 0px 5px 15px;
}

#page img.left {
  margin: 5px 15px 5px 0px;
  float:left;
}

#page img.clean {
	border: 0;
	background: none;
}

#page .clear {
	clear:both;
}

#page a {color:#000;text-decoration:underline;}
#page a:active {color:#000;text-decoration:underline;}
#page a:visited {color:#000;text-decoration:underline;}
#page a:hover {color:#000; text-decoration:underline;}

#page blockquote {
	background:#efefef; 
	display:block; 
	margin:5px; 
	font:Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
}

#page h1, h2, h3, h4, h5 {
	color: #339900;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

#page h1 {font-size:28px;}
#page h2 {font-size:24px;padding-top:15px;}
#page h3 {font-size:20px;padding-top: 5px;}
#page h4 {font-size:16px;padding-top: 5px;}

#page p { padding-bottom: 10px; }

#page h2 a, #page h2 a:visited, #page h2 a:active{
	color:#339900;
	text-decoration:none;
}

#page h2 a:hover {
	color:#000000;
	text-decoration: none;
}

#page .metadata{
	display:block;
	clear:left; 
	font-size:10px; 
	color:#999999; 
	border-top: dotted 1px #666666; 
	text-align:left;
}

#page .postinfo {
	display:block;
	clear:left; 
	border-top: solid 2px #cccccc; 
	padding:5px;
}

#page ul {
  margin: 10px 10px 10px 0px;
  padding: 0 10px 0px 0px;
  list-style: none;
}

#page ul li  {
  padding: 0px 10px 8px 35px;
  background: url(img/bulletWood.gif) no-repeat;
  border: none;
}

#page ul.category li {
	width: 150px;
	padding: 0px 5px 8px 35px;
	
}

#page ol {margin:10px 10px 10px 25px;}
#page ol li {padding:5px 5px 5px 20px;}

/**************************************************************
   #page: UL / LI - PostList Style + Header
 **************************************************************/

#page .postListTitle {
	font-size:12px; 
	color:#339900; 
	font-weight:bold; 
	display:block; 
	margin:0px; 
	background:#F4F7EA; 
	margin:10px 0px 0px 0px; 
	padding:2px;
	width: 585px;
}

#page .postList a, #page .postList a:visited, #page .postList a:active {
	display:block;
	padding:3px 3px 3px 25px;
	background: url(img/bulletDotOff.jpg) no-repeat 3px #F7FAEF;
	color:#666666; 
	text-decoration:none;
}

#page .postList a:hover { 
	background: url(img/bulletDotOn.jpg) no-repeat 3px #FFFEE6;
	color:#339900;
	text-decoration:none;
}

#page ul.postList {
	margin: 0px 0px 10px 0px;
}

#page ul.postList li {
	display:block;
	padding:0px;
	border-bottom: dashed 1px #D6E4A7;
	width: 589px;
}

/**************************************************************
   #page: Comment Elements
 **************************************************************/
 
#page .comments {
	background: url(img/iconComment.gif) no-repeat 0px 0px;
	height: 32px;
	padding:6px 0px 0px 34px;
}

h3.comments {
	background: url(img/iconComment.gif) no-repeat 0px 0px;
	padding-left: 34px;
	clear: both;
}
h3.reply {
	background: url(img/iconReply.gif) no-repeat 0px 0px;
	padding-left: 34px;
	height: 32px;
	clear: both;
}

#commentform {
	margin-top: 10px;
}

#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}

#commentform small {
	color: #999999;
	font-size: 90%;
}

#commentform input {
	font: 110% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 5px 3px 3px 7px;
	background: url(images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
}

#commentform textarea {
	font: 110% Arial, Helvetica, sans-serif;
	width: 575px;
	height: 140px;
	background:url(images/form-field-bg.gif) no-repeat;
	border: solid 1px #e6e6e6;
	padding: 5px 3px 3px 7px;
}

#commentform #submit {
	color: #fff;
	background: url(img/buttonSubmit.jpg) no-repeat top left;
	width: 127px;
	height: 32px;
	float: right;
	border: none;
	padding: 0;
}

#commentform #submit:hover {
	cursor: pointer;
	text-decoration: underline;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #339900;
}

.commentlist {
	margin: 10px 0px;
	line-height: 130%;
}

.commentlist .alt {
	background: #E9F5E7;}
	
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #669900;
}

.commentlist cite a, .commentlist cite a:visited {
	color: #669900;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}

.commentlist small a, .commentlist small a:visited{
	color: #999999;
}

.commentlist #commentContent {
	padding: 10px;
}

.commentlist #commentContent ul {
	background: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

.commentlist #commentContent ul li {
	list-style: circle;
	background: none;
	margin: 0px;
	padding: 0px 0px 5px 5px;
}
/**************************************************************
   #page: Table Elements
 **************************************************************/
table {
	width:589px;
	border:solid 3px #CCCCCC; 
	background:#efefef;
	margin: 5px 0px;
}

th {
	background: #FFFFCC;
	padding:3px;
	border:dashed 1px #CCCCCC;
	text-align:left;
	font-weight: bold;
}

td {
	padding:3px;
	border: dashed 1px #CCCCCC;
}

/**************************************************************
   #page: Form Elements
 **************************************************************/
form {
	margin:0;
	padding:0;
}

.textfield {
	width:190px; 
	background-color: #F3F4E8; 
	margin:0px;	
	border: 1px solid #D6D9AE;
}

.button {
	display: block;
	padding:0px;
	background-color:#E3E6C8;
	margin:3px;
	border: 2px solid #efefef;
	color:#999933;
}

.textfield:hover {
	background:#FBFCF8;
}

.textfield:focus {
	background:#ffffff;
}

/**************************************************************
   #page: Pagination Styles
 **************************************************************/
#page .wp-pagenavi {
	text-align: center;
}

#page .wp-pagenavi a, #page .wp-pagenavi a:link, #page .wp-pagenavi a:active {
	padding: 16px;
	margin: 1px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#page .wp-pagenavi a:hover {	
	text-decoration: underline;
}

#page .wp-pagenavi span.pages {
	display:none;
}
#page .wp-pagenavi span.current {
	background: url(img/iconEmpty.gif) no-repeat center center;
	padding: 16px;
	margin: 1px;
	font-weight: bold;
	color: #000;
}

#page .wp-pagenavi span.extend { display:none; }

/**************************************************************
   .footer: Site footer
 **************************************************************/
#footer { display: none; }

/* END OF CSS */