body {
background-color: #c2c2c2;
font-family: arial, sans-serif;
}

a:link { text-decoration: none; font-weight: bold; color:#000000 }
a:hover { text-decoration: none; font-weight: bold; color:#7b7b7b }
a:visited { text-decoration: none; font-weight: bold; color:#000000 }
a:visited:hover { text-decoration: none; font-weight: bold; color:#7b7b7b }
a:active { text-decoration: none; font-weight: bold; color:#7b7b7b }

#container {
background-image: url('images/bg.jpg');
position: absolute;
width: 900px;
height: 600px;
left: 50%;
margin-left: -450px;
}

#title {
position: absolute;
left: 215px;
top: 0px;
}

#titlephoto {
position: absolute;
left: 163px;
top: 97px;
}

#paper {
position: absolute;
left: 580px;
top: 79px;
}

#titletext {
position: absolute;
left: 605px;
top: 88px;
width: 200px;
text-align: right;
font-size: 11pt;
}

/* about.php */

#abouttext {
position: absolute;
left: 176px;
top: 104px;
width: 528px;
font-size: 10pt;
}

#abouttext2 {
position: absolute;
left: 176px;
top: 230px;
width: 441px;
font-size: 10pt;
}

.abouttitle {
font-size: 30pt;
font-weight: bold;
}

/* writings.php */

#writingstext {
position: absolute;
left: 176px;
top: 104px;
width: 500px;
font-size: 12pt;
}

/* buttons */

#blog {
position: absolute;
left: 29px;
top: 129px;
}

#about {
position: absolute;
left: 29px;
top: 195px;
}

#photos {
position: absolute;
left: 29px;
top: 261px;
}

#writings {
position: absolute;
left: 23px;
top: 329px;
}

#expeditions {
position: absolute;
left: 23px;
top: 346px;
}

#contact {
position: absolute;
left: 29px;
top: 400px;
}


/* photos */

#peoplebut {
position: absolute;
left: 163px;
top: 96px;
}

#placesbut {
position: absolute;
left: 374px;
top: 96px;
}

#partiesbut {
position: absolute;
left: 601px;
top: 96px;
}

#photocapbg {
position: absolute;
left: 613px;
top: 538px;
}

#photocap {
position: absolute;
left: 622px;
top: 544px;
width: 193px;
font-size: 11pt;
text-align: center;
}

#photocapbg2 {
position: absolute;
left: 537px;
top: 538px;
}

#photocap2 {
position: absolute;
left: 552px;
top: 542px;
width: 265px;
font-size: 10pt;
text-align: center;
}

#phototext {
position: absolute;
left: 201px;
top: 415px;
width: 628px;
font-size: 10pt;
}

#photo {
position: absolute;
left: 163px;
top: 98px;
}

#thumb1 {
position: absolute;
left: 817px;
top: 93px;
}

#thumb2 {
position: absolute;
left: 817px;
top: 149px;
}

#thumb3 {
position: absolute;
left: 817px;
top: 205px;
}

#thumb4 {
position: absolute;
left: 817px;
top: 261px;
}

#thumb5 {
position: absolute;
left: 817px;
top: 317px;
}

#thumb6 {
position: absolute;
left: 817px;
top: 373px;
}

#thumb7 {
position: absolute;
left: 817px;
top: 429px;
}

#thumb8 {
position: absolute;
left: 817px;
top: 485px;
}


/* rollovers */

#contactroll {
display: none;
position:absolute;
left: 0px;
top: 0px;
}

#contactroll1 {
position: absolute;
left: 4px;
top: 3px;
}

#contactroll2 {
position: absolute;
left: 163px;
top: 38px;
}

#photosroll {
display: none;
position: absolute;
left: 15px;
top: 19px;
}

#expeditionsroll {
display: none;
position: absolute;
left: 12px;
top: 10px;
}

#blogroll {
display: none;
position: absolute;
left: 3px;
top:10px;
}

#aboutroll {
display: none;
position: absolute;
left: 17px;
top: 21px;
}

#writingsroll {
display: none;
position: absolute;
left: 12px;
top: 10px;
}