/*globals*/

form .box {
font: normal 10px courier;
height:12px;
margin: 0 5px 0 0;
}

form .button {
font: normal 10px impact, helvetica, sans serif;
}

form {
font: normal 9px impact, helvetica, sans serif;
margin: 3px 10px 10px 0;
}


body {
background: #000;
padding: 0;
margin left: 15px;
color: #fff;
font: normal 14px courier;
}

p {
margin:10px;
}

.counter {
font: normal 12px impact, helvetica bold, sans-serif bold;
color: #333;
margin-top: 15px;
}

/*styles*/

#enterbutton a{
width:512px;
height:351px;
}

#enterbutton a img{
visibility: hidden;
border: 0;
}

#enterbutton a:hover img{
visibility: visible;
}

#mainquote {
width: 800px;
font: normal 24px/24px impact, helvetica bold, sans-serif bold;
}


/* menu br */

#menubar {
width: 100%;
margin: 0;
}


/* timpope title */

#timtitle {
float: left;
}


/* menu */

#menu {
margin: 0;
padding: 0;
list-style: none;
float: left;
} 

#menu li {
height: 40px;
margin-right:5px; 
float:left;
text-align: center; 
}

#menu a {
line-height: 25px;
text-indent: -1500px; 
display: block;
}

#menu .home a {
width: 50px;
background-image: url(images/nav/home.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

}

#menu .home a:hover {
background-image: url(images/nav/home_over.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#menu .bio a {
width: 32px;
background-image: url(images/nav/bio.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

}

#menu .bio a:hover {
background-image: url(images/nav/bio_over.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#menu .films a {
width: 47px;
background-image: url(images/nav/films.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

}

#menu .films a:hover {
background-image: url(images/nav/films_over.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#menu .contact a {
width: 65px;
background-image: url(images/nav/contact.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

}

#menu .contact a:hover {
background-image: url(images/nav/contact_over.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#menu .ramblings a {
width: 85px;
background-image: url(images/nav/ramblings.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

}

#menu .ramblings  a:hover {
background-image: url(images/nav/ramblings_over.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#menu .trees a {
width: 48px;
background-image: url(images/nav/trees.gif);
background-repeat: no-repeat;
background-position: 50% 50%;

}

#menu .trees  a:hover {
background-image: url(images/nav/trees_over.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#menu a:link, #menu a:visited {
text-decoration: none;
}