/* ======================================== */
/* 			 Дизайн							*/
/* ======================================== */
/*  В замисимости от размера экрана  */
/* 1000 и более */
@media only screen and (min-width: 1000px) {
	#container {width: 1000px;	margin:0 auto;	}
	#leftmenu {	width: 250px;	float: right;	min-height:100px;	}
	#content, #before_film_torrents {	width: 630px;	clear:left ;	float: right;	}
	#rightmenu {width: 110px;	float: left; padding-left: 5px;}
	#before_film_torrents {overflow: hidden}
}

/* 720-1000 -> заточено под 720px */
@media only screen and (max-width: 999px) {
	#container {margin:0;		padding: 0;	}
	#leftmenu {	width: 230px;	float: right;}
	#content,  #before_film_torrents {	margin-right:240px;clear:none;}
	#before_film_torrents {overflow: hidden}

}



/* ======================================== */
/* base.jpg */
h1.head,
.nav-menu>li>a,
.nav-menu>li:after,
ul.nav-menu>li:after,
#header, #footer,
.logo, .bt, .rss{

	background-image: url('base8.jpg');
	background-repeat: no-repeat;
}
.logo{
	background: url('head_logo.jpg') no-repeat;
}
.top-logo{
	background: url('top_logo_fast_film.png') no-repeat;
}

.etorrent-logo{
	background: url('top_logo_etorrent.png') center no-repeat;
}

.etorrent-logo, .etorrent-logo a {
	text-indent: -600px;
	display:block;
	float:left;
	height:65px;
	width:250px;
	overflow:hidden;
	text-decoration: none !important;

}
#footer .etorrent-logo, #footer  .etorrent-logo a {
	height:50px;
	width:150px;
}


.foot-logo{
	background: url('logo_fast_torrent.png') no-repeat;
}

.bottom-logo{
	background: url('logo_fast_film.png') no-repeat;
}



#sub_footer{
	clear:both;
	margin-bottom: -15px;
	margin-left: 20px;
}

#footer {
	clear:both;
	height: 95px;
	background-position: 0 -179px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#footer .wrap {
    padding: 25px 0 0 20px;
}
.top-main-menu li a{
	float: left;
	display: block;

	text-align:center;

	text-decoration:none;
	color: white;
	height: 32px;!important;
	padding:0 2px 0 0.83em!important;
	line-height:30px;
	background-position: 0 0;
	min-width:42px;
	white-space: nowrap;
	word-wrap: normal;
}



.top-main-menu li em{
	float: left;
	display: block;
	height: 32px;
	width: 0.83em;
	background-position: 100% 0;
	overflow:hidden;
	white-space: nowrap;
	word-wrap: normal;
}

.top-main-menu li.c1 a{width:42px}
.top-main-menu li.c2 a{width:54px}
.top-main-menu li.c3 a{width:58px}
.top-main-menu li.c4 a{width:70px}
.top-main-menu li.c5 a{width:45px}
.top-main-menu li.c6 a{width:50px}
.top-main-menu li.c7 a{width:42px}
.top-main-menu li.c8 a{width:43px}
.top-main-menu li.c9 a{width:55px}
.top-main-menu li.c10 a{width:74px}
.top-main-menu li.c11 a{width:64px}
.top-main-menu li.c12 a{width:89px}
.top-main-menu li.c13 a{width:95px}

li.menu-1 a{ background-position: 0 -40px}
li.menu-1 em{	background-position: 100% -40px}

li.menu-2 a{ background-position: 0 -80px}
li.menu-2 em{ background-position: 100% -80px}

li.menu-3 a{ background-position: 0 -630px}
li.menu-3 em{ background-position: 100% -630px}



/*  В замисимости от размера экрана  */
/* 1000 и более */
@media only screen and (min-width: 1000px) {
	/*  Красота для заголовков  */
	h1.head{
		background-position: 0 -273px;
		display: block;
		width:605px;
		height: 52px;
		margin: 0.83em 0 -0.83em 0;
		padding-top:5px;

		font-size: 12px;
		text-align:center;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		color: white;
		line-height:31px;
		letter-spacing:1px;
	}

}

@media only screen and (max-width: 999px) {
	/*  упрощенные заголовки  */
	h1.head{
		font-family: Arial;
		font-size: 12px;
		background: #05659e url(./../css/custom-theme/images/ui-bg_highlight-hard_50_05659e_1x100.png) 50% 50% repeat-x;
		border-radius:5px;

		color: #ffffff;
		font-weight: bold;
		text-align: center;

		height: 17px;
		line-height: 14px;
		margin: 4px;
		padding: 5px 0 3px 0;
	}

}

@media only screen and (min-width: 690px) {

	/*  Красота для менюхи  */
	ul.nav-menu>li {
		border: #dbdbdb solid;
		border-width: 0 1px;
		margin-bottom: 20px;
	}

	ul.nav-menu>li>a{
		background-position:  -619px -276px;
		display:block;
		height: 50px;
		margin: 0 -5px -5px -5px;
		padding-top:2px;
		text-align:center;
		display: block;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		color: white;
		line-height:28px;
		letter-spacing:1px;
		text-shadow: black 1px 1px 2px, #999 0 0 6px;
	}


	ul.nav-menu>li>ul>li {
		padding-left: 18px;
		margin: 1px 0;
	}

	ul.nav-menu>li>.margin,
	ul.nav-menu>li>ul:first-child {
		margin-top: 0px;
	}


	ul.nav-menu>li>ul:last-child {
		margin-bottom: -0.83em;
	}


	ul.nav-menu>li:after{
		content: "  ";
		background-position: -625px -327px;
		display: block;
		position: relative;
		top:1.25em;
		height: 12px;
	}


	#leftmenu ul li.selected {
		margin: 0px -8px 0px 5px;
		padding-left: 13px;
		border-radius:  4px;
	}

	#leftmenu ul li.selected a{
		color: white !important;
		font-weight: bold;
	}


}



.top_week, .item_main_image, .item_main1, #celebrity-info img{
	background: url(./../images/tn-no_foto.gif) 0 0 no-repeat;
}
.item_main_box3 .item_main1, .item_main_box2 .item_main1{
	background: url(./../images/tn-no_foto.gif) 0 15px no-repeat;
}


.item_main_image:hover .film_controll, .item_main_image:hover .favorite_controll{
	background: #ffffff;
	height: 22px;
}



#tab_similarity_header.ui-state-active,
#tab_news_header.ui-state-active,
#leftmenu ul li.selected,
.mail-href{
	background: #05659e url("./../css/custom-theme/images/ui-bg_highlight-hard_75_579100_1x100.png") 50% 50%
}






/* sprites.png */
ul.top-main-menu a,.top-main-menu em,.cn-icon,.nav-icon, .captcha_refresh, .qa-icon, .ic-icon, .paginator em,.add-blogger,
.star-rating, .star-rating .current-rating, .star-rating a,
.gender_0,.gender_1,.gender_2,
.footer-menu a,
.spoiler-title em, .spoiler-init em, .genre-title em, .review-title em,
ul.order-menu li.selected a,.order-menu li.selected em,
.download-button, .fo-icon, .watch-button,.watch-button1,
.children .li-opt a,.children .li-fav a, .go_to_top,.scroll_prev,.scroll_next,
ul.nav-menu>li>ul>li.last a{
	background: trasparant;
	background-image:  url(sprites28.png) ;
	background-repeat: no-repeat;
}

/* rainbow.jpg */
.children .user-info, .children .top-menu{
	background-image: url(rainbow1.jpg );
	background-repeat: no-repeat;
}


#online_box,#tab_similarity_header,.mail-href:hover{
	background: #d54a03 url("./../css/custom-theme/images/ui-bg_highlight-soft_100_d54a03_1x100.png") 50% 50%
}

#tab_news_header{
	background: #ac1ae6 url("./../css/custom-theme/images/ui-bg_highlight-hard_75_ac1ae6_1x100.png") 50% 50%
}



.orange_search	   {background: #d54a03 url("./../css/custom-theme/images/ui-bg_highlight-soft_100_d54a03_1x100.png") 50% 50% repeat-x !important; padding: 5px 0 !important; vertical-align: top}
.orange_search:hover {background: #579100 url(./../css/custom-theme/images/ui-bg_glass_75_b10339_1x400.png) 50% 50% repeat-x !important}

.film-download,       .gren_search	   {background: #579100 url(./../css/custom-theme/images/ui-bg_highlight-soft_100_579100_1x100.png) 50% 50% repeat-x !important}
.film-download:hover, .gren_search:hover {background: #579100 url(./../css/custom-theme/images/ui-bg_glass_75_b10339_1x400.png) 50% 50% repeat-x !important}
.ui-helper-hidden-accessible {visibility: hidden}


a.ui-state-default, a.ui-state-default:hover  ,a.ui-state-default:link {
	color: #ffffff !important;
}


.author em{
background:#EEEEEE;
}


blockquote{
border:1px solid gray;
background:#EEEEEE;
}




/* Полоса прокрутки по умолчанию */
::-webkit-scrollbar
{
	width: 10px;
	height: 15px;
	background: rgba(5,101,158,0.1);
	overflow: visible;
}

/* Track */
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
	border:	4px solid #fff;
	background: rgba(5,101,158,0.5);
}

/* Handle */
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-corner {
	border-radius: 5px;
	background: rgba(5,101,158,1);
}

::-webkit-scrollbar-thumb:hover{
	-webkit-border-radius:  5px;
	border-radius:  5px;
	background-color: rgba(177, 3, 57,1);
}

::-webkit-scrollbar-thumb:window-inactive{
	background: rgba(5,101,158,1);
}

/* Полоса прокрутки для плагина */


.upload-header {
	background: #44b9eb url(../images/upload_bg.gif) top repeat-x;
	height:47px;
	text-align:center;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:#fff;
	border-radius: 6px 6px 0 0 ;
}




/* online_url */
#online {color:#fff;font:18px/24px Tahoma;margin:1.25em 5px;text-align:center}
#online a,
#online a:active,
#online a:focus,
#online a:link{color:#fff;font:18px/24px Tahoma;text-decoration:none}

#online:hover{text-decoration:underline}
#online p {	padding: 0;	margin: 0}
#online_box a img { border: 0}
#online_box {
	border:2px solid #006600;
	background: #00A000;
	color: white;
	margin:20px auto;
	overflow:visible;
	position:relative;
	text-align:left;
	width:570px;
	border-radius: 0.83em 0.83em;
}
#online_box a,#online_box a:hover{
	color: white;
}
#rating{
	height:36px;
	line-height:36px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/rating.gif) 50% 50% no-repeat;

}


#quality_head span {
	font-size: 12px;
	margin: 5px 0;
	text-shadow: -1px -1px 5px #579100, 1px 1px 5px #579100, -1px 1px 5px #579100, 1px -1px 5px #579100;
}

#quality_head.ui-state-hover span{
	text-shadow: -1px -1px 5px #b10339, 1px 1px 5px #b10339, -1px 1px 5px #b10339, 1px -1px 5px #b10339;
}


#quality_head span b{
	color: #FFB6C1	;
}


.hi_lighted{
	background: #FFE3E3;
}
.upload-header>div{
	border-left:1px solid #fff;
}

.descending em:after,
.ascending em:after{
	color: #7DCD04;
}


#season_accordion tr{border-bottom: solid 1px #A6C9E2;}
#season_accordion tr:hover{	background: #DDFFEE;}
.post-wrap{ font-size:11px;  clear: right; overflow:hidden; padding: 5px 0;  margin: 0 5px; border-bottom: 1px solid #a6c9e2}
.post-wrap:last-child{border-bottom: 0px}



.four-columns, .three-columns, .two-columns{
	width: 23%;
	float:left;
	margin: 0 3px 10px 3px !important;
	border-radius: 5px !important;
	padding:0;

}

.three-columns{
	width: 31%;
}

.two-columns{
	width: 48%;
}
.ui-front{z-index:1000}
.ui-widget-overlay{z-index:999}
.favorite_controll{z-index:999}


@media only screen and (max-width: 500px) {
	#online{margin: 5px;}
	.download-button{
		width: 51px !important;
		padding: 0;
	}
}