/* CSS Document */
/* master reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img,  blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html { height: 100%; margin-bottom: 1px; }

body{
	text-align:center;
	background-image:url(../images/layout/woodbg_dark.jpg);
	background-repeat:repeat;
	}
	

/* LAYOUT */	

#container{
	margin:0 auto;
	width:851px;
	height:100%;
	margin-bottom:40px;

}


#greenTop{
	background-image:url(../images/layout/top_green_strip.jpg);
	background-repeat:repeat-x;
	height:25px;
	background-color:#5d5b3c;
	border-left:#7e7c53 solid 7px;
	border-top:#7e7c53 solid 7px;
	border-right:#7e7c53 solid 7px;
}



#logoBanner{
	border:#ddd9d4 solid 7px;
	background:#FFFFFF;
}



#contentWrapper{
	border-left:#eed8b4 solid 7px;
	border-right:#eed8b4 solid 7px;
	background-color:#fffdef;
	background-image:url(../images/layout/nav_bg.jpg);
	background-repeat:no-repeat;
	height:100%;
	text-align:left;
	padding:0 0 40px 0;

}

/* below is the pseudo script used to stop the need for <br clear="all"> in the html markup */
#contentWrapper:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

#contentWrapper{display:inline-block;} 

/* Hides from IE Mac \*/ 
* html #contentWrapper {height: 1%;} 
#contentWrapper{display:block;} 
/* End Hack */ 





#footer{
	background-image:url(../images/layout/bottom_green_strip.jpg);
	background-repeat:repeat-x;
	height:95px;
	background-color:#7e7c53;
	border-left:#7e7c53 solid 7px;
	border-bottom:#7e7c53 solid 7px;
	border-right:#7e7c53 solid 7px;
	text-align:left;
	margin:0; padding:0;
}


/*duplicate declarations of divs are for the box model hack for ie 5 / 5.5 */
#contentWrapper, #logoBanner, #greenTop, #footer{
	width:851px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:837px;
}

#logoBanner{
   height:178px; 
   voice-family: "\"}\""; 
   voice-family:inherit;
   height:164px;

}


#workshopWrapper{
	position:relative;
	width:223px;
	float:left;
}


#menu{
	position:relative;
	float:left;
	width:223px;
	height:300px;
	text-align:left;
}

#content{
	position:relative;
	float:left;
	width:531px;
	margin:33px 0 0 42px;
	padding:0;
	display:inline;
	background-color:#fffdef;
}



/* HOMEPAGE BOXES ------------------------------------------------------*/
.homeBoxes{
	width:531px;
	height:100%;
}

.homeBoxLeft{
	position:relative;
	width:216px;
	float:left;
}


.homeBoxRight{
	position:relative;
	width:315px;
	float:left;
}

.homeBoxLeft img{
	border:4px solid #F4F4F4;
}

.homeBoxes:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

.homeBoxes{display: inline-block;} 

/* Hides from IE Mac \*/ 
* html .homeBoxes {height: 1%;} 
.homeBoxes{display:block;} 
/* End Hack */ 


/*------------------------------------------------------------------------------------------------------------*/





.hr{
	background-image:url(../images/layout/hr.jpg);
	background-repeat:no-repeat;
	height:31px;
	width:529px;
	border:0; 
}

.hrClear{
	background-image:url(../images/layout/hr.jpg);
	background-repeat:no-repeat;
	height:31px;
	width:529px;
	border:0; 
	clear:both;
}

.hr hr {display:none;}
.hrClear hr {display:none;}




/* COMMENTS ------------------ --------- --------- --------- ---------  */
.commentBox { width:529px; margin-bottom:10px; background-color:#f2e7c7; padding:0;}
.commentTop { width: 529px; background:url(../images/layout/comment_top.gif) no-repeat scroll top left; padding:0;}

.commentUser{ position:relative; margin-bottom:10px; padding:28px 14px 10px 14px; width:501px; font-family:"Lucida Grande"; font-size:16px; color:#605b4c; background:url(../images/layout/commentrule.gif) no-repeat scroll bottom left;}
.commentPost{ position:relative; padding:0 14px 0 14px; width:160px; float:left; display:inline; font-family:"Lucida Grande"; color:#605b4c; font-size:12px;}
.commentBody{ position:relative; width:327px; float:left; font-family:"Lucida Grande"; color:#605b4c; font-size:12px; line-height:16px;}

.commentBottom { width: 529px; height: 63px; background: url(../images/layout/comment_bg.gif) no-repeat scroll top left;}

.clear { clear: both;}











/* menu-------------------------- --------- --------- --------- --------- ------ */
/*#navlist
{
	padding-left: 0;
	margin:39px 0 0 14px;
	width: 193px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 4px 0 5px 40px;
	border-bottom:1px solid #c3b892;
}

#navlist li:hover{
	border-bottom:1px solid #c3b892;
	background-image:url(../images/layout/menu_bullet.gif);
	background-repeat:no-repeat;
}


#navlist li a { 
	text-decoration: none;
	color:#5b5b58;
	font-size:16px;
	border-bottom:none;
	letter-spacing:0.05em;
}*/



#navlist
{
	padding-left: 0;
	margin:36px 0 0 14px;
	width: 193px;
	border-top:1px solid #c3b892;
}

#navlist li
{
	list-style: none;
	/*padding: 4px 0 5px 0;*/
	border-bottom:1px solid #c3b892;
}

#navlist li a {
	display:block;
	text-decoration:none;
	color:#5b5b58;
	font-size:16px;
	text-indent:40px;
	padding:4px 0 5px 0;
	
}


#navlist li a:hover {
	background:url(../images/layout/menu_bullet.gif);
	background-repeat:no-repeat;

}




/*Archives Menu*/
#archiveMenu{
	width: 193px;
	margin-left:14px;
}	


#archiveMenu li
{
	list-style: none;
	
}

#archiveMenu li a {
	display:block;
	text-decoration:none;
	color:#5b5b58;
	text-indent:40px;
	padding:4px 0 5px 0;
	
}





/* footer */
#footerLeft{
	margin:0 0 0 210px;
	position:relative;
	width:31px;
	float:left;
	display:inline;

}

#footerCenter{
	position:relative;
	width:271px;
	float:left;
	margin:30px 0 0 24px;
	display:inline;
}

#footerRight{
	position:relative;
	float:left;
	margin:30px 0 0 0 ;
	display:inline;
}







/*products*/

#creationsLeft{
	position:relative;
	width:241px;
	float:left;
	margin:0;
	padding:7px 7px 14px 0px;

}




#creationsRight{
	position:relative;
	width:241px;
	margin:0;
	float:right;
	padding:7px 20px 14px 0px;

}

.creationImage{
	width:233px;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}


.productPreview{
	position:relative;
	width:158px;
	height:230px;
	float:left;
	margin-right:19px;
}

.previewImage{
	width:148px;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}

.previewImage img {border:0;}





#productImages{
	position:relative;
	width:250px;
	float:left;
	margin:0;
}

#productTable{
	position:relative;
	width:260px;
	margin:0;
	float:right;
}


.row1 td{
	background-color:#f3eed3;
	padding:3px 0 3px 7px;
}

.row2 td{
	padding:7px 0 7px 7px;
}

#productInfo{
	width:390px;
	float:left;
	position:relative;
	margin:20px 0 0 0;
}


#productImage{
	width:240px;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

#imagelinks{
	margin-top:7px;
}


#purchase{
	background-color:#f8f2d9;
	border:3px solid #e8ddbf;
	width:370px;
	padding:7px;
	
}





/* ------------------------------------------------------------------------------ */


.workshop img{
	border:4px solid #F4F4F4;
}





/* Forms  --------------------------------------*/
.form{
	border: 1px solid #eed8b4;
	background-color: #f2e7c7;
	margin-top:3px;
	margin-bottom:7px;
	padding:4px;
	
}


.form:hover, .form:active{
	border: 1px solid #b35638;
	background-color: #f2e7c7;
	
}



#loadBar, #emailSuccess {

	width:391px;
	height:100%;
	padding:10px;
	background-color:#f8f2d9;
	border:3px solid #e8ddbf;
	margin-bottom:12px;
	color:#b35638;

}


#emailSuccess {

	width:391px;
	height:100%;
	padding:10px;
	background-color:#f8f2d9;
	border:3px solid #e8ddbf;
	margin-bottom:12px;
	color:#b35638;
}

#emailErrors {

	width:391px;
	height:100%;
	padding:10px;
	background-color:#f8f2d9;
	border:3px solid #e8ddbf;
	margin-bottom:12px;
	color:#CC0000;
}

.validation_error {
	font-size; 0.8em;
	color: #CC0000;
	font-style: oblique;
	margin-bottom: -1em;
}


label { display:block; margin-top:10px; }
fieldset { border:0;margin:0;padding:0; }







/* typography */

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#686868;
}


p{
	padding:0 0 14px 0;
	line-height:20px;
}


h1{
	font-size:34px;
	color:#b35638;
	font-weight:normal;
	border-bottom:#efdab7 solid 2px;
	margin-top:-7px;
	margin-bottom:15px;
}

h2.product{
	font-size:23px;
	color:#b35638;
	font-weight:normal;
	margin:0px 0 13px 0;
}

h2.home{
	font-size:18px;
	color:#b35638;
	font-weight:normal;
	margin:0px 0 13px 0;
}


h2.workshop{
	font-size:20px;
	color:#b35638;
	font-weight:normal;
	margin:0;
	padding:0;
}


#archiveMenu h2{
	font-size:18px;
	color:#b35638;
	font-weight:normal;
	border-bottom:#efdab7 solid 2px;
	margin-bottom:10px;
}


h2{
	font-size:18px;
	color:#b35638;
	font-weight:normal;
	margin:0 0 7px 0;
}



h2.intro{
	font-size:18px;
	color:#9F9677;
	/*color:#757144;*/
	font-weight:normal;
	margin-top:0px;
	margin-bottom:15px;
}

h2.introLast{
	font-size:18px;
	color:#9F9677;
	/*color:#757144;*/
	font-weight:normal;
	margin-top:5px;
	margin-bottom:25px;
}


h2.faq{
	font-size:18px;
	color:#b35638;
	font-weight:normal;
	margin:0 0 15px 0;
}

h3{
	font-size:14px;
	color:#333333;
	font-weight:normal;
	margin:0 0 14px 0;
	padding:0;
}

.question{
 	font-size:15px;
	color:#b35638;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-bottom:6px;
	margin-top:4px;
}


#content  a:link, #content a:active, #content a:visited {
	color:#b35638;
	text-decoration:none;
	border-bottom:1px dotted #c6b894;  
}

#content a:hover{
color:#b35638;
	text-decoration:none;
	border-bottom:1px solid #c6b894;  
}



#footer{
	color:#fffdef;
	font-size:12px;
}


#footer a:link, #footer a:visited, #footer a:active {
	color:#fffdef;
	text-decoration:none;
	border-bottom:1px dotted #fffdef;  
	
}

#footer a:hover{
	color:#fffdef;
	border-bottom:1px solid #fffdef;  
}