BODY {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
    color:#666;
    background-color:#FFF;
}

A {
	text-decoration: none;
    color: #F30;
}
A:HOVER {
	color: #000;
}

IMG {
border:0;
}

.inactive {
	color:#999;
}


#content {
    position:relative;
    margin-top:1em;
    margin-left:100px;
    width: 640px;
    padding-bottom:4em;
}
.stretcher {
    float: none;
    clear: both;
    line-height: 0px;
    height: 0px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.button {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #F30;
    color: #FFF;
}
.button:HOVER {
    background-color: #666;
    color: #FFF;
}


.leftbox {
    position:relative;
    width:400px;
    float:left;
    overflow:hidden;
}
.rightbox {
    width:220px;
    float:right;
}
.fullbox {
    float:none;
    clear:both;
}

.relatedbox {
    padding:10px;
    background-color:#F30;
    color:#000;
}
.relatedbox H3 {
    margin-top:0px;
}

.relatedbox A {
    color:#FFF;
}
.relatedbox A:HOVER {
    color:#000;
}
.relatedbox .button {
    background-color: #FFF;
    color: #000;
}
.relatedbox .button:HOVER {
    background-color: #000;
    color: #FFF;
}

.longtext {
    font-size: 0.95em;
    line-height: 1.4em;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}

.smaller {
    font-size: 0.8em;
    line-height: 1.4em;
}

.inset {
    margin-bottom: 1em;;
    margin-left: 40px;
}






/**************************************************************
MENU
**************************************************************/
.logo {
    background-color:#F30;/*#999;*/
    color:#FFF;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:1em;
    font-weight:bold;
}

.menu {
    background-color:#F30;/*#999;*/
    color:#FFF;
    padding-bottom:1em;
    /*border:1px solid #F30;*/
    font-size: 0.8em;
}
#footermenu {
    padding-top:1em;
    padding-bottom:1em;
    visibility: hidden;
}


.menu1 {
    clear:left;
    width:100px;
    float:left;
    padding-left:10px;
}
    html>body .menu1 {width:90px;} /* NOT FOR I.E. */

.menu2 {
    width:380px;
    float:left;
    border: 1px solid #FFF;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom:8px;
}
    html>body .menu2 {width:368px;} /* NOT FOR I.E. */

.menu3 {
    margin-left: 40px;
    float:left;
}

.logo A, .menu A {color:#FFF;display:block;}
.logo A:HOVER, .menu A:HOVER, .menu .selected {color:#000;}

.menu2 UL {margin-left:40px;margin-top:6px;margin-bottom:0px;padding:0px;}
.menu2 LI {list-style:none;margin-bottom:1px;}
.menu2 LI A {border-left:8px solid #FFF;padding-left:6px;letter-spacing:1px;display:inline;}
.menu2 LI A:HOVER {border-left:3px solid #000;padding-left:11px;}
.menu2 LI .selected {border-left:3px solid #FFF;padding-left:11px;}
.menu3 A {}




/**************************************************************
PAGE: films.php
**************************************************************/
#films .film {
    padding-bottom: 2em;
}
#films .film H1 {
    margin:0px;
    padding-top:10px;
    padding-bottom:0px;
}
#films .film .filminfo,
#films .film .awards,
#films .film .premiere {
    font-size: 0.7em;
    line-height:1.4em;
}
#films .film .filminfo {
    padding-bottom: 1em;
}

#films .film .location_year,
#films .film .techinfo {
    font-weight:bold;
}

#films div.collection {
border:1px solid #ccc;
padding:7px;
margin-bottom:7px;
}

#films div.collection div.sections {
margin-top:7px;
}



/**************************************************************
FILMHEADER
**************************************************************/
#filmheader {
    width: 640px;
    padding-bottom:1em;
    border-bottom:1px solid #CCC;
    margin-bottom:1em;
}

#filmheader H1 {
    margin-top: 0px;
}

#filmheader #filminfo {
    font-size: 0.7em;
    line-height:1.4em;
}

#filmheader .location_year,
#filmheader .techinfo {
    font-weight:bold;
}

#filmheader .filmmenu A {
    font-size: 0.8em;
    display:block;
}

#filmheader .filmmenu .selected {
color: #000;
}



/**************************************************************
PAGE: film.php
**************************************************************/
#film H1 {
    margin-top: 0px;
}

#film #filminfo {
    font-size: 0.7em;
    line-height:1.4em;
}

#film .location_year,
#film .techinfo {
    font-weight:bold;
}

#film .credits,
#film .commission,
#film .premiere,
#film .collection,
#film .awards {
    margin-top:1.6em;
}

#film .synopsis,
#film .statement {
    font-size: 0.95em;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    padding-bottom:8px;
    text-align:justify;
}

#film .synopsis H3,
#film .statement H3 {
    font-family: Arial, Helvetica, sans-serif;
}

#film #quotes,
#film #screenings,
#film #collection,
#film #awards {
    border-top:1px solid #CCC;
    margin-top:2em;
    font-size:0.9em;
    line-height:1.4em;
}

#film #quotes LI {
    list-style: none;
    margin-bottom: 2em;
}
#film #quotes P {
    text-align:justify;
}

#film #screenings .list {
    margin-bottom: 1em;
}

#film #relatedtexts {
    margin-top:2em;
    font-size:0.9em;
    line-height:1.4em;
}
#film #relatedtexts .list {
    margin-bottom: 1em;
}

.presspackbutton {
    width: 80px;
    margin-top:2em;
    margin-bottom:2em;
    border:1px solid #F30;
    padding:4px;
    text-align:center;
    line-height:1.2em;
}



/**************************************************************
PAGE: film_quotes.php
**************************************************************/
#film_quotes #quotes {
    font-size:0.9em;
    line-height:1.4em;
}

#film_quotes #quotes UL {
    padding:0px;
    margin:0px;
}


#film_quotes #quotes LI {
    list-style: none;
    padding-top:1em;
    padding-bottom: 2em;
    border-bottom:1px solid #CCC;
}
#film_quotes #quotes P {
    text-align:justify;
    font-family: Georgia, Arial, Helvetica, sans-serif;
}
#film_quote .quote {
}



/**************************************************************
PAGE: articles.php
**************************************************************/
#articles .fullbox {
}

#articles #shortcutbuttons {
margin-bottom:1em;
}


#articles .languagebox {
    padding:10px;
    border: 1px solid #CCC;
    margin-bottom:2em;
}
#articles .languagebox H2 {
    font-size: 0.8em;
    padding:0px;
    margin:0px;
    margin-bottom:1em;
}

#articles .categorybox {

}
#articles .categorybox H3 {
    margin:0px;
    padding:0px;
}
#articles .categorybox .list {
    font-size:0.8em;
    margin-bottom:2em;
    margin-top:1em;
}
#articles .categorybox .list .textbox {
    margin-bottom: 4px;
}
#articles .categorybox .list .textbox A {
    display: block;
    font-size:1.2em;
}



/**************************************************************
PAGE: screenings.php
**************************************************************/
#screenings #content {
    width:auto;
    padding-right: 60px;
}



/**************************************************************
PAGE: film_screenings.php
**************************************************************/
#film_screenings #content {
    width:auto;
    padding-right: 60px;
}



/**************************************************************
PAGE: news.php
**************************************************************/
#news .newsitem {
    border-top:1px solid #CCC;
    padding-bottom: 2em;
}
#news .newsitem H2 {
    font-size:1.2em;
    line-height:1.4em;
}

#news .newsitem .description {
    margin-bottom: 1em;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    text-align:justify;
}



/**************************************************************
PAGE: news.php
**************************************************************/
#news_item .othernews {
    border-top:1px solid #CCC;
    margin-top:2em;
}
#news_item .othernews A {
    display:block;
}



















/**************************************************************
SLIDESHOW
**************************************************************/
.slideshow {
    position: relative;
    width: 380px;
    height: 390px;
}
.slideshow .slide {
    z-index: 2;
    position: relative;
    height:304px;
    overflow: hidden;
    background-color: #000;
}
.slideshow .slide IMG {
    height: 304px;
    width: 380px;
}

.slideshow .slide .front {
    position:absolute;
    z-index: 2;
}
.slideshow .slide .back {
    position:absolute;
    z-index: 1;
}
.slideshow .thumbnails {
    z-index: 1;
    position: relative;
    top: 0px;
}
.slideshow .thumbnailcontainer {
    position: relative;
    /*overflow: hidden;*/
    height: 60px;
    width:380px;
    top: 1px;
    background-color: #FFF;
}
.slideshow .thumbnailcontainer IMG {
    float: left;
    height: 30px;
    margin: 0px;
    padding:0px;
}
.slideshow .thumbnails .slideshowcontroller {
    background-color: #FFF;
    position: relative;
    float: none;
    clear: both;
    padding: 8px;
}
.slideshow .thumbnails .slideshowcontroller A {
    color: #000;
    text-decoration: none;
}
.slideshow .thumbnails .slideshowcontroller A:HOVER {
    color: #F30;
}
.slideshow .dropshadow {
    position: absolute;
    z-index: 2;
}
.slideshow .slider {
    position: absolute;
    z-index: 1;
    background-color: #EEE;
}
.drop {
    position: relative;
    height: 1px;
    width: 380px;
    overflow: hidden;
    background-color: #000000;
}
.drop {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}
#openbutton {
    height:0px;
}