/* Tom Rose, Slurve tom@slurve.com */

/* -------------------------------------------------------------------------- global */

body { margin: 0; padding: 0; line-height: 130%; background: #fff url(../../../images/bg_body.jpg) 0 -138px repeat-x; }

/* -------------------------------------------------------------------------- typography */

body { font-family: "Lucida Grande", Verdana, sans-serif; font-size: small; }
#container { color: #222; font-size: 90%; }
#sidebar { font-size: 95%; }

/* -------------------------------------------------------------------------- links */

a:link, a:visited, a:active { color: #960; text-decoration: none; border-bottom: 1px dotted; }
a:hover { color: #444; text-decoration: none; border-bottom: 1px dotted; }
.nav a, .nav a:visited { display: block; border: 0; margin: 0 1px 0 0; font-family: Georgia, Tahoma; font-size: 120%; color: #960; padding: 2px 8px; }
.nav a:hover, #home .home, #about .about,  #news .news, #classes .classes, #fiber-art .products, #folk-art .products, #downloads .downloads, #contact .contact { color: #000; border: none; }
.nav ul a, .nav ul a:visited { display: block; border: 0; font-family: Tahoma; font-size: 100%; color: #960; padding: 0; margin: 0; }
.nav ul a:hover, .nav ul li:hover, #folk-art .folk-art, #fiber-art .fiber-art { color: #000; border: none; }
.logo a { position: relative; width: 300px; height: 0px !important; display: block; background: url(../../../images/logo.gif) top left no-repeat; overflow: hidden; padding: 160px 0 0 0; border: none; }
.logo a:hover { background-position: 0 -160px; border: none; }
.copyright a, .copyright a:visited { color: #ffdead; }
.copyright a:hover { color: #960; }

/* -------------------------------------------------------------------------- headers */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
h1 { font-size: 200%; line-height: 200%; }
h2, .shopPhotos .title, .stafflist .title, .moduleClasses .title, .moduleProducts .title {  font-style: normal; font-size: 150%; line-height: 150%; font-family: Georgia, Tahoma; color: #5b6230; margin-bottom: 15px; }
.lead { font-size: 110%; font-family: Georgia, Tahoma; color: #444; line-height: 120%; }
.lead em { display: block; font-size: 120%; font-family: Georgia, Tahoma; font-weight: bold; color: #992; line-height: 120%; }
#news .post h2 { margin-bottom: 2px; }

/* -------------------------------------------------------------------------- nav */

.nav { padding: 0; margin: 0; position: absolute; left: 320px; top: 70px; }
.nav li { float: left; list-style-type: none; position: relative; }
.nav ul { position: absolute; left: 16px; top: 22px; margin: 0; padding: 0; display: none; }
.nav li li { margin: 0; padding: 0; display: block; float: none; position: relative; list-style-type: none; }
.nav li:hover ul, .nav li.over ul, #fiber-art .nav ul, #folk-art .nav ul { display: block; }
.metadata{
	border-top: 1px dotted #5b6230;
	border-bottom: 1px dotted #5b6230;
	font-size: .9em;
    line-height: 220%;
    margin-top: 20px;
	margin-bottom: 20px;
}
.metadata a:link, a:visited, a:active { border-bottom:none;}

.navigation {
	font-size: .9em;
	text-align: right;
	color: #5b6230;
}
.alignright {
	padding-bottom: 30px;
	float: right;
}

.alignleft {
	padding-bottom: 30px;
	float: left
}


/* -------------------------------------------------------------------------- containers */

#container { position: relative; margin: 35px auto 0 auto; width: 980px; padding: 0 0 70px 0; }
#masthead { position: relative; padding-top: 10px; }
#main { position: relative; width: 600px; float: left; margin: 20px 10px 0 20px; }
#sidebar { position: relative; width: 305px; float: right; margin: -30px 0 0 0; border-left: 1px dotted #ccc; padding: 0 0 0 15px; }
#home #main { width: 629px; height: 190px; margin: 100px 0; }
#footer { position: relative; width: 100%; position: absolute; bottom: -90px; left: 0; z-index: 4000; }
#home #footer { position: relative; width: 100%; position: absolute; bottom: -90px; left: 0; }
#footerBg { position: relative; background: #551c07 url(../../../images/bg_footer.gif) 0 0 repeat-x; height: 200px; z-index: 4000;  }

/* -------------------------------------------------------------------------- homepage */

.lead { position: relative; width: 95%; margin: -75px 0 0 10px; }
.module { width: 303px; float: right; margin-left: 10px; }
.module img { float: right; margin: -30px 10px 0 10px; }
.module h2 { border-bottom: 1px dotted #5b6230; padding: 0 0 3px 0; margin: 0 20px 0 0; }
.module p { margin: 5px 0; }

.moduleClasses { width: 280px; position: absolute; top: 152px; left: 315px; margin: 0; padding: 0; list-style-type: none; }
.moduleProducts { width: 280px; position: absolute; top: 152px; left: 10px; margin: 0; padding: 0; list-style-type: none; }
.moduleClasses img, .moduleProducts img { float: right; margin: -30px 10px 0 10px; }
.moduleClasses .title, .moduleProducts .title { border-bottom: 1px dotted #5b6230; padding: 0 0 1px 0; margin: 0 20px 8px 0; }
.module p { margin: 5px 0; }

/* -------------------------------------------------------------------------- interior */

.aboutPhoto { float: right; margin: -20px 0 0 0; }
.shopPhotos .title { margin-bottom: 10px; }
.shopPhotos { float: right; width: 240px; margin: 0 0 20px 20px; list-style-type: none; }
.shopPhotos img { width: 102px; margin: 4px; float: left; display: inline; border: 4px solid #ddd; }
.shopPhotos img:hover { border: 4px solid #eee; }

.stafflist { margin: 0 0 15px 0; padding: 0px 10px 10px 10px; list-style-type: none; background-color: #eee; width: 300px; }
.stafflist .title { border-bottom: 1px dotted #ccc; margin: 10px 0 4px 0; }
.shopStaff .module { width: 97%; margin: 0 0 10px 0; background-color: #f2f2f2; padding: 2px 10px; }
.shopStaff .module h2 { margin-left: 0; }

/*
#classes .post { background-color: #f2f2f2; padding: 10px; margin: 10px 0; position: relative; }
#classes .post h2 { margin: 0; font-size: 120%; }
#classes .post p { margin: 4px 0; }
#classes .post p.description { position: absolute; top: 30px; left: 220px; border-left: 1px dotted #ccc; padding: 15px 15px 20px 20px; }
*/

#classes #main a { font-weight: bold; font-size: 14px; }
.classesPhoto { width: 300px; float: right; border: 2px solid #eee; margin: 0 10px; }

.downloadLink { position: absolute; top: 0px; left: 320px; }
.classList { width: 100%; font-size: 85%; }
.classList th { padding: 2px 5px; text-align: left; color: #666; }
.classList td { background-color: #fff; padding: 2px 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.classList .classname { width: 130px; font-weight: bold; border-left: none; }

.directions { margin: 20px 0 0 15px; padding: 0; }
.directions .title { font-weight: bold; list-style-type: none; margin-left: -15px; }

.productsA { width: 30%; margin: 0 0 0 30px; padding: 0 0 0 15px; float: left; }
.productsB { width: 30%; margin: 0; padding: 0 0 0 15px; float: left; }
.productsLink { position: absolute; top: 220px; right: 20px; font-size: 150%; }

/* -------------------------------------------------------------------------- footer */

#footer p { margin: 0; }
.photosBottom { position: absolute; bottom: -178px; right: 60px; z-index: 15000; }
.tagline { position: relative; font-size: 120%; font-style: italic; font-family: Georgia, Tahoma; color: #fff; padding: 0 0 5px 0; z-index: 6000; }
.copyright { position: relative; font-size: 90%; color: #fff; z-index: 6000; }

/* -------------------------------------------------------------------------- sidebar */

#sidebar .module { width: 100%; margin: 0 0 20px 0; }
#sidebar h2 a, #sidebar h2 { border: none; color: #5b6230; margin-top:20px; }
#sidebar h2 a:hover { color: #5b6230; cursor: text; }
#sidebar p { margin: 0 0 15px 0; }
#sidebar .module input { color: #000; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 3px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
.map { width: 140px; float: right; }
.map a { float: right; }
.map .dirlink { margin: 0 40px 0 0; }
.address { margin: 5px 0 10px 0; }
.hours { margin: 10px 0 0 0; }

/* -------------------------------------------------------------------------- utility */

font { /* to override any font tags created by tinymce */ font-family: "Lucida Grande", Verdana, sans-serif; font-size: small; line-height: 130%; }
a img, a.imglink:link, a.imglink:visited { border: none; }
a.imglink:hover { background: transparent; }
p { margin: 0 0 15px 0; } 
a img { border: 0; }
dl, dd { margin: 0; padding: 0; }
dd.link { padding-top: 10px; }
dt { font-weight: bold; color: #999; }
ol li { margin: 9px 0; }
ul { list-style-type: circle; }
.clear { clear: both; }
.icon { vertical-align: middle; margin: 0 2px; }
.shadow-left { background: transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; right: -13px; z-index: 99; }

/* -------------------------------------------------------------------------------- form elements */

textarea { border: 1px solid #ccc; font-size: 12px; font-family: "Lucida Grande", serif; padding: 3px; color: #666; }
input { border: 1px solid #ccc; padding: 3px; font-size: 12px; font-family: "Lucida Grande", serif; color: #666; }