/*****************************************************************************
  layout 
 *****************************************************************************/

html, body { margin: 0; padding: 0; height: 100%; }
body { background: url(/img/body-pat.gif) top left; font-family: Tahoma, Arial, Georgia; color: #000000; }

.layout-header { margin: 0; padding: 0; height: 298px; background: url(/img/header.jpg) top center no-repeat; }
.layout-header span { display: block; position: relative; top: 263px; text-align: center; color: #000000; }
#about { background-image: url(/img/header-about.jpg); height: 208px; }
.layout-header#about span { display: none; }

#layout-body { background: url(/img/body-shad.gif) top left repeat-x; height: 100%; width: 100%; text-align: center; }
#layout-content { text-align: left; width: 736px; margin: 0 auto 0 auto; }
#layout-footer { text-align: center; height: 81px; background: url(/img/footer.gif) top left no-repeat; margin-bottom: 42px; padding-top: 16px; font-size: 70%; }
#layout-menu { height: 46px; background: url(/img/menu/bg.gif) top center no-repeat;}
#layout-menu ul { padding: 14px 0 0 102px; margin: 0; height: 16px; list-style-type: none;}
#layout-menu li { margin: 0 5px 0 5px; padding: 0; height: 16px; list-style-type: none; float: left; }
#layout-menu li a { height: 16px; display: block; background-position: top center; background-repeat: no-repeat; }
#layout-menu a.sel { background-position: 0 -16px; }

.promo {
    height:150px;
    text-align:center;
}

#layout-partners {
	/*height: 153px;
	background: url(/img/partners/bg.gif) top center no-repeat;
	text-align: center;*/
	background: #000;
	text-align: center;	
}
#layout-partners a {
	display: block;
	text-align: center;	
}
#layout-partners img { margin: 8px 10px 0 10px; }

#layout-menu-main a { width: 81px; background-image: url(/img/menu/main.gif); }
#layout-menu-main a:hover { background-position: 0 -16px; }

#layout-menu-about-us a { width: 62px; background-image: url(/img/menu/about-us.gif); }
#layout-menu-about-us a:hover { background-position: 0 -16px; }

#layout-menu-festivals a { width: 103px; background-image: url(/img/menu/festivals.gif); }
#layout-menu-festivals a:hover { background-position: 0 -16px; }

#layout-menu-films a { width: 84px; background-image: url(/img/menu/films.gif); }
#layout-menu-films a:hover { background-position: 0 -16px; }

#layout-menu-tickets a { width: 74px; background-image: url(/img/menu/tickets.gif); }
#layout-menu-tickets a:hover { background-position: 0 -16px; }

#layout-menu-forum a { width: 69px; background-image: url(/img/menu/forum.gif); }
#layout-menu-forum a:hover { background-position: 0 -16px; }

#layout-menu li a span { display: none; }


#layout-text { background: url(/img/text-bg.gif) top center repeat-y; }
#layout-text-cont { overflow: auto; padding-top: 8px; background: url(/img/text-bg-shad.gif) top center no-repeat; }
.layout-text-center { text-align: center; }

/* for ie*/
#layout-text-cont { _height: 1px; _overflow: visible; }
/**/

#layout-text-cols,
#layout-text-cols-double { overflow: auto; margin: 0 21px 0 21px; background: url(/img/text-cols.gif) top right repeat-y #ffffff; }

/* for ie*/
#layout-text-cols,
#layout-text-cols-double { _height: 1px; _overflow: visible; }
/**/

#layout-text-cols-double { background-image: none; }
#layout-text-cols-double .layout-left { float: none; width: auto; }
#layout-text-cols-sep,
#layout-text-cols-sep-double { font-size: 0; height: 13px; background: url(/img/text-cols-sep.gif) top center no-repeat; }
#layout-text-cols-sep-double { font-size: 0; background-image: url(/img/text-cols-sep-double.gif) }

#layout-text-cols-double h2 { margin: 11px; background: top left no-repeat; }

.layout-hsep { height: 1px; background: url(/img/h-sep.gif) top left repeat-x; clear: both; font-size: 0; }
.layout-left { float: left; width: 340px; }
.layout-right { float: right; width: 340px; }

.layout-left h2 { margin: 11px; float: left; background: top left no-repeat; width: 184px; height: 21px; }
.layout-right h2 { margin: 11px; float: right; background: top right no-repeat; width: 184px; height: 21px; }

.layout-left .layout-hsep,
.layout-right .layout-hsep { margin: 13px; }

/* for ie*/
.layout-left .layout-hsep,
.layout-right .layout-hsep { _margin-top: 0; }
/**/

.layout-right .layout-hsep { background-image: url(/img/h-sep-r.gif) }
#layout-text-cols-double .layout-text { padding: 0 13px 13px 13px; }

/*****************************************************************************
  markup
 *****************************************************************************/

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a:link,
a:hover,
a:visited { color: #896f2b; }
a:hover { color: #cb340b; }
h2 span { display: none; }
blockquote { text-align: justify; }
/*p { text-align: left; }*/
img { border: none; }

h2#cap-about { background-image: url(/img/caps/about.gif); height: 11px; }
h2#cap-about-location { background-image: url(/img/caps/about-location.gif); height: 12px; }
h2#cap-about-ekran { background-image: url(/img/caps/about-ekran.gif); height: 10px; }
h2#cap-festivals-soon { background-image: url(/img/caps/festivals-soon.gif); height: 13px; }
h2#cap-festivals-archive { background-image: url(/img/caps/festivals-archive.gif); height: 12px; }

h2#cap-about-1 { background-image: url(/img/caps/about-1.gif); height: 11px; }
h2#cap-about-2 { background-image: url(/img/caps/about-2.gif); height: 11px; }
h2#cap-about-3 { background-image: url(/img/caps/tickets.gif); height: 11px; }

h2#cap-news-site { background-image: url(/img/caps/news-site-more.gif); height: 11px; }
h2#cap-news-cinema { background-image: url(/img/caps/news-cinema-more.gif); height: 11px; }
h2#cap-films-today { background-image: url(/img/caps/today.gif); height: 12px; }
h2#cap-films-soon { background-image: url(/img/caps/soon.gif); height: 11px; }
h2#cap-films-near { background-image: url(/img/caps/look-near.gif); height: 14px; }

.layout-text .date,
.layout-text .start { color: #896f2b; font-weight: bold; font-size: smaller; margin-bottom: 0.3em; }
.layout-text .source { margin-bottom: 0.3em; }
.layout-text h3 { color: #cb340b;  margin: 0 0 0.3em 0; }
.layout-text .layout-hsep { margin: 13px 0 13px 0; }
.layout-text .read-more { font-weight: bold; font-size: smaller; }

.text { font-size: 70%; }
.image-r { float: right; margin: 13px 13px 0 20px; }
.image-r span { margin-top: 3px; display: block; color: #896f2b; font-weight: bold; font-size: smaller; text-align: center; }

#look-today h2 { background-image: url(/img/caps/look-today.gif); }
#look-soon h2 { background-image: url(/img/caps/coming-soon.gif); }
#look-news h2 { background-image: url(/img/caps/news.gif); }
#look-news-cinema h2 { background-image: url(/img/caps/news-cinema.gif); }
#look-forum h2 { background-image: url(/img/caps/forum.gif); }

#look-today h4,
#look-soon h4,
#look-news h4,
#look-news-cinema h4 { padding: 13px; margin: 0; padding-top: 0; font-size: 70%; }

/* for ie*/
#look-today h4,
#look-soon h4,
#look-news h4,
#look-news-cinema h4 { _padding-bottom: 0; }
/**/

#look-today h4 { float: left; }
#look-today h4 a { color: #508009; }
#look-today h4 a:hover { color: #cb340b; }

#look-soon h4 { float: right; }
#look-soon h4 a { color: #ffffff; }
#look-soon h4 a:hover { color: #cb340b; }

#look-news h4 { float: left; }

#look-news-cinema h4 { float: right; }
#look-news-cinema h4 a { color: #ffffff; }
#look-news-cinema h4 a:hover { color: #cb340b; }

#look-soon { color: #ffffff; }
.look { margin: 13px; font-size: 70%; overflow: auto; }
.layout-text .look { font-size: 100%; }
.look div { margin-bottom: 3px; }
.look img { float: left; margin-right: 11px; }
.look h3 {font-size: 140%;}
.look h3,.look h3 a { margin: 0; margin-bottom: 3px; color: #cb340b; }
#look-news .look h3,#look-news .look h3 a { font-weight: normal; color: #000000; }
#look-news-cinema .look h3,#look-news-cinema .look h3 a { font-weight: normal; color: #ffffff; }
.look h3 a:hover { color: #896f2b; }
#look-news .look h3 a:hover { color: #000000; }
#look-news-cinema .look h3 a:hover { color: #ffffff; }
.look .start { float: left; }
.look .read-more { display: block; float: right; margin: 1px; }
.look .date,
.look .start,
.look .read-more { color: #896f2b; font-weight: bold; font-size: 90%; }
.look .read-more:hover { color: #cb340b; }

#look-soon .look .date,
#look-soon .look .start,
#look-soon .look .read-more { color: #ffffff; }
#look-soon .look .read-more:hover { color: #cb340b; }

#look-news-cinema .look .date,
#look-news-cinema .look .start,
#look-news-cinema .look .read-more { color: #ffffff; }
#look-news-cinema .look .read-more:hover { color: #cb340b; }

#look-forum { font-size: 90%; }
#look-forum ul { float: right; width: 50%; list-style-type: none; margin: 15px 15px 3px 15px; padding: 0; }
#look-forum li { float: right; font-size: 70%; font-weight: bold; list-style-type: none; margin-left: 15px; }
#look-forum .stat { margin: 7px 13px 7px 13px; font-size: 70%; }
#look-forum span { font-weight: bold; }
#look-forum .date { float: left; width: 20%; margin: 2px 0 0 0; }
#look-forum h2 { margin: 15px 15px 3px 15px; }
#look-forum h3 { float: left; width: 65%; font-weight: normal; color: #000000; }
#look-forum h3 a { font-size: 110%; font-weight: bold; }
#look-forum .author { float: left; width: 15%; }
#look-forum .layout-hsep { margin-top: 5px; margin-bottom: 7px; }
#look-forum .look { width: auto; margin-top: 0; margin-bottom: 0; }

.films-table { width: 100%; }
.films-table th { color: #cb340b; font-size: 110%; padding: 10px 2px 2px 2px; }
.films-table td { padding: 2px; }
.films-table .films-time { white-space: nowrap; width: 80px; color: #896f2b; font-weight: bold; }

.festivals-more { font-size: 1.1em; }

#films-today-details .read-more { float: left; }
.films-more-links h4 {
    float: left;
    margin-right: 1em;
}

.film-desc {
    float: left;
    width: 70%;
}
.film-desc h3 {
    font-size: 110%;
}
.film-pics {
    padding: 20px 10px 10px 10px;
}
.film-pics img {
    margin: 0 0 10px 10px;
}
.film-wall {
    float: left;
    width: 30%;
}
.film-wall img {
    display: block;
    margin: 0 0 10px 10px;
}
.clear {
    clear: both;
}