/*Cascading Style Sheet for Gothic Fall site*/
/*Written by S. Gildert 2011*/


body {
background: #000000;
color: #333333;
padding: 0;
margin: 0;
font-family: "Times New Roman", serif;
}

/* ------- box model hack for compliance ------*/
/*body {*/
/*font-size:small;*/
/*voice-family: "\"}\"";*/
/*voice-family:inherit;*/
/*font-size:medium;*/
/*}*/


p {
color: #bbbbff;
font-size: small;
font-family: "Times New Roman", serif;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
padding:10px 25px 0 10px;
margin-top: 0;
margin-bottom: 1em;
}

html>body{
font-size:medium;}

/*------------------------------------------------*/


/*-----------------------------------
 ------------TEXT FORMATTING---------
 ------------------------------------*/

a {
color: #ccccff;
}


a img{
border: 0 transparent none;
}

/*heading1 - main title formatting with the underline thingy*/
h1 { 
color: #ffffff;
font-size: 90%;
margin: 0 35px 10px 0;
font-weight: bold;
font-family: "Times New Roman", serif;
border-bottom: 1px solid #777777;
}

/*heading2 - subheading formatting*/
h2 {
color: #8866bb;
font-size: medium;
font-weight: normal;
font-family: "Times New Roman", serif;
margin: 0 0 0 -20px;
padding-left:-50px;
}

/*heading3 - formatting*/
h3 {
color: #502080;
font-size: 70%;
font-weight: bold;
font-family: "Times New Roman", serif;
line-height: 15px;
padding-left:10px;
}

/*heading4 - formatting*/
h4 {
color: #ddaadd;
font-size: 60%;
font-family: "Times New Roman", serif;
text-align: center;
margin: -40px 0 0 0;
}

h4 a {
color: #ddaadd;
}


/*heading5 - formatting*/
h5 {
color: #500050;
font-size: 100%;
font-family: "Times New Roman", serif;
text-align: center;
background: none;
}

/*li {
color: #000000;
font-size: 80%;
font-style: italic;
font-weight: normal;
font-family: "Times New Roman", serif;
padding-left:0px;
padding-bottom:0px;
margin: 0px, 0px, 0px, 20px;*/


/*--------------------------------
 ------------CLASSES--------------
 ---------------------------------*/

.container {
cursor: pointer;
float: left;
width: 60px;
height: 80px;
padding: 0 3px 0 3px;
}

img.popupimage {
/*float: center;*/
margin: 10px 10px 10px 10px;
}

img.thumbformat {
margin: 0;
}

img.galleryformat {
text-align: left;
margin: 20px 20px 20px 0;
border: 5px solid #000000;
}

img.logoformatting {
padding: 10px;
}

img.emailbanner {
position: absolute;
top: 115px;
left:-25px;
}


/*--------------------------------
 --------------DIVS---------------
 ---------------------------------*/

#content {
position:absolute;
/*float:center;*/
height: 800px;
width: 1000px;
background: no-repeat url(images/background_whole.jpg);
padding: 0;
margin: 0;
}

#text {
position: absolute;
background-image: none;
top: 205px;
left: 190px;
height: 400px;
width: 660px;
padding: 0;
margin: 0;
overflow: auto;
border-bottom: 1px solid #505050;
}


#splitpage1 {
background: none;
float: left;
height: 345px;
width: 350px;
margin: 0;
padding: 10px 5px 5px 5px;
}

#splitpage1home {
background: none;
float: left;
height: 345px;
width: 350px;
margin: 0;
padding: 0 5px 5px 9px;
}

#splitpage2 {
position:absolute;
top:0;
left:380px;
background: none;
height: 380px;
width: 260px;
margin: 10px 0 0 0;
padding: 5px 5px 5px 5px;
overflow: auto;
}

#splitpage2home {
position:absolute;
top:0;
left:445px;
background: none;
height: 380px;
width: 200px;
margin: 10px 0 0 0;
padding: 5px 5px 5px 5px;
overflow: auto;
}

#splitpage3 {
position:absolute;
top:250px;
left:5px;
background: none;
width: 630px;
height: 100px;
/*float: center;*/
padding: 10px 0 0 0;
margin: 0;

}

#splitpage2 h2 {
text-align: center;
}

#contentwritings {
background: none;
width: 900px;
/*float: center;*/
padding: 10px 0 0 90px;
margin: 0 40px 0 120px;
}

#splitpagewritings1 {
background: none;
float: left;
width: 160px;
margin: 10px 0 20px 0;
padding: 0;
}


#containerouter {
width: 205px;
float: left;
margin-left:0;
padding: 0 0 0 5px;
}

#container {
cursor: pointer;
float: left;
width: 60px;
height: 80px;
padding: 0 3px 0 3px;
}

#containerempty {
float: left;
width: 60px;
height: 80px;
padding: 0 3px 0 3px;
}

#container2 {
cursor: pointer;
float: left;
width: 200px;
height: 270px;
padding: 0;
}

#container p {
text-align: center;
margin: -10px -10px 0 5px;
font-size: 50%;
}


#nextpagebuttons {
height: 50px;
width: 210px;
}

#next {
position:absolute;
top: 330px;
left:150px;
height: 55px;
width: 80px;
background: no-repeat url(images/next.jpg);
padding: 0;
margin: 0;
}

#pagenumber{
position:absolute;
top: 330px;
left:90px;
height: 55px;
width: 85px;
padding: 0;
margin: 0;
}

#previous{
position:absolute;
top: 330px;
left:20px;
height: 55px;
width: 100px;
background: no-repeat url(images/previous.jpg);
padding: 0;
margin: 0;
}


#clear {
clear: both;
}


#menu {
position:absolute;
top: 615px;
left: 164px;
height: 55px;
width: 696px;
}

#menuhome {
position: absolute;
height: 55px;
width: 87px;
}

#menuart {
position:absolute;
left:87px;
height: 55px;
width: 71px;
}

#menushop {
position:absolute;
left:158px;
height: 55px;
width: 217px;
}

#menudownloads {
position:absolute;
left:375px;
height: 55px;
width: 124px;
}

#menucontact {
position:absolute;
left:499px;
height: 55px;
width: 94px;
}

#menuportfolio {
position:absolute;
left:593px;
height: 55px;
width: 103px;
}


#homelink {
display:block;
width: 87px;
height: 55px;
background: url(images/sitelinks/home_button.jpg);
}
#homelink:hover {
background: url(images/sitelinks/home_button_hi.jpg);
}

#artlink {
display:block;
height: 55px;
width: 71px;
background: url(images/sitelinks/art_button.jpg);
}
#artlink:hover {
background: url(images/sitelinks/art_button_hi.jpg);
}

#shoplink {
display:block;
height: 55px;
width: 217px;
background: url(images/sitelinks/shop_button.jpg);
}
#shoplink:hover {
background: url(images/sitelinks/shop_button_hi.jpg);
}

#downloadslink {
display:block;
height: 55px;
width: 124px;
background: url(images/sitelinks/downloads_button.jpg);
}
#downloadslink:hover {
background: url(images/sitelinks/downloads_button_hi.jpg);
}

#contactlink {
display:block;
height: 55px;
width: 94px;
background: url(images/sitelinks/contact_button.jpg);
}
#contactlink:hover {
background: url(images/sitelinks/contact_button_hi.jpg);
}

#portfoliolink {
display:block;
height: 55px;
width: 103px;
background: url(images/sitelinks/portfolio_button.jpg);
}
#portfoliolink:hover {
background: url(images/sitelinks/portfolio_button_hi.jpg);
}

#profilepic {
background: none;
width: 230px;
height: 300px;
float: left;
padding: 20px 0 0 30px;
margin: 0 20px 0 0;
}

/*--------------------------------
 --------------JAVASCRIPT----------
 ---------------------------------*/