/* body attributes */

html {
	height: 100%; 
	width: 100%; 
}

body {
	font-family: Arial, sans-serif; 
	font-weight:normal; 
	font-size: 36px; 
	color: #dedede; 
	line-height: 150%;
	background-color: #333;
	background-image: linear-gradient(to bottom, black, #333);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
}

a:link, a:visited {
	color: #dedede;
	text-decoration: none;
}
a:active, a:focus, a:hover {color: #fff;}

.copy {font-size: 12px; color: #ccc; line-height: 110%;}

/* header attributes */

div#header {
	position: fixed;
	left: 25px;
	top: 10px;
	height: 60px;
	width: 95%;
	text-align: left;
	z-index: 10;
}

img#headerimage {float: left;}

/* menu */
div#menu {
	top: 75px;
	height: 60px;
	left: 25px;
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:linear-gradient(to bottom, #222222 5%, #666666 100%);
	background-color:#222222;
	border-radius:5px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.myButton:hover {
	background:linear-gradient(to bottom, #222222 5%, #666666 100%);
	background-color:#222222;
}
.myButton:active {
	position:relative;
	top:0px;
}

.social {
	position: relative;
	top: 10px;
}

@media (max-width:1020px) {
	div#menu {clear: left;}
}

/* 																													index page attributes */

div#indexbody {
	position: absolute;
	left: 25px;
	top: 90px;
	width: 90%;
	max-width: 1275px;
	height: 90%;
	overflow: hidden;
	background: url(graphics/pacific_octopus.gif) left bottom no-repeat; 	
	background-size: auto 90%;
}

/*																															artist page attributes*/

div#artistbody {
	position: absolute;
	left: 25px;
	top: 90px;
	width: 90%;
	height: 90%;
	overflow: hidden;
	background-size: auto 90%;
}

div#floattext {
	position: relative;
	left: 30%;
	top: 20%;
	width: 40%;
	height: 90%;
}

div#floattext2 {
	position: relative;
	left: 50%;
	top: 15%;
	width: 40%;
	height: 80%;
}

div#floattextlong {
	position: relative;
	left: 10%;
	top: 10%;
	width: 75%;
	height: 90%;
	overflow: auto;
}

img#splash {
	position: relative;
	top: 0;
	left: 0;
	height: 90vh;
	z-index: -1;
}

img#splashtext {
	position: relative;
	float: right;
	z-index: 1;
	top: 50vh;
}

/* 																																footer */

div#footer {
	position: fixed;
	top: 95%;
	left: 25px;
	clear: both;
}

/*                                                                                                  image attributes*/

img.thumbsize {
	width: 100px;
	border: 0;
	padding: 10px;
}

a#thumbclick {
	
}

img.midsize {
	position: relative;
	height: 25vh;
	max-height: 400px;
	left: 25px;
	top: 30px;
	border: 0;
	border-radius: 10px;
	padding: 0;
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}

div.imagearea {
	position: absolute;
	left: 400px;
	top: 100px;
	max-width: 900px;
	overflow: auto;
	text-align: center;
}

div.thumbnailbox {
	position: absolute;
	left: 10px;
	top: 100px;
	width: 300px;
	height: 80%;
	overflow: scroll;
}


/* 																																		misc page attributes */

div#miscbody {
	position: absolute;
	left: 25px;
	top: 90px;
	height: 95%;
	max-width: 1275px;
	overflow: hidden;
	background-size: auto 90%;
}

/*																																				art page attributes*/

div#artpage {
	position: absolute;
	left: 25px;
	top: 90px;
	height: 90%;
	max-width: 1275px;
}

table td {
	padding: 15px;
	overflow-y: auto;
}