/* HEADER ********************************************************************/
section#banner 
{
    background:url("http://www.artisanart.biz/Images/background.PNG") 0 0;
    background-repeat:repeat-x;
    background-color :white;
    display:block; /* one line before and after */
	margin: 0;
	padding-top: 5px;
	padding-right:10px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left;
	height: 210px;
}

/* header logo has a black border and floats to the left*/
section#banner img 
{
     border-style:outset; 
     border-color: black; 
     border-width:3px; 
     float: left;
     height: 200px;
     margin: 0;
}

/* header group: title */
section#banner hgroup
{
    margin-top: 90px; /* space for the top background */
    margin-left: 130px;
}

section#banner h1 
{
    font-weight: bold;
    font-size: 300%;
	line-height: normal;
	text-align: left;
	padding: 2px;
	margin: 6px 0px 6px 0px; 
	text-shadow: #fff 1px 1px;
	background-color: White;
	border-top: 0px; 
    border-bottom: 0px;
}

section#banner h2 
{
    font-size: 150%;
	line-height: normal;
	text-align: left;
	padding: 2px; 
	margin: 6px 0px 6px 0px;
	background-color: White;
	border-bottom: 0px;
}

/* NAVIGATION ****************************************************************/
nav#main_navigation 
{
  display:block; /* one line before and after */
  border-top: double 3px #8e8e8e;
  border-bottom: double 3px #8e8e8e;
  background-color:#2f1e0c;
  width:100%;
  padding: 0px;
  margin: 0;
}

nav#main_navigation ul  
{
  list-style:none;  /* no list bullet */
  white-space: nowrap;
  text-align: center;
  width:100%;
  padding: 0;
  margin: 0;
}

nav#main_navigation ul li {
  margin: 0px 6px 0px 6px;
  display:inline; /*all nav elements in a row */
  color:Black;
}

nav#main_navigation ul li a{ 
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

nav#main_navigation ul li.current a {
  font-weight: bold;
  text-decoration: underline;
}

nav#main_navigation ul li a:hover, nav ul li a:active {
  text-decoration: underline;	
}

/* FOOTER ********************************************************************/

footer 
{
    display:block; /* one line before and after */
	margin: 0;
	margin-top: 20px;
	padding: 10px;
	text-align: right;
	color: white;
    background:url("http://www.artisanart.biz/Images/background.PNG") 0 0;
    background-repeat:repeat-x;
}

footer img
{
    height: 20px;
}

footer form
{
    display: inline-block;
}

/* CONTENT *******************************************************************/

body 
{
    width: 900px;
    border-style: outset;
    border-color: #2f1e0c;
    border-width: 1px;
    margin:0 auto; /* Right and left margin widths set to "auto" */
}


/* one line before and after */
article, aside, figure, hgroup, section  
{
    display:block; 
}

section.simple 
{
    margin: 6px;
}

/* By default all images have a black border */
img 
{
     border-style: outset; 
     border-color: black; 
     border-width: 1px; 
     max-height:300px;
     max-width:890px;
     margin: 6px;
}

img.noborder
{
    border-width: 0px; 
}

/* Use sans-serif fonts for easier reading on screen */
article {
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: black;
	margin: 6px 6px 6px 6px;
	padding: 5px;
    text-align:justify;
    text-justify:inter-word;
    border: solid 1px #8e8e8e;
    background-color: #ffefbf;
    -moz-border-radius:10px;
    border-radius:10px;
    /*-webkit-box-shadow: 2px 5px 0 0 rgba(72,72,72,0.5);
    -moz-box-shadow: 2px 5px 0 0 rgba(72,72,72,0.5);
    box-shadow: 2px 5px 0 0 rgba(72,72,72,0.5); */
    background-image: -moz-linear-gradient(top, #ffefbf 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffefbf), to(#FFFFFF));
    background-image: linear-gradient(top, #ffefbf 0%, #FFFFFF 100%);
    
}

/*! article with an image */
article.illustrated
{
    min-height:320px; /* size of images in my site plus margin*/
}

/*! article with an image */
article.illustrated img:first-child
{
    float: left;
}

img.left
{
    float: left;
}

img.right
{
    float: right;
}


/* Header's fonts */
h1  
{
    border-top: 1px solid black; 
    border-bottom: 1px solid black;
    font-size: 24px;
    font-weight: bold;
	line-height: normal;
	background-color: #bf955f;
	padding: 6px; 
	margin: 0;
}

h2  
{
    font-size: 18px;
    border-bottom: 1px solid black; 
    font-weight: bold;
	line-height: normal;
	background-color: #f0f0f0;
	padding: 6px; 
	margin: 0;
}

h3  
{
    font-size: 14px; 
    font-weight: bold;
	line-height: normal;
	background-color: #f0f0f0;
	padding: 6px; 
	margin: 0;
}
h4  
{
    font-size: 12px; 
    font-weight: bold;
	line-height: normal;
	background-color: white;
	padding: 6px; 
	margin: 0;
}

/*ALBUM **********************************************************************/

section.image_title
{
    font-style:italic;
}

section.album
{
    margin: 4px 15px 4px 15px;
}

section.viewer
{
    display: block;
    min-height: 310px; /* size of images in the viewer plus margin*/
    margin: 0;
}

section.viewer nav
{
    list-style:none;
    display: inline;
}

section.viewer input
{
    display:inline;
}

section.viewer img.currentImage 
{
     border-width: 3px;  
     height:300px;
     float:left
}

section.album mosaic
{
    display: block;
}

section.mosaic img
{
    height: 80px;
}

section.mosaic img.normal
{
    border-width: 3px;
    border-color: Black;
}

section.mosaic img.current
{
    border-width: 3px;
    border-color: Red;
}

section.album_data
{
    display: none;
    height:0;
    width:0;  
}

/*Tutorials **********************************************************************/

section.supplies
{
}

section.supplies img
{
}

section.steps
{
}