﻿/* Style April 2013 
   webfashion
   
   last changes */
   
   
div,ul,li,a,span,h1,h2,h3,h4,h5,h6,video,ol
 {
 margin:0;
 padding:0;
 }
 ol
 {
 list-style-type:decimal;
 }
 a
 {
 text-decoration:none;
 }
 
 ul{
 list-style-type:none;
 }
 ul li, ol li{
 background-image:none;
 }
.clearfix{
content:"";
height:0px;
line-height:0;
clear:both;
}

body,html{
height:100%;
min-height:100%;
}
/* main page */


#site-wrapper{
width:960px;
margin: 0 auto;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#mainContent{
width:940px;
margin:8px 0;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#fff;
padding:10px;
}
#leftColumn{
float:left;
width:630px;
margin-right:10px;
}
#rightColumn{
float:left;
width:300px;
}
#rightColumn:after{
clear:both;
display:block;
content:".";
visibility:hidden;
height:0;
}
.section{
width:100%;
margin-bottom:18px;
}

#show_news{
border-top-left-radius:3px;
-moz-border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
}
.rounded_left{
border-top-left-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
}
.rounded_right{
border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
}

/*-------------------------------- LEFT COLUMN CONTENT ---------------------------------------------------------*/

/*------------------------------  side menu with quick links --------------------------------- */
#sidemenu{
float:left;
padding:2px;
width:114px;
margin-right:4px;
font-size:11px;
}
#sidemenu ul{
overflow:hidden;
}
#sidemenu ul li{
border-bottom:1px solid #e8e8e8;
padding:4px 2px;
padding-left:24px;
background-image:url(img/side_icons.png);
background-repeat:no-repeat;
}
#sidemenu ul li.new_movies{
background-position:0 2px;
}
#sidemenu ul li.movie_program{
background-position:0 -23px;
}
#sidemenu ul li.trailers{
background-position:0 -53px;
}
#sidemenu ul li.photos{
background-position:0 -82px;
}
#sidemenu ul li.skins{
background-position:0 -108px;
}
#sidemenu ul li.ringtones{
background-position:0 -140px;
}
#sidemenu ul li.ratings{
background-position:0 -168px;
}
#sidemenu ul li.calendar{
background-position:0 -195px;
}
#sidemenu ul li.recension{
background-position:0 -224px;
}
#sidemenu ul li.tv_program{
background-position:0 -255px;
}
#sidemenu ul li.games{
background-position:0 -288px;
}
#sidemenu ul li.box{
background-position:0 -312px;
}
#sidemenu ul li a{
color:#445124;
}
#sidemenu ul li a:hover{
color:#aab888;
text-shadow:0 0 2px #edf3df;
}
#sidemenu h4, .box_header h4{
font-size:12px;
text-align:left;
padding:6px 2px 8px 2px;
color:#333;
}


/*---------------------------------------------- news container -----------------------------------*/
#newsContainer_new{

float:left;
width:500px;
border:4px solid #a2b964;
}
#newsMainImage{
width:500px;
height:204px;
position:relative;
overflow:hidden;
}
#newsMainImage li{
position:absolute;
top:0;
left:0;
width:500px;
display:none;
height:204px;
zoom:1;
*display:inline;
}
#newsMainImage li.visibleImage{
display:inline-block;
cursor:pointer;
zoom:1;
*display:inline;
}

#newsMainImage img{
width:500px; 
}
#newsContainer ul#imageLinks{
width:100%;
}
#newsContainer ul#imageLinks li{
float:left;
background:#fff url(img/news_tabs_bg.png) left bottom repeat-x;
border:1px solid #d8d8d8;
border-bottom:none;
border-right:none;
width:82px;
padding:8px 9px 8px 8px;
height:150px;
}

#newsContainer ul#imageLinks li:first-child{
border-left:none;
}
#newsContainer ul#imageLinks li:last-child{
width:83px;
}
#newsContainer ul#imageLinks li.activeLink{
background:#fff;
}
#newsContainer ul#imageLinks li a{
color:#333333;
display:block;
height:100%;

}
#newsContainer img.newsthumb{
width:80px;
height:50px;
}
#newsContainer .newsInfo{
font-size:10px;
color:#333;
line-height: 1em;
}

/*second news container */
#frontpageNews{
color:#333;
}
#frontpageNews .program_nav li{
padding:5px 28px 6px 27px;
}
#frontpageNews .program_nav li.news_menu_active{
padding:5px 26px 6px 26px;
}
#frontpageNews .program_nav li.border{
background:url(img/border_yellow.png) center bottom no-repeat;
padding:0;
}

#frontpageNews .imgHolder{
float:left;
margin-right:10px;
}
#frontpageNews .imgHolder img{
width:113px;
height:113px;
}
#frontpageNews .news_content{
background:#ffe58e;
padding:10px;
width:597px;
}
#frontpageNews .news_content h4{
padding:4px 0 0px;
}
#frontpageNews .news_content img{
border:1px solid #fff;
outline:1px solid #d1ddb5;
}
#frontpageNews .news_content .infodate{
margin-bottom:6px;
color:#8d815b;
}
#frontpageNews h4 a{
color:#445124;
font-size:14px;
}
/*.news_menu{
width:615px;
}*/
.inside_news{
width:630px !important;
background:#ffe58e;
border-bottom:1px solid #fff;
}
.news_comments{
margin-top:15px;
}
.news_comments img{
border:none;
outline:none;
}
#frontpageNews .all_green2{
margin-top:-15px;
}



/*----------------------------------------- small news --------------------------------------------------*/
#show_small_news{
padding:10px;
background:#ffedb0;
border-bottom:1px solid #fff;
border-top:1px solid #fff;

}
#show_small_news li img{
float:left;
border:1px solid #fff;
width:45px;
height:45px;
margin-right:5px;
margin-bottom:0px;
}
#show_small_news ul li{
display:inline-block;
/*width:280px;*/
width:146px;
font-size:11px;
font-weight:normal;
vertical-align:top;
zoom:1;
*display:inline;
}
#smoh_small_news ul li a{
font-size:10px;
}

.readall{
background-color:#fff5d2;
padding:8px;

 }

#show_small_news .littlenews{
line-height:12px;
font-size:10px;
color:#445124;
}
#show_small_news .littlenews a{
vertical-align:middle;
}

/*------------------------------------ trailers and gallery ----------------------------------*/

/* 1. common styles */

.gallery{
width:100%;
}

.gallery_nav{
border-top-left-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
color:#333333;
height:42px;

}

.gallery_main_nav{
float:left;
font-size:0;
}

.gallery_main_nav li{
display:inline-block;
padding:5px 20px 7px 20px;
height:30px;
background: #c7d5a2;
font-size:12px;
cursor:pointer;
zoom:1;
*display:inline; 

}

.gallery_sub_nav{
float:right;
padding-top:4px;
}
.gallery_sub_nav li{
display:inline-block;
zoom:1;
*display:inline;
}
.gallery_sub_nav li a{
font-size:10px;
padding:2px 10px;
border-right:1px solid #c7cfe1;
}
.section .gallery ul li.nav_border{
padding:0;
height:42px;
margin:0;
width:1px;
}

/* 2. only trailers styles */
#trailers .gallery_nav{
background:url(img/green_menu.png) bottom repeat-x;

}
#trailers .gallery_nav .border{
background:url(img/border_green_trailers.png) center bottom no-repeat;
padding:0;
}
#trailers .gallery_main_nav{

}
#trailers .gallery_nav, #trailers #trailers_content{
background-color:#dbe4c0;
}
#trailers #trailers_content{
width:100%;
padding:10px 0 16px;
}
#trailers_content ul li{
	float: left;
display:inline-block;
width:98px;
height: 200px;
margin-left:28px;
zoom:1;
*display:inline;
}
#trailers_content ul li:first-child{
margin-left:13px;
}

#trailers_content li .imgborder {
	margin-bottom: 5px;
	border: 1px solid white;
}

#trailers_content li .video{
	display: block;
	margin: 2px;
/*border:1px solid #fff;*/
width:90px;
/*height:118px;*/
}
#trailers .nav_border{
background:url(img/green_border.png) center bottom no-repeat;
}

li .infotext {
	line-height: 1em;
}
#first_trailer_gallery{
display:block;
}
#second_trailer_gallery{
display:none;
}
#first_picture_gallery{
display:block;
}
#second_picture_gallery{
display:none;
}
.infotext{

}
.infotext a{
color: #445124;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
.infotext a:hover{
color:#000;
}

/* 3. img gallery dtyles */

#picture_gallery .gallery_nav{
background:url(img/blue_menu.png) bottom repeat-x;
}
#picture_gallery.gallery_nav, #gallery_content{
background-color:#d8e1f5;
}
#picture_gallery .gallery_nav .border{
background:url(img/border_blue.png) center bottom no-repeat;
padding:0;
}
#gallery_content{
padding:10px 0 16px;
text-align:center;
}

#picture_gallery  #gallery_content > img{
width:597px;
height:327px;
border:1px solid #fff;
}
#gallery_thumbs ul{
line-height:0;
margin-top:14px;
}
#gallery_thumbs ul li{
display:inline-block;
margin-right: 11px;
padding:0;
zoom:1;
*display:inline;
}
#gallery_thumbs ul li a{
display:block;
border:1px solid #c0ceef;
}

#gallery_thumbs ul li:last-child{
margin-right:0;
}
#picture_gallery  #gallery_content #gallery_thumbs li img{
width:79px;
height:43px;
border:4px solid #fff;
}
#gallery_thumbs ul li.active_thumb a{
border:none;
}
#gallery_thumbs ul li.active_thumb img{
border:5px solid #8da9e2;
}

/*--------------------------- premiers  ----------------------------------- */
.premiers{
width:100%;
}
.section_header{

-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#8ca154;
color:#fff;
}
.section_header h4{
display:inline-block;
float:left;
padding:6px;
font-size:12px;
font-weight:normal;
zoom:1;
*display:inline;
}
.premiers_content{
padding:14px 8px 22px;
}
.premiers_content  ul{
line-height:normal;
}
.premiers_content  ul li{
display:inline-block;
width:98px;
margin-right:26px;
zoom:1;
*display:inline;
}
.premiers_content ul li:last-child{
margin-right:0;
}
.imgborder{
padding:1px;
background:#d1ddb5;

}
.premiers_content ul li img{
border:4px solid #fff;
}
.premiers_content .infotext{
margin-top:4px;
}
.premiers_content .infotext .infodate, .infodate{
font-size:9px;
color:#ccc;
margin:8px 0 0;
}
.premiers_content .infotext a.watch{
padding:10px 0 2px 0;
color:#5980cb;
display:block;
border-bottom:1px solid #dee6f5;
}
.premiers_content ul > li > a{
line-height:0;
}



/*----------------------------------------- RIGHT COLUMN CONTENT ------------------------------------------*/

/* program */
#movie_program{
color:#333;
font-size:10px;
}
#movie_program ul{
line-height:normal;
}
.program_nav ul{
font-size:0;
margin:0;
padding:0;

}
.program_nav li{
display:inline-block;
height:30px;
font-size:11px;
padding: 5px 10px 6px 10px;
text-align:center;
zoom:1;
*display:inline;
}


.program_nav li:last-child{
padding-right:13px;
}
.program_nav li.border, .gallery_nav li.border{
padding:0;
width:1px;
height:41px;
vertical-align:top;

}
#movieprogram .program_nav li.border{
background:url(img/border_green.png) 0 0 no-repeat;
padding:0;
}
.program_content{
background: #a2b964;
margin-bottom:1px;
width:299.5px;
}
.program_content ul{
font-size:0;
float:left;
margin-top:10px;
height:124px;
width:240px;
overflow:hidden;
}
.program_content ul.slide_program{
overflow:hidden;
}
.program_content > ul li{
display:inline-block;
width:68px;
margin:0 6px;
font-size:10px;
vertical-align:top;
zoom:1;
*display:inline;
font-size:11px;
}
#premiers_program li{
font-size:11px;
}
.bx-viewport{
height:134px !important;
}
.program_content > ul li a div{
font-size:10px;
margin:6px 0;
padding-left:4px;
text-align:left;
}
.program_content > ul li img{
width:60px;
border:4px solid #fff;
}
#slider-prev{
background: url(/images/white_left_arrow.png) no-repeat center center;
display: block;
height: 98px;
width: 27px;
cursor:pointer;
}
#slider-next{
background: url(/images/white_right_arrow.png) no-repeat center center;
display: block;
height: 98px;
width: 27px;
cursor:pointer;
}

.program_hours{
padding:20px 8px 10px 8px;
background-color:#b5c783;
margin-bottom:1px;
width:283.5px;
}
.program_hours li{
display:inline-block;
border-bottom:1px solid #8c9e5a;
width:60px;
margin:3px; 
font-size:10px;
vertical-align: top;
zoom:1;
*display:inline;
}

#LoadPremiers .program_days{
margin-top:0;
background:#c7d5a2;
padding:10px 0;
width:299.5px;
}
#LoadPremiers .program_days a{
color:#333333;
}
#LoadPremiers .program_days ul{
font-size:0;
padding:0 4px;
}
#LoadPremiers .program_days li{
display:inline-block;
font-size:9px;
zoom:1;
*display:inline;

}
#LoadPremiers .program_days li a{
border-right:1px solid #6f5771;
font-size:9px;
padding:0 4px;
margin:0;
}
#LoadPremiers .program_days li:last-child a{
border:none;
}
#LoadPremiers .program_days li.closeday{
margin:0 2px;
}
#LoadPremiers .program_days li.closeday a{
padding:4px;
border:none;
font-size:11px;
}
#LoadPremiers .program_days li.closeday.today a{
background:#a2b964;
}
#LoadPremiers .program_days li.closeday.tomorrow a{
background:#ffc809;
}

/*------------------------------- boxoffice ---------------------------------------*/
.side_box{
position:relative;
}
.box_header{
background: url(img/box_header.png) repeat-x;
height:30px;
margin-bottom:1px;
border-top-left-radius:3px;
-moz-border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;

}
.box_header h4{
color:#fff;
text-shadow:1px 1px 4px rgba(0,0,0,0.2);
padding-left:6px;
}
.boxoffice_logo{
position:absolute;
top:-16px;
right:0;
}

.side_box_content, .reviews_content{
background:#a2b964;
padding:10px 6px;
width:288px;
}
.reviews_content a.review_title{
display:block;
margin-bottom:10px;
}
.reviews_content a.type_review, .reviews_content .infodate{
color:#333;
}
.reviews_content a.type_review{
font-size:10px;
}
.side_box_content > ol{
}
.side_box_content ol > li{
padding:2px 4px;
color:#fff;
}
.side_box_content ol > li > a{
margin-right:10px;
}
.side_box_content a{
color:#fff;
border-bottom:1px solid #d1dcb2;
}

.side_box_content li.expanded_movie{
background:#a2b964 url(img/box_office_bg.png) bottom repeat-x;
border-bottom:1px solid #d1dcb2;
padding:8px 0;
padding-bottom:0;
margin-bottom:4px;

}
.side_box_content li.expanded_movie > a:first-child{
margin-bottom:5px;
}
side_box_content li.expanded_movie .list_info a{
float:right;
}
.expanded_movie img{
float:left;
border:1px solid #fff;
margin:5px 12px 6px 10px;
}
.expanded_movie .stars img{
float:none;
border:none;
margin:0;
}
.expanded_movie .stars{
display: inline-block;
float: none;
vertical-align: bottom;
margin:0 4px;
}
.list_info li{
padding:4px 0;
}
.list_info{
float:left;
margin-left:6px;
color:#333;
}
.list_info span{
color:#fff;
display:inline-block;
margin-right:6px;
zoom:1;
*display:inline;
}
.side_box_content .all_green a{
color:#333;
border:none;
}
.side_box_content .all_green{
margin:6px 0 2px;
}

.price{
float:right;
color:#333;
}

/*------------------------------------------- reviews -----------------------------------------------*/
.reviews_content ul li{
display:block;
margin:7px 0;
}
.reviews_content ul li a{
color:#fff;
text-decoration:underline;
}
.reviews_content ul li a img{
border:4px solid #fff;
float:left;
margin-right:10px;
box-shadow:0 0 1px #8ca154;
-webkit-box-shadow:0 0 1px #8ca154;
width:65px;
height:65px;
}
.reviews_content ul li a img:after{
content:" ";
clear:both;
display:block;
overflow:hidden;
}

#reviews .program_nav li:first-child{
width:130px;
padding-left:0;
padding-right:0;
}
#reviews .program_nav li.border{
background: url(img/border_green.png) 0 0 no-repeat
}
#reviews .program_nav li:last-child{
width:169px;
padding-right:0;
padding-left:0;
padding-right:0;
}
#reviews_most_read{
display:block;
}
#reviews_most_commented{
display:none;
}
/*--------------------------------------- new content -----------------------------------------------------------------*/
#newMovieContent a.moviename{
overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width:180px;
  }
  #newMovieContent ul{
  
  padding:10px 2px 10px 20px;
  }
  #newMovieContent ul li{
  list-style-image: url(img/list-type.png);
  }
  #newMovieContent ul span{
  font-size:10px;
  display:inline-block;
  margin-left:4px;
  color:#a2b964;
  zoom:1;
  *display:inline;
  }
  #newMovieContent ul li a{
  font-size:11px;
  text-decoration:underline;
  }
  
  
  /* footer */
  
  #footer{
  margin-top:11px;
  }
  #footer_head{
  padding:2px 0;
  background:#a2b964;
  margin-bottom:1px;
  border-top-left-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
}
#footer_head ul{
font-size:0;
}
#footer_head ul li{
display:inline-block;
font-size:10px;
color:#333333;
vertical-align:middle;
zoom:1;
*display:inline;
}
#footer_head #social_links{
float:left;
}
#footer_head #social_links li{
padding:2px;
}
#footer_head  ul.tabs{
float:right;
padding:4px;
}
#footer_head  ul.tabs li a{
padding: 1px 8px;
border-right:1px solid #8c9e5a;
text-align:center;
text-align:center;
}
#footer_content{
background:#616f3c;
font-size:11px;
padding:10px;
}
#footer_content a{
color:#b0b79e;
}
#footer_content ul{
display:inline-block;
margin-right:0px;
margin-bottom:18px;
width:100px;
vertical-align:top;
zoom:1;
*display:inline;
}
#footer_content ul li{
line-height: 20px;
}
#footer_content ul:last-child{
margin-right:10px;
}

#footer_content ul li a:hover{
color:#fff;
text-shadow:0 0 2px #fff;
}
#footer_content li.nav_title {
padding:6px 0 6px 0;
}
#footer_content li.nav_title a{
color:#f0f1ec;
}
#footer_content .copyright{
border-top:1px solid #717e50;
padding:12px 2px 8px;
color:#919a77;
font-size:10px;

}
.other_town{
background:#a2b964;
padding:0 8px 8px;
}
.bx-wrapper{
margin:0 auto;
}

	* html .selfclear{
	    height: 1%; /* IE5-6 */
	    }
	*+html .selfclear {
		display: inline-block; /* IE7not8 */
		}
	.selfclear:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }
	

