/* basic -------------------------------- */
* {
margin: 0;
padding: 0;
border: 0 solid;
}
body {
background: #FFCC66;
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
a {
color: #FF0000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0 none;
}
h1, h2, h3 {
font-family: Arial, Geneva, sans-serif;
color: #000;
background: transparent;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}

.loginLabel {
font-size: 0.8em;
vertical-align: text-top;
}
.loginField {
background: #FFFF99;
border: 1px #FF6600 solid;
margin: 4px;
}
.loginButton {
background: #FF6600;
color: #FFFFFF;
}

#main {
width: 750px;
background-color: #FFFFFF;
border-left: #999999 solid 1px;
border-right: #999999 solid 1px;
margin-left: auto;
margin-right: auto;
}

/* header -------------------------------------- */
#header {
padding: 10px 0 0 0;
text-align: center;
}
#poster img {
border-top: #FFFF00 solid 5px;
border-bottom: #FFFF00 solid 5px;
}

/* navigation bar -------------------------------- */
#nav {
width: 100%;
text-align: right;
}
#nav a {
text-decoration: none;
padding: 3px 20px;
line-height: 1.5em;
font-weight: bold;
color: #000000;
}
#nav a:hover {
background: #FFFF00;
text-decoration: blink;
}
.navselected {
background: #FFFF00; 
}

/* content -------------------------------------- */
#content {
text-align: center;
}

.sample {
width: 350px;
float: left;
text-align: left;
font-size: 0.7em;
padding: 10px;
margin: 10px 0;
}
.sample h3 {
font-size: 1.2em;
}
.sample img , .img {
float: left;
border: 1px #666666 solid;
margin-right: 1em;
margin-bottom: 0.5em;
}
.sample p {
margin-bottom: 0.5em;
}

.teaser {
display: block;
clear:both;
width: 90%;
padding: 8px;
margin: 10px auto;
background:#FFCC66;
border: 2px solid #FF9900;
font-size: 12px;
color: #000000;
}
.teaser a {
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: bold;
color: #FF3300;
text-decoration: underline;
letter-spacing: -1px;
display: block;
}

.bookmark {
display: block;
clear:both;
width: 90%;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #000000;
padding: 8px;
margin: 10px auto;
border: 4px dotted #FF0000;
}
.bookmark a {
color: #FF0000;
}

.blogentry {
font-size: 0.8em;
padding: 10px 30px 10px 30px;
border-bottom: 1px #FF4BED dashed;
}
.blogentry img {
border: 1px #FF4BED solid;
}

.joinpage {
width: 750px;
padding: 10px;
background-color: #FFFFFF;
}
.joinpage img {
border: 1px #666666 solid;
margin: 3px;
}

.map {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
margin: 10px 10px 20px 10px;
}
.map td {
vertical-align: top;
}
.map h3 {
color: #006600;
margin-top: 7px;
margin-left: 40px;
}
.map ul {
margin-top: 3px;
margin-left: 40px;
}
.map a {
color: #0000FF;
font-weight: bold;
}


#updates {
width: 680px;
margin: 10px auto;
}

.updategallery {
float:left;
width: 310px;
border: 1px #EEEEEE solid;
background: #FFFF99;
margin: 10px;
padding: 10px 0px 5px 0px;
}

.galleryposters {
margin: 30px auto;
width: 710px;
}
.galleryposters div {
float:left;
width: 222px;
border: 1px #EEEEEE solid;
background: #FFFF99;
margin: 5px;
padding: 10px 0px 5px 0px;
}
.galleryposters img , .updategallery img {
border: 1px #666666 solid;
}
.galleryposters p , .updategallery p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0000FF;
margin: 5px 0 0 0;
}




.updatemovie {
float:left;
width: 310px;
border: 1px #0000EE solid;
background: #000000;
margin: 10px;
padding: 10px 0px 5px 0px;
}

.movieposters {
margin: 30px auto;
width: 680px;
}
.movieposters div {
float:left;
width: 310px;
border: 1px #0000EE solid;
background: #000000;
margin: 10px;
padding: 10px 0px 5px 0px;
}
.movieposters a img , .updatemovie a img {
}
.movieposters p img , .updatemovie p img {
float:left;
margin: 0 5px 5px 5px;
}
.movieposters p , .updatemovie p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin: 5px 5px 0 0;
}


.register {
clear: both;
margin: 30px 20px;
padding: 30px 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0000FF;
}


.story {
text-align: left;
font-size: 10px;
padding: 10px;
color: #666666;
}

.terms {
font-size: 0.7em;
color: #666666;
text-align: left;
padding: 40px;
}
.terms a {
color: #666666;
}

.support {
font-size: 0.7em;
color: #000000;
text-align: left;
padding: 40px;
}

#bbar {
clear: both;
}

/* footer -------------------------------------- */
#footer {
padding: 15px;
text-align: center;

}

.bottomnav {
font-size: 0.7em;
font-weight: normal;
color: #999999;
margin-bottom: 10px;
}
.bottomnav a {
font-weight: bold;
color: #0000FF;
}


.legal {
font-size: 0.6em;
color: #999999;
}
.legal a {
color: #999999;
}

/* helper -------------------------------------- */
.spacer {
height: 200px;
}


.starter {
width: 300px;
border: #FFFF00 3px solid;
background: #FFFFBB;
padding: 10px;
font-size: 0.8em;
}