* {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color: #77536f;
}
body {
	font-family: Tahoma;
	background-color: #f9f9f9;
}
header {
	
}
#info {
	clear: both;
	margin: 0 auto;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #ffe5cc;
	text-align: left;
}
.speedbar {
	background-color: #eee;
	text-align: center;
	font-size: 11px;
	padding: 2px 12px;
}
#logo {
	margin: 10px 0 5px 4%;
	float: left;
}
#logo, #logo img {
	width: 50px;
	height: 50px;
}
#catstoggle {
	cursor: pointer;
	background-color: #eee;
	border-radius: 3px;
	color: #77536f;
	padding: 7px;
	margin: 20px -100px 0 20px;
	float: left;
}

#search {
	width: 120px;
	height: 32px;
	margin: 20px 4% 0 0;
	border: 1px solid #eee;
	border-radius: 3px;
	float: right;
}
#search #story {
	width: 63%;
	height: 30px;
	margin: 0 2px 0 14px;
	padding: 2px 0 0 0;
	color: #77536f;
	background-color: transparent;
	font-size: 16px;
	float: left;
}
#search_bt{
	width: 16px;
	height: 16px;
	margin: 8px 10px 0 2px;
	float: right;
}

nav, #tags {
	clear: both;
	margin: 0 4% 10px 4%;
}
nav a, #tags a {
	display: inline-block;
	padding: 7px;
}
nav a:hover, #tags a:hover {
	color: #77536f;
	background-color: #eee;
	border-radius: 3px;
}
nav .current {
	color: white;
	background-color: #656565;
	border-radius: 3px;
}
/*
#tags {
	margin: 0 auto;
	width: 92%;
	text-align: left;
	line-height: 2.2;
	color: #77536f;
}
#tags a {
	text-decoration: underline;
	border-bottom: 1px dotted #77536f;
}
*/
#masonry {
	padding-left: 10px;
	text-align: center;
}
figure {
	display: inline-block;
	position: relative;
	margin: 0 10px 10px 0;
	border-radius: 3px;
	overflow: hidden;
}
figure img {
	display: block;
	width: 100%;
}
figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.6);
}
figcaption p {
	color: white;
	padding: 2px 5px;
}
figcaption a {
	color: white;
	font-size: 14px;
	text-decoration: none;
}
.s {
	width: 30%;
}
.s1 {
	width: 610px;
	height: 169px;
}
.s2 {
	width: 300px;
	height: 348px;
}
.s3 {
	width: 610px;
	height: 348px;
}
.as { /* Aspect ratio 16:9 */
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background-color: #eee;
}
.ra {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
h1, h2 {
	color: #77536f;
	font-family: Helvetica;
	text-align: center;
	font-size: 16px;
	margin: 16px;
}
article {
	width: 92%;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	text-align: left;
	margin: 0 auto 40px auto;
	clear: both;
}
#playerwrapper {
	/*width: 92%;*/
	margin: 0 auto;
}
#player {
	margin: 0 auto;
}
#player:focus {
	outline: 0;
}
#playerframe {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 56%;
	padding-top: 20px;
	height: 0;
}
#playerframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#download {
	margin: 20px;
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
}
#download a, #download div {
	margin-left: 7px;
}
#links {
	margin: 20px 0;
}
#links div, #links {float: left;}
#links div {cursor: pointer; color: #77536f; text-decoration: underline;}
.btn, .navigation a, .tags a {
	margin-top:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-size:14px;
	padding:5px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn:hover, .navigation a:hover, .tags a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.btn:active, .navigation a:active, .tags a:active {
	position:relative;
	top:1px;
}
.adv {
	width: 92%;
	height: 265px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	overflow: hidden;
}
.navigation {
	clear: both;
	width: 92%;
	margin: 10px auto;
	text-align: center;
	font-size: 14px;
	word-spacing: 14px;
	color: #777;
	line-height: 1.5;
}
.hidden {
	width: 0;
	height: 0;
}
.invisible {
	display: none;
}
footer {
	/*
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	*/
	clear: both;
	height: 18px;
	margin-top: 20px;
	font-size: 12px;
	background-color: #eee;
}
footer .left {
	float: left;
	padding: 2px 4% 0 4%;
}
footer .right {
	float: right;
	padding: 2px 4% 0 4%;
}

/* 240p */
/*
@media all and (min-width: 427px) and (min-height: 240px) {
	#playerwrapper {
		width: 427px;
	}
}
*/

/* 360p */
@media all and (min-width: 640px) and (min-height: 480px) {
	#playerwrapper {
		width: 640px;
	}
}

/* 480p */
@media all and (min-width: 890px) and (min-height: 600px) {
	#playerwrapper {
		width: 853px;
	}
}

/* 720p */
@media all and (min-width: 1320px) and (min-height: 820px) {
	#playerwrapper {
		width: 1280px;
	}
}

/* 1080p */
@media all and (min-width: 1940px) and (min-height: 1180px) {
	#playerwrapper {
		width: 1920px;
	}
}

@media (max-width: 1200px) {
	.s {
		width: 47%;
	}
	figure {
		margin: 0 10px 10px 0;
	}
	#masonry {
		padding-left: 10px;
	}
	/*.pages a, .nav_ext {
		display: none;
	}
	*/
}

@media (max-width: 627px) {
	#cats {
		display: none;
	}

@media (max-width: 479px) {
	.s {
		width: 100%;
	}
	figure {
		margin: 0 0 10px 0;
		border-radius: 0;
	}
	#masonry {
		padding-left: 0;
	}
}