/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/* stylesheet for Millbrook Clayworks */

/* Universal Style Rule */

*
{
/* block all borwser default margins and padding */
	margin:0;
	padding:0;
  /* Temporary borders */
  /* border:dashed 1px #f00; */
}

#wrapper
	{
	width:100%;
	}
	
#header 
	{
   position:relative;
   background: #transparent;
    }

#nav 
	{ 
	border-style: solid;
    border-color: rgb(66, 67, 45);
    border-width: 1px 0pt;
    margin: 0pt;
    padding: 0pt;
    background: rgb(128, 130, 89) none repeat-x scroll 0pt 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    float: left;
    width: 100%;
    }

#nav li 
	{
	margin: 0pt;
    padding: 0pt;
    display: inline;
    }

#nav a:link, #nav a:visited 
	{
	border-right: 1px solid rgb(66, 67, 45);
    padding: 20px 40px 4px 10px;
    background: rgb(178, 181, 128) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(0, 0, 0);
    float: left;
    width: auto;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
    font-size-adjust: none;
    text-transform: uppercase;
    }

#nav a:hover 
	{
	background: rgb(114, 116, 84) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(255, 255, 255);
    }

  #nav li:first-child a 
	{ 
	border-left: 1px solid rgb(66, 67, 45);
    }

#home #nav-home a, #bio #nav-bio a, #events #nav-events a, #classes #nav-classes a, #gallery #nav-gallery a, #contact #nav-contact a, #buy #nav-buy a, #soapbox #nav-soapbox a 
	{
	background: rgb(227, 90, 0) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(255, 255, 255);
    }

#home #nav-home a:hover, #bio #nav-bio a:hover, #events #nav-events a:hover, #classes #nav-classes a:hover, #gallery #nav-gallery a:hover, #contact #nav-contact a:hover, #buy #nav-buy a:hover, #soapbox #nav-soapbox a:hover 
	{
	background: rgb(227, 90, 0) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

#nav a:active 
	{
	background: rgb(227, 90, 0) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(255, 255, 255);
    }


body 
	{
	font-family: "Book Antiqua",Times,Serif;
	background-image: url(pictures/product/backgroung_single_vase.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
    }


#content
	{ 
	height: 100%;
	margin-left:10em;
	padding: 10px;
	border: soild;
	margin:2em 2em;
	}

#content p
	{
	line-height:1.25em;
	}

img.floatLeft
	{ 
	margin:0 1em;
    float: left;
	width:20%;
    }

	img.floatRight 
	{ 
	margin: 4px;
    float: right;
    }

/* Applies to the division for directions to the studio */
.directions
	{
	height: 100%;
	margin-left:15em;
	padding: 10px;
	}
		
/* Applies to the left side column */
#sidebar 
	{
	border:solid 2px rgb(178, 181, 128);	
	float: left;
	top: 10em;
	width: 10em;
	padding: 2em;
	margin: 2em;
	background: #D7D5A3;
	}
		
/* Applies to paragraphs in the leftcolumn division */
#sidebarText
	{
  	width:90%;
	padding:.75em;
	margin:.25em 0em 2em;
	} 

#sidebarImg
	{
	margin:1em 0em;
	border:solid 3px #eee;
	width:80%;
	}
		
div.showSpace
	{
	width: 100px;
	height: 200px;
	}
		
#sidebarRight
	{
   	position: absolute;
	left: 0;
	width: 15em;
	}

#footer 
	{ 
	clear: both;
	border-top: 1px solid;
	 background:  #D7D5A3;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-height:.25em;
    padding-top: 4px;
    }

#box 
	{
	border: 1px solid rgb(38, 67, 20);
    margin: 2em;
    padding: 2em;
    background-color: rgb(255, 255, 255);
    width: 40em;
    }

#boxsidebar 
	{ 
	border: 1px solid rgb(38, 67, 20);
    margin: 1px;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    width: 20em;
    }

  a:link 
	{
	color: #000000;
	  }

  a:visited 
	{ 
	color: rgb(76, 76, 76) ;
    }

  h1 
	{ 
	font-family: Comic Sans,Comic Sans MS,cursive;
	width: 90%;
    font-weight: bold;
    text-align: center;
    color: rgb(76, 76, 76);
	line-height: 1.25em;
	margin:.75em 0;
    }

  h2 
	{ 
	font-family: Comic Sans,Comic Sans MS,cursive;
    text-align: center;
    color: rgb(76, 76, 76);
	margin: 1.75em .25em;
    }

  h3 
	{ 
	font-family: Comic Sans,Comic Sans MS,cursive;
   	text-align: left;
    color: rgb(76, 76, 76);
	margin:.75em .25em;
    }

h4 
	{ 
	font-family: Arial,Helvetica,sans-serif;
    text-align: left;
	font-size: 12px;
    color: #000000;
	}


/* Class for table cells that contain thumbnails */ 
img.gallery
	{
	height: 10em;
	border: solid .1em #000000;
 	padding: .2em;
	margin: .5em; 
	}