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

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


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

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

.roundboxed { border: 2px solid #333333; -moz-border-radius: 5px;
-webkit-border-radius: 5px; background-color:#000; }


#maincontainer { height: auto; min-height: 800px;  margin-top: -20px; width: 790px;  background: url('../images/interior_background_fade.jpg') repeat; border: 2px solid #222222;}

body#index #maincontainer { width: 795px; background: url('../images/index_background.jpg') no-repeat;  }
body#gallery #maincontainer { padding: 0px; }


#interiorcontainer {  height: auto; min-height: 800px;  width: 790px;  background: url('../images/interior_background.jpg') no-repeat; background-position: 0px -20px; }


#navcontainer { width: 790px; height: 33px; margin-top: 0px; } 
#navcontainer p { padding: 0px; margin: 0; line-height: 16px; }

ul#topnav { list-style: none;  text-align: center; width: 750px; margin: 0 auto; z-index: 2; position: relative; }
	ul#topnav li { display: inline; padding-right: 10px; z-index: 2; }
		ul#topnav li a, ul#topnav li a:visited { font-size: 1.9em; color: #aaaaaa; font-family: "Times New Roman", Times, serif; text-decoration:none; font-weight: normal; text-transform: uppercase; }
		ul#topnav li.active a { text-decoration: underline; }
	 	ul#topnav li a:hover { color: #cc0000; text-decoration: underline; } 




/* @group header */
#header { position: relative;   text-indent: -9999px;  margin-top: -25px; margin-left: 330px; z-index: 0; }
#header h1, #header h2, #header h3 { line-height: 0px; margin: 0; padding: 0; color:#339900; }
#headerhome { display: block; width: 469px; height: 268px; background: url('../images/secret_lake.png') no-repeat; z-index: 0; }


body#interior #header  { position: relative;   text-indent: -9999px;  margin-top: -15px; margin-left: 220px; z-index: 1; }
body#interior #headerhome { display: block; width: 303px; height: 152px; background: url('../images/interior_logo.png') no-repeat; z-index: 1; }  
/*#headerhome:hover { background-position: 0px -84px;}
*/
/* @end header */



#location { margin-bottom: 5px; text-align: right; height: 25px; font-size: .9em; padding-right: 10px; width: 788px; margin-top: -75px; }


body#interior #location { margin-top: 0px; text-align: center; }



#contentcontainer { margin-top: 0px; }
body#interior #contentcontainer { padding-bottom: 400px; min-height: 400px; background: url('../images/masks.png') no-repeat; background-position: bottom; }	
		


#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;  border-top: 4px solid #666666; text-transform: uppercase; margin-top: 10px; font-size: 1.2em; font-weight: normal; }
	ul#bottomnav li { display: inline; padding-right: 10px; }
		ul#bottomnav li a, ul#bottomnav li a:visited { font-size: 1.1em; color: #aaaaaa; text-decoration:none; }
		ul#bottomnav li.active a { text-decoration: underline; }
	 	ul#bottomnav li a:hover { color: #cc0000; text-decoration: underline; } 

    





/* @group gallery  */
#gallerybreadcrumbs { font-size: 1.2em; font-weight: bold; text-align: right; margin-top: -20px; text-transform:capitalize; }
#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 {  text-align: center; text-transform: capitalize; }
#galleryimageInfo em { font-weight: bold; font-size: 1.1em; }
#galleryimageName { text-decoration: underline;  padding: 0px; margin: 2px; font-weight: bold; margin-bottom: 5px; }
#galleryimage { text-align: center; margin-bottom: 10px; height: auto; min-height: 300px; padding-top: 0px; padding-bottom: 20px; margin-top: -60px;}
#galleryimage img { padding: 0px; margin: 0px; border: 4px solid #330000; }

#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 #330000; }
.thumbsThumbnail img:hover { border: 3px solid #cc0000; }
.thumbsThumbnail a { text-decoration: none; }

#thumbsArea { position: relative; top: 10px; 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: 350px; }
#thumbsNavTop { margin-top: 10px; color: #fafafa; margin-left: 360px; }
#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 #333333; }
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 label { float: left; width: 150px; text-align: right; padding-right: 5px; font-size: 1.2em; }

input { border: 2px solid #333333; margin-bottom: 2px; background-color: #000; color: #cccccc; padding: 2px; }
input:focus  { border: 2px solid #cccccc; background: #000; color: #666666; } 
textarea { width: 250px; height: 100px; border: 2px solid  #333333; background-color: #000; color: #cccccc; }
textarea:focus { border: 2px solid #cccccc; background: #000; color: #666666; }
#captcha { text-align:right; width: 200px;}
input.submit { float:right; color: #660000; 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: 80px; padding-left: 5px; }
#latestNews h2 { font-size: 1.9em; color: #fafafa; }

#latestTattoos { padding: 5px; text-align:center; margin-top: 15px; }
#latestTattoos h2 { background: url('../images/tattoos.png') no-repeat; width: 205px; height: 45px; text-indent: -9999px; margin-left: 50px;}
#latestTattoos img { border: 3px solid #333333; }
#latestTattoos img:hover { border: 3px solid #cccccc; }

#latestArtwork { padding: 5px; text-align:center; }
#latestArtwork h2 {background: url('../images/artwork.png') no-repeat; width: 205px; height: 45px; text-indent: -9999px; margin-left: 50px;}

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



.tattooArtist img { padding: 10px; }


#linktousbanner textarea { width: 600px; color: #cc0000; }