@charset "UTF-8";
/* CSS Document */

div#olympus,div#hades {
	width: 1000px;
	height: 600px;
	margin-left: -500px;
	position: absolute;
	top: 0;
	left: 50%;
}

div#pantheon-bg {
	width: 1000px;
	height: 600px;
	background: url(images/pantheon-bg.png) 5px 0px no-repeat;
	margin-left: -500px;
	position: absolute;
	z-index: -5;
	top: 0;
	left: 50%;
}

#dylanhead{
	height: 63px;
	width: 449px;
	padding: 0px;
	z-index: 1;
	margin-top: 76px;
	margin-right: 127px;
	float: right;
}

div#olympus #menu{
	height: 45px;
	width: 738px;
	padding: 0px;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: -10;
	float: left;
	margin-left: 166px;
	margin-top: 414px;
}

div#olympus #menu-blank{
	height: 45px;
	width: 738px;
	padding: 0px;
	z-index: 99;
	float: left;
	margin-left: 166px;
	margin-top: -46px;
}

div#hades #menu{
	height: 45px;
	width: 738px;
	padding: 0px;
	position: relative;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: -27px;
	margin-left: 166px;
	z-index: -10;
}

div#hades #menu-blank{
	height: 45px;
	width: 738px;
	padding: 0px;
	z-index: 99;
	float: left;
	margin-left: 166px;
	margin-top: -46px;
}

#content{
	height: 212px;
	width: 117px;
	padding: 0px;
	z-index: 90;
	position: absolute;
	left: 697px;
	top: 343px;
	font: 80% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025
}
#content{
	height: 212px;
	width: 117px;
	padding: 0px;
	z-index: 90;
	position: absolute;
	left: 697px;
	top: 343px;
	font: 80% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025
}

a,a:visited,a:link{
	color:#3b3025;
	text-decoration: none;
	font-weight: bold;	
}

a:hover{
	color:#3b3025;
	text-decoration: underline;
	font-weight: bold;	
}

/* VARIABLE CONTENT */

/* ETC */

#apollo{
	height: 524px;
	width: 250px;
	padding: 0px;
	background-image: url(images/apollo.png);
	background-repeat: no-repeat;
	z-index: -2;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -58px;
	top: -125px;
}

#etc-photo{
	height: 171px;
	width: 200px;
	padding: 0px;
	z-index: 6;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 214px;
	top: -19px;
}

#etc-portland{
	height: 153px;
	width: 207px;
	padding: 0px;
	z-index: 7;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 213px;
	top: 192px;
}

#etc-poems{
	height: 209px;
	width: 168px;
	padding: 0px;
	z-index: 7;
	margin-top: 182px;
	margin-left: 510px;
	position: absolute;
	left: 191px;
	top: 164px;
}

#etc-jetsam{
	height: 209px;
	width: 164px;
	padding: 0px;
	z-index: 7;
	margin-top: 382px;
	margin-left: 510px;
	position: absolute;
	left: 148px;
	top: -228px;
}


/* CONTACT */

#iris{
	height: 490px;
	width: 376px;
	padding: 0px;
	background-image: url(images/iris.png);
	background-repeat: no-repeat;
	z-index: 6;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -103px;
	top: -131px;
}

#contacts-email{
	height: 30px;
	width: 202px;
	padding: 0px;
	z-index: 10;
	background-image: url(images/contact-email.png);
	background-repeat: no-repeat;
	margin-top: 182px;
	margin-left: 210px;
	margin-bottom: 0px;
	position: absolute;
	left: 446px;
	top: -32px;
}

#contacts-post{
	height: 139px;
	width: 154px;
	padding: 0px;
	z-index: 10;
	background-image: url(images/contact-post.png);
	background-repeat: no-repeat;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 43px;
	top: 215px;
}

#contacts-content p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#contacts-content{
	height: 367px;
	width: 375px;
	padding: 0px;
	z-index: 5;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 288px;
	top: 0px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #3b3025;
}

/* BIO */

#dylan{
	height: 526px;
	width: 330px;
	padding: 0px;
	background-image: url(images/dylan.png);
	background-repeat: no-repeat;
	z-index: 4;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -93px;
	top: -137px;
}

#photos{
	height: 208px;
	width: 593px;
	padding: 0px;
	background-image: url(photos/pictures.jpg);
	background-repeat: no-repeat;
	z-index: 5;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 65px;
	top: 143px;
	}

#text{
	height: 181px;
	width: 589px;
	padding: 0px;
	z-index: 5;
	margin-top: 128px;
	margin-left: 210px;
	position: absolute;
	left: 78px;
	top: 17px;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #3b3025
}

/* COMICS */

#athena{
	height: 562px;
	width: 803px;
	padding: 0px;
	background-image: url(images/athena.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: -121px;
	margin-left: 81px;
	position: relative;
	z-index: -2;
/*
	position: absolute;
	left: -129px;
	top: -164px;
*/
}

#athena-shorts {
	height: 49px;
	width: 118px;
	padding: 0px;
	background-image: url(images/athena-shorts.png);
	background-repeat: no-repeat;
	z-index: 83;
	float: left;
	margin-top: -400px;
	margin-left: 720px;
	/*
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 511px;
	top: 0px;
	*/
}

#athena-shorts-links{
	height: 195px;
	width: 165px;
	padding: 0px;
	z-index: 82;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 492px;
	top: 52px;
}

#comics-familyman{
	height: 200px;
	width: 140px;
	padding: 0px;
	z-index: 80;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 174px;
	top: 11px;
}

#comics-familyman-text{
	height: 128px;
	width: 135px;
	padding: 0px;
	z-index: 81;
	position: absolute;
	left: 388px;	
	top: 394px;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #3b3025
}

#comics-go-familyman {
	height: 25px;
	width: 44px;
	padding: 0px;
	z-index: 92;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 264px;
	top: 315px;
}
	
#comics-biteme{
	height: 200px;
	width: 140px;
	padding: 0px;
	z-index: 81;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 331px;
	top: 11px;
}

#comics-biteme-text{
	height: 128px;
	width: 135px;
	padding: 0px;
	z-index: 81;
	position: absolute;
	left: 544px;
	top: 394px;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #3b3025
}

#comics-go-biteme{
	height: 25px;
	width: 44px;
	padding: 0px;
	z-index: 92;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 419px;
	top: 313px;
}

/* LINKS */

#hephaistus{
	height: 459px;
	width: 369px;
	padding: 0px;
	background-image: url(images/hephaistus.png);
	background-repeat: no-repeat;
	z-index: 4;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -133px;
	top: -83px;
}

#links{
	height: 376px;
	width: 411px;
	padding: 0px;
	z-index: 4;
	margin-top: 102px;
	margin-left: 210px;
	position: absolute;
	left: 237px;
	top: 45px;
	font: 70% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025
}

/* ART */

#aphrodite{
	height: 546px;
	width: 237px;
	padding: 0px;
	background-image: url(images/aphrodite.png);
	background-repeat: no-repeat;
	z-index: -2;
	/*
	float: left;
	margin-top: -580px;
	margin-left: 70px;
	clear:left;
	*/
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -131px;
	top: -156px;
}

#aphrodite-table{
	height: 387px;
	width: 192px;
	padding: 0px;
	z-index: 5;
	/*
	float: left;
	margin-top: -461px;
	margin-left: 280px;
	*/
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: 81px;
	top: -35px;
}

#aphrodite-table-bw{
	height: 387px;
	width: 195px;
	padding: 0px;
	z-index: 5;
	/*
	float: left;
	margin-top: -461px;
	margin-left: 480px;
	*/
	margin-top: 182px;
	margin-left: 410px;
	position: absolute;
	left: 81px;
	top: -35px;
}

#aphrodite-table-other{
	height: 303px;
	width: 186px;
	padding: 0px;
	z-index: 5;
	/*
	float: left;
	margin-top: -461px;
	margin-left: 680px;
	*/
	margin-top: 182px;
	margin-left: 410px;
	position: absolute;
	left: 282px;
	top: -35px;
}

#aphrodite-table-flickr{
	height: 72px;
	width: 121px;
	padding: 0px;
	z-index: 5;
	/*
	float: left;
	margin-top: -180px;
	margin-left: 680px;
	*/
	
	margin-top: 182px;
	margin-left: 410px;
	position: absolute;
	left: 285px;
	top: 269px;
}

#aphrodite-table-highres{
	height: 22px;
	width: 564px;
	padding: 0px;
	z-index: 5;
	/*
	margin-top: -80px;
	margin-left: 280px;
	float: left;
	left: -118px;
	top: 344px;
	position: absolute;
	margin-top: 182px;
	margin-left: 210px;
	left: -166px;
	top: -155px;
	*/
	margin-top: 182px;
	margin-left: 410px;
	position: absolute;
	left: -118px;
	top: 344px;
	background-image: url(../images/art-highres.png);
	background-repeat: no-repeat;
}



/* NEWS */

#hermes{
	height: 513px;
	width: 377px;
	padding: 0px;
	background-image: url(images/hermes.png);
	background-repeat: no-repeat;
	z-index: 4;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -166px;
	top: -155px;
}

#twitter_div{
	z-index: 3;
	position: absolute;
	margin-top: 182px;
	margin-left: 210px;
	left: 18px;
	top: 173px;
}

#appearances{
	z-index: 6;
	position: absolute;
	margin-top: 300px;
	margin-left: 210px;
	left: 29px;
	top: -124px;
	height: 167px;
	width: 162px;
	font-variant:small-caps;
	font-size:smaller;
}

#news-notecard{
	z-index: 3;
	position: absolute;
	margin-top: 402px;
	margin-left: 210px;
	left: 212px;
	top: -247px;
	width: 450px;
	height: 343px;
	padding: 0px;
	font: 80% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025;
	background-image: url(images/news-notecard.png);
	background-repeat: no-repeat;
}

#news-notes{
	z-index: 4;
	position: absolute;
	margin-top: 402px;
	margin-left: 210px;
	left: 234px;
	top: -233px;
	width: 387px;
	height: 302px;
	padding: 0px;
	font: 80% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025;
}

#news-morenotes{
	z-index: 4;
	position: absolute;
	margin-top: 402px;
	margin-left: 410px;
	left: 107px;
	top: 98px;
	width: 355px;
	height: 40px;
	padding: 0px;
	font: 80% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025;
	
}


/* STORE */

#hestia{
	height: 505px;
	width: 344px;
	padding: 0px;
	background-image: url(images/hestia.png);
	background-repeat: no-repeat;
	z-index: 4;
	margin-top: 182px;
	margin-left: 210px;
	position: absolute;
	left: -143px;
	top: -113px;
}

#store{
	height: 394px;
	width: 571px;
	padding: 0px;
	z-index: 5;
	margin-top: 182px;
	margin-left: 410px;
	position: absolute;
	left: -114px;
	top: -33px;
}

#success{
	height: 351px;
	width: 476px;
	padding: 0px;
	z-index: 5;
	margin-top: 182px;
	margin-left: 310px;
	position: absolute;
	left: -3px;
	top: 4px;
}

#comingsoon{
	height: 175px;
	width: 408px;
	padding: 0px;
	z-index: 5;
	margin-top: 182px;
	margin-left: 310px;
	position: absolute;
	left: 46px;
	top: -36px;
}

#meanwhile{
	height: 175px;
	width: 566px;
	padding: 0px;
	z-index: 5;
	margin-top: 182px;
	margin-left: 610px;
	position: absolute;
	left: -306px;
	top: 147px;
	font: 80% Georgia, "Times New Roman", Times, Serif;
	color: #3b3025;
}
#store-cartel{
	height: 376px;
	width: 273px;
	padding: 0px;
	background-image: url(store/images/store-cartel.png);
	background-repeat: no-repeat;
	z-index: 5;
	position: absolute;
	left: 303px;
	top: 167px;
}

#store-cartel a{
display:block;
height:100%;
width:100%;
}

#store-etsy{
	height: 364px;
	width: 269px;
	padding: 0px;
	background-image: url(store/images/store-etsy.png);
	background-repeat: no-repeat;
	z-index: 5;
	position: absolute;
	left: 620px;
	top: 181px;
}

#store-etsy a{
display:block;
height:100%;
width:100%;
}

#store-slash{
	height: 389px;
	width: 124px;
	padding: 0px;
	background-image: url(store/images/store-slash.png);
	background-repeat: no-repeat;
	z-index: 4;
	position: absolute;
	left: 559px;
	top: 152px;
}


/* Front Page */