html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body { background-color: #222; font: 15px Arial, Helvetica, sans-serif; color: #eee; }
ol, ul, li { list-style: none; margin: 0; padding: 0; }
img { border: none; display: block; }
a { color: blue; text-decoration: none; }
.clear {clear: both;}
.wrap { margin: 0px auto; max-width: 80%; overflow: hidden; clear: both; color: #eee; }
.container { margin: 0px auto; max-width: 99%; overflow: hidden; clear: both; }

.top { padding: 5px 5px; font-size: 13px; overflow: hidden; clear: both; text-align: left; color: #fff; }
.top a { color: #fff; display: inline-block; padding: 3px 5px; }

.header { padding: 10px 0px; font-size: 24px; overflow: hidden; clear: both; text-align: left; }
.header a { display: inline-block; padding: 10px 10px; text-decoration: underline; color: #eee; }
.header b a { text-decoration: underline;  color: #eee; }

.search { margin: 5px 10px; display: inline-block; float: right; }
.search_bar input[type=text] { padding: 5px 8px; font-size: 15px; border-radius: 3px; border: 2px solid #333; background-color: #fff; color: #eee; }

.h1 { font-weight: normal; font-size: 23px; color: #eee; padding: 10px 10px 5px 10px; margin: 0px; overflow:hidden; clear:both; text-align: left; }
.h2 { font-weight: normal; font-size: 21px; color: #eee; padding: 15px 10px 5px 10px; margin: 0px; overflow:hidden; clear:both; text-align: left; }
.h3 { font-weight: normal; font-size: 16px; color: #555; padding: 5px 10px 10px 10px; margin: 0px; overflow:hidden; clear:both; text-align: left; }

.info { padding: 5px 10px; overflow: hidden; clear: both; margin-bottom: 10px; text-align: left;}
.info p { margin: 5px 0px; }

.thumbs { padding: 5px 5px; overflow: hidden; clear: both; margin-bottom: 20px; }
.thumb { width: 20%; float: left; overflow: hidden; box-sizing: border-box; padding: 5px; }
.thumb-in { border-radius: 2px; overflow: hidden; clear: both; }
.img-wrap { position: relative; padding-bottom: 67%; display: block; background: #000 url(./loading.gif) no-repeat center center; cursor: pointer; }
.img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden; }
.thumb-title { line-height: 20px; height: 20px; overflow: hidden; display: block; margin: 5px 0px; padding: 0px; font-weight: bold; text-decoration: none; font-size: 15px; color: #eee; font-style: normal; text-overflow: ellipsis; text-align: left; white-space: nowrap; }
.thumb-title a { color: #ddd; }

.thumb-tags { line-height: 20px; height: 20px; overflow: hidden; display: block; margin: 5px 0px; padding: 0px; font-weight: normal; text-decoration: none; font-size: 14px; color: #eee; font-style: normal; text-overflow: clip; text-align: left; }
.thumb-tags li { display: inline-block;  margin: 0px 8px 10px 0; }
.thumb-tags a { color: #eee; text-decoration: none; background-color: #111; padding: 3px 4px; }

.pagination { text-align: center; font-size: 13px; margin: 15px 5px 20px 5px; clear: both; }
.pagination a { padding: 10px 15px; margin: 0px 3px; text-decoration: none; font-weight: bold; background-color: #111; color: #eee; border: 0px solid #ddd; border-radius: 2px;  }
.pagination a:hover, .trends a:hover, .tags a:hover, .thumb-tags a:hover , .thumb-in:hover .thumb-title{ color: #FFCC33; }

.native {background-color: #111; padding: 20px 10px; text-align: center; overflow: hidden; clear: both; margin: 10px 0; }

.trends { padding: 5px 10px; overflow: hidden; clear: both; text-align: left; margin-bottom: 15px; }
.trends li {display: inline-block;}
.trends a { padding: 3px 4px; margin: 4px 8px 4px 0; background-color: #111; text-decoration: none; color: #eee; display: inline-block; border: 0px solid #ddd; border-radius: 0px; }
.tags a   { padding: 3px 4px; margin: 4px 8px 4px 0; background-color: #111; text-decoration: none; color: #eee; display: inline-block; border: 0px solid #ddd; border-radius: 0px; }

.footer { padding: 15px 0; font-size: 14px; overflow: hidden; clear: both; text-align: left; color: #eee; }
.footer p { padding: 0 10px; margin: 0; }
.footer a { color: #eee; }

@media all and (max-width: 1505px) {
.wrap { max-width: 100%;}
.container { max-width: 100%;}
.thumb { width: 25%; }
}

@media all and (max-width: 1115px) {
.player { padding-bottom: 45%; margin: 0 0 5px 0; }
.container { max-width: 100%;}
.thumb { width: 33.33333%; }
}

@media all and (max-width: 655px) {
.container { width: 100%;}
.thumb { width: 50%; }

.top { text-align: center; }
.header { text-align: center; }
.search { float: none; }
}

@media all and (max-width: 330px) {
.thumb { width: 100%; }
}

.error {background-color: #000 ;}

#hidden-player{background-color: #000;position:relative;height:500px;width:98%;margin:10px 1%;padding:0;clear: both; }
@media (max-width:980px){#hidden-player{height:420px;}}
@media (max-width:767px){#hidden-player{height:350px}}
@media (max-width:480px){#hidden-player{height:250px}}

.ad900{clear:both;width:100%;max-width:900px;margin:auto 0;}
.ad600{clear:both;width:100%;max-width:600px;margin:auto auto;}
.ad300x100{width:300px;height:100px;float:left;}
.ad300x250{width:300px;height:250px;float:left;}
@media screen and (max-width:599px) {.ad300x100, .ad300x250{width:100%;max-width:600px}}
.adspll300 {width:300px;height:250px;float:left;padding:0;margin:0;}
.adsplx300{width:100%;max-width:1200px;height:250px;overflow:hidden;margin: 5px auto;padding:0}
@media only screen (min-width:1200px) {.adsplx300{max-width:1200px;}}
@media only screen (max-width:1199px) {.adsplx300{max-width:900px}}
@media only screen and (max-width:899px) {.adsplx300{max-width:600px}}
@media only screen and (max-width:599px) {.adsplx300{max-width:300px}}