html, body{margin:0;}
body{ font-family:Verdana, sans-serif; font-size:13px;}
.clear{clear:both;}
.container{width:100%; max-width:700px; margin:0 auto;}
.header{text-align:center; background:#C00; color:#fafafa;}
h2{font-size:16px; padding:6px 10px 4px; margin:0; display:block;}
h6{font-size:12px; display:block; background:#C00; padding:4px; margin:0; color:#fafafa; font-weight:bold;}
.desc{text-transform:capitalize; padding-bottom:6px; font-weight:bold; font-size:10px;}
.random-region{margin:0; background:#fafafa; text-align:center; position: relative;}
td.image{width:120px; transition:all 300ms;}
td.image img{width:100%; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
h3{font-size:14px; background:#333333; color:#fafafa; text-align:center; padding:8px 4px; margin:0;}
.listing{width:100%;}
.listing td{padding:10px 2px;}
.listing td{vertical-align:top; font-size:9px; }
.listing td{border-bottom:#999 solid 1px;}
h4{margin:0 0 6px; font-size:12px;}
li a, tr > a{ display: block; padding: 6px 20px;}
a{text-decoration:none; color:#09F;}
a:hover{font-weight:bold;}
.listing td.description{padding-left:14px;}
.description span{font-weight:bold;}

.cat-list{list-style:none; margin:0; padding:0; background:#fafafa;}
.cat-list li{margin:0;  background:url(images/arrow.png) 2px center no-repeat; border-bottom: #999 solid 1px;}

.single-list{list-style:none; margin:0; padding:0; background:#fafafa;}
.single-list li{margin:0; padding:0; border-bottom: #999 solid 1px;}

.single-list .li-download{margin:0;  background:url(images/arrow.png) 2px center no-repeat; border-bottom: #999 solid 1px;}

.footer{font-size:16px; background:#C00; padding:6px 4px; color:#fafafa; font-weight:bold; text-align:center;}
.pagination{text-align:center; padding:16px 2px;}
.pagination a{background:#eaeaea; color:#C00; border:#ccc solid 1px; padding:8px 6px; font-weight:bold; font-size:10px;}
.page-numbers{display:inline-block; margin:0 10px;}
.gal-images img{width:25%; float:left;}
.description .info{padding-left:4px; margin:4px 0;}


.rand{text-align:center; background:#C00; color:#fafafa;}
.naa{text-align:left}

#hide{
display: none !important;
}

.tags{margin:10px auto;}

.input{margin:5px 10px; padding:10px; border:1px solid #06F; outline:none; border-radius:10px; color:#333333; width:40%;}
.button{margin:5px auto; padding:5px 10px; border:none; outline:none; border-radius:10px; background:#06F; color:#ffffff; cursor:pointer;}
input:not([type]), input[type="text"]
{margin:5px 10px; padding:10px; border:1px solid #06F; outline:none; border-radius:10px; color:#333333; width:40%;}

input:not([type]), input[type="submit"]
{margin:5px auto; padding:10px 20px; border:none; outline:none; border-radius:10px; background:#06F; color:#ffffff; cursor:pointer;}

.new-info{margin:10px auto; padding:15px 20px; border-radius:10px; color:#C09; background-color:rgba(153,153,153,0.1); text-align:center;}
.center{text-align:center;}


.video-player{margin: auto; text-align: center;}

.p-auto{padding: 0;}
.p-auto a{padding: 0;}

.jump{text-align: center; margin: 10px auto;}
.goinput{width: 6% !important; padding: 6px 10px !important; border: 1px solid #d8d8d8 !important; border-radius: 4px !important; box-shadow: #ebebeb -1px 1px 0px 0px;}
.gosubmit{width: 50px !important; padding: 8px 10px !important; background: #d2d2d2 !important; color: #333333 !important; box-shadow: 0px 1px 2px 0px #333333; }


.switch-version{background: #0099FF; color: #fafafa; box-shadow: 0px 1px 4px 0px #000000;  font-size: 12px; cursor: pointer; border: none; outline: none; border-radius: 4px; padding: 6px 12px;  font-weight: bold;}
.switch-left{position: absolute; left: 0; top: 0; bottom: 0; border-top-right-radius: 12px; }
.switch-right{position: absolute; right: 0; top: 0; bottom: 0; border-bottom-left-radius: 12px; }

.switch-version-container{margin: 10px auto; position: relative; height: 30px; display: block;}


.text-center{text-align: center;}


@media only screen and (max-width: 400px) {
	.gal-images img{width:50%;}

	.input{width:50%;}
	input:not([type]), input[type="text"]{width:50%;}
}