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: 300px;  margin-top: -10px;  background: url('../images/background.jpg') no-repeat; border: 2px solid #222222;}
body#index #maincontainer { width: 790px; }
body#gallery #maincontainer { padding: 0px; }



#header { position: relative;  height: 89px; width: 605px; text-indent: -9999px;  margin-top: 5px; margin-left: 150px; z-index: 1; }


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

#headerhome { display: block; width: 605px; height: 86px; background: url('../images/trentedwards.png') no-repeat; z-index: 1; }
#headerhome:hover { background-position: 0px -84px;}



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

ul#topnav { list-style: none; position:relative; border-top: 1px solid #fafafa; padding-left: 20px; padding-right: 20px; float: right; margin-top: 5px;  }

	
	ul#topnav li { display: inline; height: 33px; padding-top: 3px; padding-bottom: 0px; margin-bottom: 0px; }
		ul#topnav li a, ul#topnav li a:visited { text-indent: -9999px; 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; } 




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



 
ul#topnav a#Tattoos { background: url('../images/tattoos.png'); width: 108px; height: 31px; }
ul#topnav a#Tattoos:hover { border-bottom: 1px solid #cc0000; }
ul#topnav a#Artwork { background: url('../images/artwork.png'); width: 109px; height: 31px; }	
ul#topnav a#Artwork:hover { border-bottom: 1px solid #cc0000; }
ul#topnav a#Contact { background: url('../images/contact.png'); width: 104px; height: 31px; }
ul#topnav a#Contact:hover { border-bottom: 1px solid #cc0000; }
ul#topnav a#Links { background: url('../images/links.png'); width: 66px; height: 31px; }
ul#topnav a#Links:hover { border-bottom: 1px solid #cc0000; } 


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


#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.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: -40px; width: 790px;}
#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; }
#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: 10px;}
#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 #660000; }
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 #660000; margin-bottom: 2px; background-color: #000; color: #660000; padding: 2px; }
input:focus  { border: 2px solid #cc0000; background: #000; color: #cc0000; } 
textarea { width: 250px; height: 100px; border: 2px solid  #660000; background-color: #000; color: #000; }
textarea:focus { border: 2px solid #cc0000; background: #000; color: #cc0000; }
#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: #669933; width: 300px; text-align:right; background: url('../images/green_line.png') no-repeat; background-position: 50px 15px; }

#latestTattoos { padding: 5px; text-align:center; }
#latestTattoos h2 { font-size: 1.5em; color: #cccccc; width: 200px; margin: 0 auto; margin-bottom: 10px; border: 2px solid #333333; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

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

#latestArtwork { padding: 5px; text-align:center; }
#latestArtwork h2 { font-size: 1.5em; color: #cccccc; width: 200px; margin: 0 auto; margin-bottom: 10px; border: 2px solid #333333; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

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





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