body { background: #f3e7d9; }

a:link, a:visited { font-weight: bold; text-decoration: underline; color:#333333; padding: 2px;}
a:hover { color: #fafafa; background: #333333;}

h1 { font-variant: small-caps; text-decoration:underline; font-weight: bold; font-stretch: expanded; }
h2 { font-variant: small-caps; font-size: 2.5em; font-weight: bold; font-stretch: expanded; }
h3 { font-variant: small-caps; font-weight: bold; font-stretch: expanded; }





#maincontainer { position: relative; left:0px; top:0px;	width:748px; height:auto; min-height: 650px; margin: 0 auto; background: url('../images/background.jpg') repeat-y; margin-top: 0px;border: 1px solid #333333; padding-bottom: 100px; z-index: 0;}
 
#toplogo { position:absolute; left:0px; top:0px; width:748px; height:176px; background: url('../images/toplogo.jpg') no-repeat;}


#topnav { width: 768px; margin: 0 auto; text-align: right; height: auto; min-height: 20px; }
#topnav ul { list-style: none; padding: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-top: -18px; padding-top: 0px; }
#topnav ul li { display: inline; margin: 0px; border-right: 1px solid #000; }

#topnav ul li a:link, #topnav ul li a:visited { padding: 3px; padding-left: 5px; padding-right: 5px; color: #000; font-size: 1.2em; letter-spacing: .09em; text-decoration: none; margin-left: -2px; margin-right: 1px; font-family: verdana,arial,sans-serif; font-weight: normal;}
#topnav ul li a:hover { background: #7c2e3e; color: #fafafa; text-decoration: underline;}
#topnav ul li.lastnav { padding-right: 0px; border: 0px; margin-right: 0px;}

/*
#tattoos { position:absolute;left:405px; top:19px;  }
#artwork { position:absolute; left:524px; top:19px; }
#events { position:absolute; left:643px; top:19px; }
#forum { position:absolute; left:532px; top:63px; }

#tattoos a:link, #tattoos a:visited { display: block; width:119px; height:34px; background: url('../images/tattoos.jpg') no-repeat; text-indent: -9999px; }
#artwork a:link, #artwork a:visited { display: block; width:119px; height:34px; background: url('../images/artwork.jpg') no-repeat; text-indent: -9999px; }
#events a:link, #events a:visited { display: block; width:105px; height:34px; background: url('../images/events.jpg') no-repeat; text-indent: -9999px; }
#forum a:link, #forum a:visited { display: block;  width:102px; height:37px; background: url('../images/forum.jpg') no-repeat; text-indent: -9999px; }

*/



#contents { width: 738px; height: auto; min-height: 600px; clear: both; padding: 5px; position: relative; top: 176px; }

#bottomgallery { position: absolute; bottom: 0px; background: url('../images/bottom.gif') no-repeat;  width: 748px; height: 152px; z-index: 0;}

#bottomstuff { position: relative; width: 768px; margin: 0 auto; font-family: verdana,arial,sans-serif; }
#bottomnav  { list-style: none; }
#bottomnav li { display: inline; margin-left: 5px; }

#bottomnav li a:link, #bottomnav li a:visited { padding: 3px; padding-left: 5px; padding-right: 5px; color: #000; font-size: .9em; letter-spacing: .09em; text-decoration: none; font-weight: normal; }
#bottomnav li a:hover { background: #7c2e3e; color: #fafafa; text-decoration: underline; }
#bottomnav li a.firstnav { margin-left: 0px; }





#copyright { font-size: .9em; margin-top: 3px; text-align: right; padding-left: 70px;}
#poweredby { font-size: .9em; float:right; text-align: right; padding-right: 10px; }




/* @group Gallery */


#gallerybreadcrumbs { font-size: 1.2em; font-weight: bold; }
#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; }
#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;}
#galleryimage a { border: 0px; background: none; }
* html #galleryimage { top: 100px; }

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


#galleryimageInfo em { color: #7c2e3e; background: none; font-weight: bold; text-decoration: underline; }


/* #galleryTravelDates a.name:link, #galleryTravelDates a.name:visited { color: #fafafa; font-weight: bold; border-bottom: 1px solid #c61001; text-decoration: none;} */
#galleryTravelDates a.name:hover { color: #c61001; border-bottom: 1px solid #fafafa; }
#galleryTravelDates { margin-top: 10px; text-align: left; border: 1px dashed #000; height: auto; padding: 4px; width: 300px; }
#galleryTravelDates h3 { text-decoration: underline;  padding: 0px; margin: 2px; font-weight: bold; margin-bottom: 5px;}


/* @group Thumbs */

.thumbsThumbnail { margin-top: 30px; float: left; text-align:center; width: 110px; margin-left: 10px; }
.thumbsThumbnail img { border: 2px solid #333333; }
.thumbsThumbnail img:hover { border: 2px solid #cccccc; }
.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: #7c2e3e; }  

#thumbsgallery { height: auto; min-height: 450px; width: 740px; margin: 0 auto; }
#thumbsbreadcrumbs { font-size: 1.2em; font-weight: bold; }
#thumbsNavTop { margin-top: 10px; color: #fafafa; }
#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 Index Page */
.newsTitle { font-size: 1.3em; font-weight: bold; } 
.newsDate { font-weight: bold; font-style: italic; margin-left: 15px; }
#latestTattoos { z-index: 1; margin-left: 25px; margin-top: 30px; margin-bottom: 100px; } 
#latestTattoos img { border: 2px solid #333333; }
#latestTattoos img:hover { border: 2px solid #fafafa; } 
#latestTattoos a:hover { background:none; }




form#contact { height: auto; min-height: 500px; width:500px; margin: 0 auto;  }
fieldset#contact { background: #aeaeae; border: 2px solid #333333; }
fieldset#contact label { float: left; width: 150px; text-align: right; padding-right: 5px; }
input { border: 2px solid #333333; margin-bottom: 2px; }
textarea { width: 250px; height: 100px; border: 2px solid #333333; }
textarea:focus { border: 2px solid #333333; }
#captcha { text-align:right; width: 200px;}
input.submit { float:right; }


.tattooArtist img { float: left; padding: 4px; height: auto; min-height:200px; }
table textarea { width: 400px; margin-left: 150px; border: 2px solid #333333; }
table input[type=submit] { float: right; }
table { border:none; }
table td { border: none; }



#newsarticle #title { font-size: 1.5em; font-weight: bold; }
#newsarticle #date { font-size: .9em; font-weight: bold; margin-left: 15px; line-height: .8em; }
h2#title { font-size: 1.5em; font-weight: bold; text-decoration:underline; line-height: 10px; padding:0px; margin:0px; }