/* body ***********************************************************************/

body {
	background-image: url(../img/site/bg_pattern.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	font-family: geneva, lucida, helvetica, arial, sans-serif;
	font-size: small;
	color: #2d0a04;
	padding: 0;
	margin: 0;
}


/* container ******************************************************************/

#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	background-image: url(../img/site/side_ornaments.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

/* main ***********************************************************************/

#main {
	width: 800px;
	margin: 0 auto 0 auto;
	border-left: 5px solid #731809;
	border-right: 5px solid #731809;
	padding: 0;
}

/* header *********************************************************************/

#header {
	margin: 0;
	border: none;
	padding: 0;
}

#header img {
	border: none;
	padding: none;
	margin: none;
}

/* nav ************************************************************************/

#nav {
	padding: 0 25px;
}

#nav span {
	display: none;
}

#nav #tier1 {
	list-style-type: none;
	margin: 0 auto 10px auto;
	height: 21px;
}

#nav ul#tier1 li{
 float: left;
 width: 25%;
 padding: 0;
 margin: 0;
 text-align: center;
}

#nav ul#tier1 li a{
	display: block;
	height: 21px;
}

#nav ul#tier1 li a.news{
	width: 100%;
	background-image: url(../img/site/news.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.news:hover{
	width: 100%;
	background-image: url(../img/site/news_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.artwork{
	width: 100%;
	background-image: url(../img/site/artwork.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.artwork:hover{
	width: 100%;
	background-image: url(../img/site/artwork_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.contact{
	width: 100%;
	background-image: url(../img/site/contact.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.contact:hover{
	width: 100%;
	background-image: url(../img/site/contact_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.blog{
	width: 100%;
	background-image: url(../img/site/blog.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier1 li a.blog:hover{
	width: 100%;
	background-image: url(../img/site/blog_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav #tier2 {
	list-style-type: none;
	margin: 0 auto 20px auto;
	border-top: 2px solid #731809;
	border-bottom: 2px solid #731809;
	height: 24px;
	padding: 0 0 0 0;
}

#nav #tier2 li {
	float: left;
	width: 25%;
	padding: 0;
	margin: 0;
	text-align: center;
}

#nav ul#tier2 li a{
	display: block;
	height: 24px;
}

#nav ul#tier2 li a.current {
	width: 100%;
	background-image: url(../img/site/current.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.current:hover{
	width: 100%;
	background-image: url(../img/site/current_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.archive {
	width: 100%;
	background-image: url(../img/site/archive.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.archive:hover{
	width: 100%;
	background-image: url(../img/site/archive_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.illustration {
	width: 100%;
	background-image: url(../img/site/illustration.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.illustration:hover{
	width: 100%;
	background-image: url(../img/site/illustration_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.characters {
	width: 100%;
	background-image: url(../img/site/characters.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.characters:hover{
	width: 100%;
	background-image: url(../img/site/characters_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.animation {
	width: 100%;
	background-image: url(../img/site/animations.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.animation:hover{
	width: 100%;
	background-image: url(../img/site/animations_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.sketchbook {
	width: 100%;
	background-image: url(../img/site/sketchbook.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

#nav ul#tier2 li a.sketchbook:hover{
	width: 100%;
	background-image: url(../img/site/sketchbook_hover.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 0 auto
}

/* content ********************************************************************/

#content {
	margin: 30px 40px 0 40px;
	min-height: 800px;
}

#content span {
	display: none;
}

#content p {
	margin: 10px 0 0 0;
}

#content hr{
	margin-top: 200px;
	margin-bottom: 15px;
	clear: both;
	color: #731809;
	border: 1px solid #731809;
	background-color: #731809;
	width: 100%;
}

#content .thumbnail {
	text-align: center;
	height: 150px;
	width: 110px;
	margin: 20px 7px;
	float: left;
}

#content .thumbnail a:link img {
	border: 2px solid #7e2f08;
}

#content .thumbnail a:visited img {
	border: 2px solid #652404;
}

#content .thumbnail a:hover img {
	border: 2px solid #9b502b;
}

#content a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #7e2f08;
}

#content a:visited {
	font-weight: bold;
	color: #652404;
}

#content a:hover {
	font-weight: bold;
	color: #9b502b;
}

/* headings *******************************************************************/

/* news headings **************************************************************/

#content h1 {
	height: 31px;
	border-bottom: 1px solid #731809;
	padding: 0;
	margin: 15px 0 5px 0;
	background-repeat: no-repeat;
}

#content h2 {
	height: 20px;
	background-image: no-repeat;
	padding: 0;
	margin: 0;
}

#content h1.may2509 {
	background-image: url(../img/site/5-25-09-h1.gif);
	width: 248px;
}

#content h2.may2509 {
	background-image: url(../img/site/5-25-09-h2.gif);
	width: 93px;
}

#content h1.may3109 {
	background-image: url(../img/site/5-31-09-h1.gif);
	width: 198px;
}

#content h2.may3109 {
	background-image: url(../img/site/5-31-09-h2.gif);
	width: 92px;
}

#content h1.noarchive {
	background-image: url(../img/site/no_archives-h1.gif);
	width: 248px;
}

#content h1.construction {
	background-image: url(../img/site/construction-h1.gif);
	width: 290px;
}

#content h1.scaleella {
	background-image: url(../img/site/scale_ella-h1.gif);
	width: 83px;
}

#content h1.scipi {
	background-image: url(../img/site/scipi-h1.gif);
	width: 132px;
}

#content h2.scipi {
	background-image: url(../img/site/curse_bb-h2.gif);
	width: 193px;
}

#content h1.treadsylvania {
	background-image: url(../img/site/treadsylvania-h1.gif);
	width: 118px;
}

#content h1.contact {
	background-image: url(../img/site/contact-h1.gif);
	width: 168px;
}

#content h2.contact {
	background-image: url(../img/site/gerritt-h2.gif);
	width: 110px;
	margin: 15px 0 0 0;
}

#content h2.wiicontact {
	background-image: url(../img/site/wiicontact-h2.gif);
	width: 156px;
	margin: 15px 0 0 0;
}

#content h1.commissions {
	background-image: url(../img/site/commissions-h1.gif);
	width: 283px;
}

#content h1.personal {
	background-image: url(../img/site/personal-h1.gif);
	width: 123px;
}

#content h1.ATC {
	background-image: url(../img/site/ATC-h1.gif);
	width: 320px;
}

#content h1.mole3 {
	background-image: url(../img/site/mole-3-h1.gif);
	width: 106px;
}

#content h2.mole3 {
	background-image: url(../img/site/mole-3-h2.gif);
	width: 119px;
}

#content h1.mole2 {
	background-image: url(../img/site/mole-2-h1.gif);
	width: 104px;
}

#content h2.mole2 {
	background-image: url(../img/site/mole-2-h2.gif);
	width: 126px;
}

#content h1.mole1 {
	background-image: url(../img/site/mole-1-h1.gif);
	width: 248px;
}

#content h2.mole1 {
	background-image: url(../img/site/mole-1-h2.gif);
	width: 93px;
}

#content h1.cachet1 {
	background-image: url(../img/site/cachet-1-h1.gif);
	width: 74px;
}

#content h2.cachet1 {
	background-image: url(../img/site/cachet-1-h2.gif);
	width: 126px;
}

#content h1.biggie1 {
	background-image: url(../img/site/biggie-1-h1.gif);
	width: 73px;
}

#content h2.biggie1 {
	background-image: url(../img/site/biggie-1-h2.gif);
	width: 85px;
}

#content h1.ATC2 {
	background-image: url(../img/site/ATC2-h1.gif);
	width: 345px;
}