/* =============================================================================
   RESET AND NORMALIZE CSS
============================================================================= */

/* ==== RESET ==== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

::-moz-selection { background: #DE2600; color: #fff; text-shadow: none; }
::selection { background: #DE2600; color: #fff; text-shadow: none; }

a { color: #000; text-decoration: underline; cursor: pointer; }
a:visited { color: #000; }
a:hover { color: #000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==== DEFAULT VALUES ==== */
html, button, input, select, textarea { font-family: Arial,Helvetica,sans-serif; color: #000; }
body { margin: 0; font-size: 12px; line-height: 18px; overflow-y: scroll; }

ul { margin: 0 0 0.3em 0; padding: 0; list-style-type: none; }
p { margin: 0 0 0.3em 0; padding: 0; }
h1 {
	font-size: 14px;
	line-height: 11px;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	margin: 4px 0 0 10px;
	display: inline-block;
	text-align: center;
}

.http-error-page h1 { margin-left: 0; text-align: center; color: #f00; }
.http-error-page h2, .http-error-page h3, .http-error-page h4 { margin-left: 0; text-align: center; }

/* =============================================================================
   COMMON CLASS
============================================================================= */
.redText, a.redText:visited { color: #f00; }
.redStripe { background: #DE2600; color: #fff; }
.blackStripe { background: #000; color: #fff; }
.redStripe a, .blackStripe a, .redStripe a:visited, .blackStripe a:visited, .redStripe a:hover, .blackStripe a:hover { color: #fff; }
.redStripe a b, .blackStripe a b { color: #fff; text-decoration: underline; }
.whiteStripe, .redStripe, .blackStripe { overflow: hidden; }


/* ==== FORMS ==== */

/* =============================================================================
   STRUCTURE
============================================================================= */
#page {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (min-width:701px) { 
#page {
	width: 730px;
	margin: 0 auto;
	overflow: hidden;
}
}

/* ==== HEADER ==== */
@media screen and (max-width:700px) { 
#header {
	font-size: 13px;
	overflow: hidden;
	text-align: center;
}
#header img#siteLogo {
	float: center;
	width: 100%;
	height: auto;
}

#header form#searchForm {
	float: center;
	padding: 6px 10px 0px;
}
#header input#q {
    border: 2px solid #ff0000;
    background: #000;
    color: #fff;
    padding: 4px;
}
#header #searchSubmit {
    padding: 4px 20px;
    border: 2px solid #a9a9a9;
    background: #ededed;
    font-weight: bold;
    color: #000;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.lt-ie8 #header #searchSubmit { line-height: 12px; }
#header #social { float: right; }
#header #social img { margin: 6px 4px 0 0; }
#header h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0 0;
	padding: 0;
}
#header h2.secondary {
	font-weight: normal;
	font-size: 15px;
}
#header h2.secondary .redText { font-weight: bold; }
}

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

#header {
	font-size: 13px;
	overflow: hidden;
}
#header img#siteLogo { float: left; }


#header form#searchForm {
	float: left;
	padding: 6px 10px 0px;
}
#header input#q {
    border: 2px solid #ff0000;
    background: #000;
    color: #fff;
    padding: 4px;
}
#header #searchSubmit {
    padding: 4px 20px;
    border: 2px solid #a9a9a9;
    background: #ededed;
    font-weight: bold;
    color: #000;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.lt-ie8 #header #searchSubmit { line-height: 12px; }
#header h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	margin: 12px 0 0;
	padding: 0;
	text-align: center;
}
#header h2.secondary {
	font-weight: normal;
	font-size: 15px;
}
#header h2.secondary .redText { font-weight: bold; }

}
/* ==== MAIN ==== */
#main {
	margin: 2px 0 0;
	overflow: hidden;
	*zoom: 1;
	clear: both;
}
#main .redStripe {
	padding: 4px 8px;
	margin-bottom: 2px;
	overflow: hidden;
}
#main .redStripe .showMore { float: right; font-weight: bold; }

/* ==== FOOTER ==== */
#footer {
	margin: 20px 0 10px;
	overflow: hidden;
	clear: both;
	line-height: 14px;
	*zoom: 1;
}
#footer .terms {
	background-color: #dadada;
	padding: 4px;
}
#footer .terms p { text-align: justify; }
#footer .terms p.newp {
	margin-top: 20px;
	text-align: center;
}
#footer .botLinks {
	text-align: center;
	clear: both;
	*zoom: 1;
}
#footer .terms .botLinks {
	background: #fff;
	padding: 15px 4px 2px;
}
#footer .slogan {
	margin-top: 10px;
	text-align: center;
}

/* =============================================================================
   COMPONENTS
============================================================================= */

/* =============================================================================
   MAIN PAGES CONTENT
============================================================================= */

/* ==== ADS ==== */
.ads {
	text-align: center;

}

.display-only-pc{
	text-align: center;
}
.display-only-smp{
	text-align: center;
}
.display-only-smp-top{
	text-align: center;
}

@media screen and (max-width:700px) { 

.display-only-pc{
	display: none;
}
.display-only-smp{
	text-align: center;
}
.display-only-smp-top{
	height: 300px;
	text-align: center;
}

}

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

.display-only-pc{
	text-align: center;
	display: inline-flex;
}
.display-only-smp{
	display: none;
}
.display-only-smp-top{
	display: none;
}

}

#footer-ads{
	text-align: center;
}

@media screen and (max-width:700px) { 

#footer-ads #display-only-pc{
	display: none;
}
#footer-ads #display-only-smp #display-only-smp-top{
	text-align: center;
}

}

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

#footer-ads #display-only-pc{
	text-align: center;
}
#footer-ads #display-only-smp #display-only-smp-top{
	display: none;
}

}


.leftside {
 position: fixed;
 bottom: 3px;
 left: 10px;
  
 border:1px solid #888888;
 padding:2pt;
 background-color: #ffffff;
}


/* ==== CONTENT ==== */
#main #content {
	overflow: hidden;
	*zoom: 1;
}
.mozaique {
	overflow: hidden;
	*zoom: 1;
}
.genres {
	clear:both; 
}
.genres .title{
}
@media screen and (min-width:701px) { 

.thumbBlock {
	position: relative;
	width: 20%;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	background:  #eaeaea;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	
	font-size: 14px;

}
}

@media screen and (max-width:700px) { 

.thumbBlock {
	position: relative;
	width: 50%;
	height: 45px;
	line-height: 45px;
	float: left;
	text-align: center;
	background:  #eaeaea;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;

	font-size: 18px;

}
}



.thumbBlock .thumb a { display: block; }
.thumbBlock .thumb img { border: 1px solid #000; }
.thumbBlock p { margin: 0; line-height: 16px; }
.thumbBlock p.metadata .bg {
	padding: 2px 4px 2px 0;
}
.thumbBlock p.metadata .duration {
	font-weight: bold;
	padding: 2px 4px;
}