/* 
Theme Name: Cleaver Theme
Theme URI: http://www.idealienstudios.com
Description: <a href="http://www.idealienstudios.com/portfolio/wpthemes/20071225_cleaver/" title="The Cleaver Theme ">The Cleaver Theme (V1.5)</a> is an original Idealien Studios 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.5
Author: Jamie Oastler
Author URI: http://www.idealienstudios.com
*/

/* 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: "" ""; }

::-moz-selection{
	background: #99FF99;
	color:#000;
}

::selection {
	background: #99FF99;
	color:#000;
}

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

html, body {
  height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #000000 url(img/body.jpg) repeat top left;
}

/* #wrapper: Outermost div which positions the content */
#wrapper {
	margin: 0 0;
  	min-height:1130px;
	height:auto !important;
	height:1130px;
  	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#666666;
	width: 980px;
}

/* #header: Holds the site title and search box */
#header {
	max-width: 980px;
	width:expression(document.body.clientWidth > 982? "980px": "auto" );
	height: 215px;
	background: url(img/header.jpg) no-repeat bottom right;
}

#printHeader {
	width: 1000px;
	height: 160px;
	background: url(img/printHeader.jpg) no-repeat top left;
	display: none;
}

#header .search {
	padding: 5px 0px 0px 10px;
	width: 225px;
	height: 40px;
}

#header .search .text {
	color: #fff;
	background: #99cc66;
	border: 1px solid #33cc00;
	height: 20px;
	padding-top: 3px;
}

/* #sidebar: Holds the navigation menu, random photo and other secondary info */
#sidebar {
	height: 915px;
	width: 300px;
	margin: 0;
	background: url(img/sidebar.jpg) no-repeat top left;
	float: left;
	padding-top:6px;
}
#sidebar .linkMenu {  
	height: 420px;
	padding-top: 43px;
	padding-bottom: 10px;
}

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

#sidebar .linkMenu a:hover, #sidebar .linkMenu a:visited:hover {
	border-bottom:1px solid #006600;
	border-top:1px solid #006600;
}

#sidebar .linkMenu a .printOnly {
	display:none;
}

#sidebar .randomPhoto {
	clear: both;
	width: 125px;
	height: 125px;
	margin: 20px 0px 0px 23px;
	background: #CCCCCC;
	text-align: center;
}

#sidebar .randomPhoto img {
	margin: 0px 0px 10px 0px;
	padding: 0;
	border: 1px solid #666666;
}

#sidebar .randomPhoto ul {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar .randomPhoto ul li {
	background: none;
	padding: 0;
	margin: 0;
}

#sidebar .randomPhoto a {
	color: #669933;
	font-weight: bold;
	text-decoration: none;
}

#sidebar .randomPhoto a:hover {
	color: #669933;

	font-weight: bold;
	text-decoration: underline;
}

#sidebar .extraInfo {
	width: 125px;
	margin: 115px 0px 0px 20px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: center;
}

#sidebar .extraInfo a, #sidebar .extraInfo a:visited {
	font-size: 18px;
	text-decoration: none;
	color: #669933;
}

#sidebar .extraInfo a:hover, #sidebar .extraInfo a:visited:hover {
	font-size: 18px;
	text-decoration: underline;
	color: #669933;
}

/* #page: Holds the main contents of navBar, postHeader, postContent, postFooter */
#page {
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
	width: 670px;
	line-height:22px;
}

#page .navBar {
	width: 670px;
	height: 17px;
	color: #00FF00;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
}

#page .navBar a, #page .navBar a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

#page .navBar a:hover {
	color: #FFF;
	text-decoration: underline;
}

#page .postHeader {
	width: 610px;
	height: 40px;
	background: url(img/postHeader.jpg) no-repeat 0px 0px;
	margin: 10px 0px 0px;
	padding: 35px 30px 0px 30px;
}

#page .postContent {
	min-height:600px;
	height:auto !important;
	height:600px;
	width: 610px;
	background: url(img/postContent.jpg) repeat-y 0px 0px;
	padding: 0px 30px 0px 30px;
	text-align: justify;
	margin: 0;
	clear: both;
}

#page .postFooter {
	width: 610px;
	padding: 0px 30px 0px 30px;
	height: 175px;
	background: url(img/postFooter.jpg) no-repeat bottom left;
	text-align:center;
	font-size: 11px;
	color: #999999;
}

#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 {
	width: 225px;
	float: right;
	height: 40px;
}


#page .buttons .print {
	background: url(img/iconPrint.gif) no-repeat 0px 4px;
	width: 35px;
	height: 32px;
	padding: 8px 0px 0px 35px;
	float: right;
}

#page .buttons .email {
	background: url(img/iconEmail.gif) no-repeat 0px 4px;
	width: 35px;
	height: 32px;
	padding: 8px 0px 0px 35px;
	margin-right: 5px;
	float: right;
}

#page .calendar .month {
	font-weight: bold;
	font-size:10px;
	color: #FFF;
	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;
}

#page div.pageNavi {
	background:transparent url(img/buttonSubmit.jpg) no-repeat scroll left top;
	border: none;
	color:#FFFFFF;
	height:32px;
	width:127px;
	text-align: center;
	padding: 4px 0px 0px 0px;
	cursor: pointer;
	text-decoration: none;
}

#page .navPrev {
	height:175px;
	width:157px;
	text-align:center;
	float: left;
}

#page .navNext {
	height:175px;
	width:157px;
	text-align:center;
	float: right;
}

#page .navNext a {
	background: url(img/iconArrowNext.gif) 64px 0px no-repeat transparent;
	padding: 32px 0 0;
	width: 157px;
	display: block;
}

#page .navPrev a {
	background: url(img/iconArrowPrev.gif) 64px 0px no-repeat transparent;
	padding: 32px 0 0;
	width: 157px;
	display: block;
}

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

.right, .alignright {
  float: right;
}


div.locationInfo { float: left; width: 305px;  }

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

.clear {
  clear: both;
}

.hide {
	display: none;
}

.center {
	text-align: center;
}

.textRight { text-align: right; }
.textLeft { text-align: left; }

/***************************************************************************
  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:#339900;text-decoration:none;}
#page a:active {color:#339900;text-decoration:none;}
#page a:visited {color:#339900;text-decoration:none;}
#page a:hover {color:#339900; text-decoration:underline;}

#page blockquote {
	background:#efefef; 
	display:block; 
	margin:5px; 
	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;
	padding-bottom: 0px;
}

#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: 155px;
	padding: 0px 0px 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;
	color:#339900; 
	text-decoration:none;
}

#page .postList a:hover { 
	color:#666666;
	text-decoration:underline;
}

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

#page ul.postList li {
	display:block;
	padding:0px;
	border-bottom: dashed 1px #D6E4A7;
	padding: 0px 10px 8px 35px;
	background: url(img/bulletWood.gif) no-repeat;
	margin: 0 0 3px 0;
}

/* #page: Carousel Elements */

#page #carousel {
	width: 200px;
}

#page #carousel ul li {
	background: none;
	margin: 0 5px;
	padding: 0;
	text-align: center;
	width: 125px;
	clear: both;
}

#page #carousel a { margin: 0; padding: 0; clear: both;  }

#page #carousel a.itemTitle { height: 45px; display: block; }

#page #carousel a.itemImage { display: block; }

#page #carousel a img { margin: 0 auto; float: none; height: auto;}

#page #carousel * { overflow: visible !important;}

/* #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:609px;
	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;
}

/* .footer */
#footer {
	clear: both;
	width: 100%;
	margin:0 0;
	text-align:right;
	font-size: 11px;
	height: 45px;
	color: #fff;
	background: url(img/odsLogo.png) right bottom no-repeat;
}

#footer a {
	color: #33CC00;
	text-decoration: none;
	font-weight: normal;
	width: 50px;
	height: 50px;
	float: right;
}

/* Send To A Friend Email Form Styles */
#wp-email {
	background: #000000 url(img/emailForm.jpg) no-repeat top left;
	margin: 0; 	padding: 0;
	text-align: left;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height: 20px;
	padding: 30px;
	width: 360px;
	height: 570px;
}

#wp-email h2 {
	color: #339900;
	font-size:24px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	margin-bottom: 5px;
}

#wp-email a, #wp-email a:visited, #wp-email a:active {color:#339900;text-decoration:none;}
#wp-email a:hover {color:#339900; text-decoration:underline;}
#wp-email strong { font-weight: bold; }
#wp-email em { font-style: italic; }
#wp-email p { margin-bottom: 3px; }
/* END OF CSS */

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


#page .anythingSlider                         { width: 600px; height: 221px; position: relative; margin: 0 auto 15px; }
#page .anythingSlider .wrapper                { width: 520px; overflow: auto; height: 211px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
#page .anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
#page .anythingSlider ul li                   { display: block; float: left; padding: 0 15px; height: 187px; width: 490px; margin: 0; background: #fff;}
#page .anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 5px; cursor: pointer; }
#page .anythingSlider .forward                { background-position: 0 0; right: -20px; }
#page .anythingSlider .back                   { background-position: -67px 0; left: -20px; }
#page .anythingSlider .forward:hover          { background-position: 0 -200px; }
#page .anythingSlider .back:hover             { background-position: -67px -200px; }

#page #thumbNav                               { position: relative; top: 193px; text-align: center; }
#page #thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#page #thumbNav a:hover                       { background-image: none; }
#page #thumbNav a.cur                         { background: #e0a213; }

#page #start-stop                             { background: green; background-image: url(img/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 193px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#page #start-stop.playing                     { background-color: red; }
#page #start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* Feedback Survey Customizations */

#gform_13 .gfield_radio li {  }