/*
A fantastical exploration in CSS.
Matthew Braga. Revised September, 2011.
*/


/*
These are basic guidelines for font, colour and style.
*/

body { 
background:#fff;
font-family: Baskerville, "Times New Roman", sans-serif;
font-weight: 100;
}

.content a { 
color: #999; 
}

a { 
text-decoration: none; 
color: #000; 
}

h2 {
font-size: 45px;
text-align: center;
font-weight: 100;
}

.border {
border-top-style: solid; 
width: 50px; 
margin: 30px auto; 
border-width: 1px;
}


/*
This is where the actual structure for the site begins
*/

#test {height: 666px; position: relative;}

#wrapper { 
width: 999px; 
margin: 50px auto 0 auto;
position: relative; 
}

#overlay {
width: 383px;
height: 667px;
background-color: #000;
position: absolute;
top: 0px;
left: 308px;
opacity: 0.85;
}


/*
This is formatting for all of the text within the black transparent overlay 
*/

.content { 
text-align: center; 
color: #fff; 
}

.content.head {
margin-top: 60px;
}



.content.about, .content.audiovideo { 
margin: 0 60px 0 60px; 
}

.content.home p { 
margin: 0 82px 0 82px; 
}


/*
Important. This blanks out other divs when the site loads, until clicked upon
*/

.content.about, .content.writing, .content.audiovideo, .two, .three { display: none; }


/*
This code deals with the portfolio-specific formatting on the writing page
*/


.folio a {
cursor: pointer;
}

.folio {
width: 100%; text-align:center; 
position: absolute; 
bottom: 45px;
}

.historyleft { 
float: left; 
width: 70px; 
border-right: #fff dotted 1px; 
margin: 0 0 0 40px; 
text-align: left; 
}

.historyright { 
float: left; 
text-align: left; 
margin: 0 0 0 15px;
width: 250px;
}

/*
Finally, this is code for the navigation bar at the very bottom of the page
*/

.nav {
margin-top: 10px;
height: 80px;
cursor: pointer; 
width: 999px;
position: absolute; 
text-align: center; 
}