body { padding: 0; margin: 0; background-color: #1F2E3A; height: 100% }
body, td { font-family: Arial, Verdana, sans-serif; font-size: 80%; color: #A1ACB5 }

.nobr { white-space: nowrap }
img { border: 1px solid #000000 }
h1 { clear: left; font-size: 150%; font-weight: normal; text-transform: uppercase; margin: 0; padding: 1.5em 0 1em 0 }
h2 { clear: left; margin: 0; padding: 2em 0 1em 0; font-size: 140% }
p img { float: left; margin: 0 1ex 0.5ex 0 }

a { color: #6390B5; text-decoration: underline }
a:hover { color: #70A3CD; text-decoration: none }

.topbg { background: #020305 url('/i/bg/top.jpg') repeat-x left bottom }

#icons ul { margin: 1em; padding: 0 }
#icons ul li { list-style-type: none; display: inline }
#icons ul li img { border: 0 }

#screen { border-width: 0 1em 1em 1em; border-style: solid; border-color: #22242A; background-color: #000000 }

#spectators { background: #000000 url('/i/bg/spectators.jpg') no-repeat center }
#spectators table tr td { background-color: #212226; height: 0.4em }

#menu { padding: 0 1em 1em 1em; background-color: #212226 }
#menu table tr td {
	background-color: #27292E;
	color: #AD9F01;
	text-align: center;
	font-weight: bold;
	font-size: 75%;
	text-transform: uppercase
}
#menu table tr td a { color: #FFFFFF; text-decoration: none; white-space: nowrap; padding: 1em }
#menu table tr td a:hover { text-decoration: underline }
.mbg { background: #1F2E3A url('/i/bg/bmenu.gif'); padding-bottom: 1em }
.mbg table tr td { background-color: #212226; background-repeat: repeat-y; height: 100% }
.lmbg table tr td { background-image: url('/i/bg/lmbg.jpg') }
.rmbg table tr td { background-image: url('/i/bg/rmbg.jpg'); background-position: right top }

.film-sessions { margin: 2em 0; padding: 0 }
.film-sessions li { list-style-type: none; display: inline; margin: 0 1ex; font-weight: bold }
.film-sessions .now { color: #FFFFFF; font-weight: normal }

.tdleft { padding: 0 2em 0 4em }
.left { width: 4em }
.b1, .b1r { color: #FFFFFF }
.b2, .b2r { color: #D0D5DA }
.b1, .b2, .b3 { padding-right: 1ex; font-size: 220% }
.news { padding: 0 8em 1.5em 0 }
a.big { display: block; margin: 0 1ex 1em 0; font-size: 110%; font-weight: bold; text-decoration: none; text-transform: uppercase }

.cont, .main_cont { background: #1F2E3A url('/i/bg/content.jpg') repeat-x; padding-top: 0.5em; padding-bottom: 6em }
.main_cont { padding: 0 15em }
.cont_right { padding-right: 4em }
.main_cont p { clear: right }
.announcement { float: left; width: 200px; height: 285px; margin: 1em 1.5em 1em 0 }
.announcement a div { float: left; padding: 0 0 19px 0; background: url('/i/bg/a-t.gif') repeat-x left bottom; margin-bottom: -10px; //margin-bottom: 0 }
.announcement a span { display: block; clear: left; //margin-top: -10px; }

.bottom { background: #1F2E3A url('/i/bg/body.jpg') repeat-x left bottom; padding-bottom: 2em; font-family: Verdana, Arial, sans-serif; font-size: 60%; letter-spacing: 0.2ex }
.bottom a { text-decoration: none }
.bottom div { float: left; padding: 1em 4em 1em 1em; background-color: #27292E }
br.explorer { //display: block; //margin: 0 0 1em 0 }

@media all and (min-width: 0px){
	.bottom { font-size: 65% }
}
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-table }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }