body { background-color: #000; background-position:center; color: #fafafa; }

.container { width: 790px; margin: 0 auto; position: relative; }


h1, h2, h3 { color: #669933; }

a:link, a:visited { color: #669933; font-weight: bold; }
a:hover { color: #fafafa; }



#maincontainer { height: auto; min-height: 500px;  margin-top: -20px;  background: url('../images/feather_background.jpg') no-repeat; background-position: bottom right;}
body#index #maincontainer { width: 790px; }
body#gallery #maincontainer { padding: 0px; }



#header { position: relative;  height: 126px; width: 264px; text-indent: -9999px;  margin-top: -15px; z-index: 1; }


#header h1, #header h2, #header h3 { line-height: 0px; margin: 0; padding: 0; color:#339900; }

#headerhome { display: block; width: 260px; height: 122px; background: url('../images/jesso.png') no-repeat; z-index: 1; }
#headerhome:hover { background-position: -264px 2px;}

#navcontainer { text-align:right; background-color: #cccccc; width: 790px; height: 45px; margin-top: -20px;  } 
#navcontainer p { padding: 0px; margin: 0; line-height: 16px; }

ul.topnav { list-style: none;  float: right; position:relative; }

	
	ul.topnav li { display: inline; height: 10px; }
		ul.topnav li a, ul.topnav li a:visited { display: block; float: left; margin-right: 5px; color: #333333; font-size: 1.4em; font-variant:small-caps; text-decoration: none;}
	    ul.topnav li a:hover { color: #fafafa; } 
    ul.topnav.secondrow { margin-right: 5px; width: 770px; margin-top: -20px; }     
	ul.topnav.secondrow li { float: right; }



#location { margin-bottom: 5px; text-align: right; height: 25px; font-size: .9em; background-color: #006633; padding-right: 2px; width: 788px; }



/*
ul#topnav a#Tattoos { background: url('../images/tattoos.png'); width: 78px; height: 37px; }
ul#topnav a#Artwork { background: url('../images/artwork.png'); width: 93px; height: 37px; }	
ul#topnav a#About {  background: url('../images/about.png'); width: 66px; height: 37px; }
ul#topnav a#Forum { background: url('../images/forum.png'); width: 71px; height: 37px; }
ul#topnav a#Contact { background: url('../images/contact.png'); width: 80px; height: 37px; }	
ul#topnav a#Links { background: url('../images/links.png'); width: 64px; height: 37px; }
*/ 


#contentcontainer { margin-top: 20px; background: url('../images/lace_background.jpg'); background-repeat: repeat-y; padding-bottom: 30px; min-height: 600px; }	
		


#poweredby { text-align: right; color:#666666; }
#copyright { text-align: right; color:#666666; }



ul#bottomnav { list-style: none;  text-align: center; width: 750px; margin: 0 auto; }
	ul#bottomnav li { display: inline; padding-right: 10px; }
		ul#bottomnav li a, ul#bottomnav li a:visited { font-size: 1.5em; font-variant: small-caps; color: #006633; text-decoration:none; }
		ul#bottomnav li.active a { text-decoration: underline; }
	 	ul#bottomnav li a:hover { color: #fafafa; text-decoration: underline; } 

    





/* @group gallery  */
#gallerybreadcrumbs { font-size: 1.2em; font-weight: bold; text-align: right; margin-top: -40px;}
#gallerynavigation { color: #fafafa; text-align: right; }
#galleryArtistName { visibility: hidden; position: relative; top: 20px; left: 400px; height: auto;}

#galleryimageColumns {  }
#galleryimageInfo { margin-top: 10px;height: auto; min-height: 200px; padding-left: 5px; }
#galleryimageInfo h2 {  padding: 3px; height: 30px; line-height: 1.2em; text-align: right; color: #fafafa; }
#galleryimageInfo em { font-weight: bold; font-size: 1.1em; }
#galleryimageName { text-decoration: underline;  padding: 0px; margin: 2px; font-weight: bold; margin-bottom: 5px; }
#galleryimage { width: 340px; text-align: center; margin-bottom: 10px; height: auto; min-height: 300px; padding-top: 20px; padding-bottom: 20px; margin-top: 10px;}
#galleryimage img { padding: 0px; margin: 0px; border: 2px solid #fafafa; }

#gallerykeywords { margin-top: 20px; height: auto; min-height: 80px; margin-bottom: 5px; padding-left: 5px; }



#galleryTravelDates { margin-top: 10px; text-align: left; height: auto; padding: 4px; width: 300px; margin-left: 15px; padding-left: 5px; }
#galleryTravelDates h3 { text-decoration: underline;  padding: 0px; margin: 2px; font-weight: bold; margin-bottom: 5px;}
#galleryTravelDates p.event { margin-left: 10px; } 
/* @end gallery */


/* @group Thumbs */
.thumbsThumbnail { margin-top: 30px; float: left; text-align:center; width: 110px; margin-left: 10px; }
.thumbsThumbnail img { border: 3px solid #fafafa; }
.thumbsThumbnail img:hover { border: 3px solid #669933; }
.thumbsThumbnail a { text-decoration: none; }

#thumbsArea { position: relative; top: 40px; height: auto; min-height: 350px; margin: 0 auto; width: 650px;}
#thumbsArea a { background: none; }
#thumbsArea a:hover {color: #fafafa;}  

#thumbsgallery { height: auto; min-height: 450px; width: 740px; margin: 0 auto; }
#thumbsbreadcrumbs { font-size: 1.2em; font-weight: bold; margin-left: 150px; }
#thumbsNavTop { margin-top: 10px; color: #fafafa; margin-left: 150px; }
#thumbsNavTop form { float: left; }
#thumbsNavBottom { position: relative; top: 40px; width: 300px; height: auto; left: 15px; margin-bottom: 120px; }
#thumbsNavBottom form { float: left; }
/* @end */


/* @group breadcrumbs stuff */
#bread { color: #f3e7d9; padding: 3px; font-size: 1.4em; }
#bread ul {	margin-left: 0; padding-left: 0; display: inline; border: none;	} 
#bread ul li { margin-left: 0;	padding-left: 2px; border: none; list-style: none; display: inline;	}
#bread ul li:before { content: "\0020 \0020 \0020 \00BB \0020";	color: #fafafa;	}
#bread ul li#first:before {	content: " "; }
/* @end breadcrum stuff */


/* @group image comments */

#galleryimageComments { position: relative; padding-left: 5px; height: auto; min-height: 100px; }
#galleryimageCommentBox { margin-top: 100px; width: auto; height: auto; min-height: 200px; }
#galleryimageCommentBox fieldset { border: 1px solid #87587a; }

div.imageComment { margin-top: 20px; }
.imageComment p.author em { font-size: 1.3em; font-weight: bold; color: #66cc00; background: #000; text-decoration: underline; padding: 2px; padding-bottom: 0px; margin-bottom: 0px; }
.imageComment p.date { font-size: .9em; font-weight: normal; color: #cccccc; margin-top: -10px; margin-bottom: 0px; } 
.imageComment p.message { font-size: 1.2em; text-indent: 15px; color: #cccccc; margin-top: -20px; }
.imageComment {border-bottom: 1px solid #66cc00; margin-bottom: -20px;}


#newImageComment { height: auto; min-height: 300px; width: 300px; margin-bottom: 300px;}
/* @end image comments */



 
/* @group contact form */

/*#663300; border: 5px solid #732c20;*/

fieldset { border: 2px solid #669933; }
fieldset label { float: left; width: 150px; text-align: right; padding-right: 5px; font-size: 1.2em; }

fieldset#post { width: 600px; margin: 0 auto; }
fieldset#post textarea { width: 400px; height: 200px; }

form#contact { height: auto; min-height: 500px; width:500px; margin: 0 auto;  }
fieldset#contact { border: 2px solid #669933; }
fieldset#contact label { float: left; width: 150px; text-align: right; padding-right: 5px; font-size: 1.2em; }

input { border: 2px solid #339900; margin-bottom: 2px; background-color: #fafafa; color: #000; padding: 2px; }
input:focus  { border: 2px solid #669933; background: #000; color: #669933; } 
textarea { width: 250px; height: 100px; border: 2px solid  #339900; background-color: #fafafa; color: #000; }
textarea:focus { border: 2px solid #669933; background: #000; color: #669933; }
#captcha { text-align:right; width: 200px;}
input.submit { float:right; color: #669933; background-color: #000; }


#newsarticle #title { font-size: 1.6em; }
#newsarticle #date { font-size: .9em; font-weight: bold; text-indent: 10px; }
#newsarticle img { padding: 4px; float: left; }


#latestNews { padding: 5px; margin-top: -30px; padding-left: 5px; }
#latestNews h2 { font-size: 1.9em; color: #669933; width: 300px; text-align:right; background: url('../images/green_line.png') no-repeat; background-position: 50px 15px; }

#latestTattoos { padding: 5px; margin-left: 20px; margin-top: -60px; text-align:center; }
#latestTattoos h2 { font-size: 1.9em; color: #669933; width: 300px; text-align:right; background: url('../images/green_line.png') no-repeat; background-position: 20px 15px;}

#latestTattoos img { border: 3px solid #333333; }
#latestTattoos img:hover { border: 3px solid #669933; }

#latestArtwork { padding: 5px; text-align:center; }
#latestArtwork h2 { font-size: 1.9em; color: #669933; width: 300px; text-align:left; background: url('../images/green_line.png') no-repeat; background-position: 120px 15px;}

#latestArtwork img { border: 3px solid #333333; }
#latestArtwork img:hover { border: 3px solid #669933; }