body 
{
background:#000000;
position: relative;
margin: 0px;
padding: 0px;
}

/* ---- do not show image links ----- */

a {
   outline: 0;
}

img 
{ border:none; }

/* ---- do not show text links ----- */
a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}

/* ---- custom font ----- */
@font-face {
	font-family: gothic_font1;
	scr: url('../fonts/gothic_font1.eot') format('embedded-opentype');
	src: url('../fonts/gothic_font1.ttf') format("truetype");
}

/* ---- normal font text ----- */
.h1
{
font-size:19px;
font-family: gothic_font1, Times New Roman, Verdana;
}

/* ---- large font for titles ----- */
.h2
{
font-size:25px;
font-family: gothic_font1, Times New Roman, Verdana;
text-align: center;
}

/* ---- align image for art page ----- */
.art_center {
width: 360px;
height: 160px;
margin-left: 80px;
}

/* ---- sidebaners for individual pages ----- */
#index_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_index.png');
}

#bio_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_bio.png');
}

#interests_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_interests.png');
}

#art_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_art.png');
}

#music_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_music.png');
}

#writers_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_writers.png');
}

#video_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_video.png');
}

#nightbreed_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_nightbreed.png');
}

#haunts_bg {
height: 800px;
width: 200px;
position: absolute;
top: 50px;
left: 30px;
background-image: url('images/sidebanner_haunts.png');
}

/* ----  end of sidebaners ----- */


/* ---- space above main content ----- */
#top {
width: 800px;
height:20px;
margin: 0 auto;
}

/* ---- text for form page ----- */
.text_form {
text-decoration: none;
color: black;
text-align: center;
}

/* ---- main content ----- */
#main {
width: 800px;
border-style: hidden;
height: 1100px;
margin: 0 auto;
}

/* ---- back to index button ----- */
#back_to_main {
width: 150px;
height: 50px;
background-color: black;
margin-left: 440px;
margin-top: 40px;
}

/* ---- main menu ----- */
#menu {
width: 150px;
height: 580px;
margin: 0 auto;
margin: 5px white;
background-image: url('images/menu1.png'); 
position: relative;
float: left;
left: 10px;
}

/* ---- positions menu correctly ----- */
#menu_bio {
width: 130px;
height: 50x;
float: left;
margin: 0 auto;
top: 10px;
margin-left: 10px;
margin-top: 150px;
}

/* ---- main menu buttons ----- */
.menuinside {
width: 130px;
height: 50px;
float: left;
margin-top: 5px;
margin: 0 auto;
margin-left: 10px;
}

/* ---- hidden text beneath menu ----- */
#below_menu_text {
width: 180px;
height: 50px;
float:left;
position: absolute;
top: 700px;
margin-left: 15px;
font-family:"Times New Roman", Times, serif; color:#333333;
}

/* ---- positions menu correctly for index page ----- */
#below_menu_text2 {
width: 180px;
height: 50px;
float:left;
position: absolute;
top: 850px;
margin-left: 15px;
}

/* ---- position art page correctly ----- */
#center_bg_art{
width: 550px;
height: 600px;
background-image: url('images/content_background.png'); 
float: right;
margin-top: 20px;
}

/* ---- position art page correctly ----- */
#center_bg_haunts{
width: 550px;
height: 600px;
background-image: url('images/content_background.png'); 
float: right;
margin-top:20px;
}

/* ---- positions art page correctly ----- */
#center_main_art {
height: 500px;
width: 480px;
margin-top: 20px;
margin-left:20px;
padding: 10px;
overflow: auto;
}

/* ---- center of contact page ----- */
#center_contact {
margin-top: 40px;
width: 460px;
padding: 30px;
height: 430px;
overflow: auto;
}

/* ---- positions contact page correctly ----- */
#center_main_contact {
width: 200px;
height: 300px;
float: left;
margin-left: 80px;
padding: 50px;
}

/* ---- a picture of me ----- */
#picture_tophat {
width: 150px;
height: 200px;
border: 10px solid black;
margin-left: 20px;
margin-top: 15px;
background-image: url('images/me.png');
float: right;
}

/* ---- a picture of me on the other side of the scroll ----- */
#picture_tophat2 {
width: 150px;
height: 200px;
border: 10px solid black;
margin-right: 20px;
margin-top: 15px;
background-image: url('images/me.png');
float: left;
}

/* ---------- footer --------- */

#footer {
width: 500px;
height: 70px;
margin: 0 auto;
background-image: url('images/footer_background.png');
padding: 20px;
float: right;
margin-top: 50px;
position: relative;
}

/* ---------- space below footer --------- */
#belowfooter {
width: 500px;
height: 32px;
margin: 0 auto;
position: relative;
float: right;
text-decoration: none;
color: white;
}

/* ---------- socialmedia buttons --------- */
.socialmedia {
width: 71px;
height: 71px;
margin: 0 auto;
position: relative;
float: left;
margin-right: 20px;
position: relative;
}

/* ---------- positions social media buttons correctly  --------- */
#footer_content {
position: absolute;
margin-left: 30px;
margin-top: 0px;
}

#menu ul {
list-style-type: none;
}

#menu ul li {
width: 100px;
float: left;
bottom: 10px;
left: 20px;
}

#menu ul li a {
text-decoration: none;
color: white;
}

#validate {
float: right;
}

#copy {
text-align: left;
}



.invisible {display:none}


/* ---------- scrollbar --------------------------------------------------------------------- */

#background_content
{
width: 550px;
height: 600px;
background-image: url('images/content_background.png'); 
float: right;
margin-top: 20px;
}	 	 

/* ---------- align text left  --------- */
.text_left {
text-align: left;
}

/* ---------- align text center  --------- */
.text_center {
text-align: center;
}

/* ---------- align text right  --------- */
.text_right {
text-align: right;
}

/* ---------- align center  --------- */
#center_align {
height: 280px;
width: 350;
width: 350;
margin-left: 70px;
}

/* ---------- scrollbar  --------- */
.css-scrollbar.simple
{
width: 480px;
margin: 50px;
height: 500px;
float: right;
}

/* ---------- scrollbar2  --------- */
.css-scrollbar.simple2
{
width: 480px;
margin: 50px;
height: 450px;
float: right;
}