/*
Theme Name: 
Theme URI:
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
*/
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	background: url(/wp-content/themes/piratenspiele/images/bg.jpg) fixed top center #000 no-repeat;
	color: #000;
}
img {
	border: none;
}
p {
	margin: 0 0 20px 0;
	line-height: 20px;
}
a {
	color: #52afa7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.alignright {
	padding: 0;
	margin: 0 0 0 15px;
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	padding: 0;
	margin: 0 15px 0 0;
	display: inline;
	float: left;
}
.clear {
	clear: both;
}
strong, b, h1, h2, h3, h4, h5, th {
	font-weight: 400;
}
a.goto {
	background: #f0b7a1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(50%,#8c3310), color-stop(51%,#752201), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #6B380C;
	text-shadow: 0 -1px 0 #6B380C;
	color: #fff;
	font-weight: 700;
}
a.goto:hover {
	text-decoration: none;
	background: #bf6e4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #bf6e4e 0%, #752201 49%, #8c3310 50%, #f0b7a1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf6e4e), color-stop(49%,#752201), color-stop(50%,#8c3310), color-stop(100%,#f0b7a1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bf6e4e 0%,#752201 49%,#8c3310 50%,#f0b7a1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bf6e4e 0%,#752201 49%,#8c3310 50%,#f0b7a1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bf6e4e 0%,#752201 49%,#8c3310 50%,#f0b7a1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bf6e4e 0%,#752201 49%,#8c3310 50%,#f0b7a1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6e4e', endColorstr='#f0b7a1',GradientType=0 ); /* IE6-9 */
}
/* WRAPPER */

#wrapper {
	width: 1000px;
	margin: 100px auto 50px auto;
	background: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 0 15px #999;
	-moz-box-shadow: 0 0 15px #999;
	-webkit-box-shadow: 0 0 15px #999;
}
/* WRAPPER */

header {
	width: 1000px;
	height: 100px;
	position: relative;
	background: #454545;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	z-index: 999;
	border-bottom: 1px solid #000;
}
header a.logo {
	width: 396px;
	height: 100px;
	display: block;
	float: left;
	background-image: url(/wp-content/themes/piratenspiele/images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px -7px;
	margin: 0 0 0 0;
}
header a.logo:hover {
	background-color: #595959;
	border-radius: 7px 0 0 0;
	-moz-border-radius: 7px 0 0 0;
	-webkit-border-radius: 7px 0 0 0;
}
header .h1 {
	width: 535px;
	height: 20px;
	position: absolute;
	top: 65px;
	left: 25px;
	line-height: 20px;
	font-weight: 400;
	text-shadow: 0 -1px 0 #000;
	color: #eee;
	font-size: 13px;
}
header nav {
	float: right;
	height: 100px;
	position: relative;
}
header nav ul {
	width: 100%;
	height: 100px;
	position: relative;
}
header nav ul li {
	float: left;
	list-style: none;
	border-left: 1px solid #000;
	position: relative;
}
header nav ul li a {
	height: 100px;
	width: 150px;
	display: block;
	background-repeat: no-repeat;
	background-position: center 12px;
	text-align: center;
	line-height: 150px;
	color: #eee;
	text-shadow: 0 -1px 0 #000;
	text-decoration: none;
	font-weight: 400;
	position: relative;
}
header nav ul li.cat-item-0 a {
	background-image: url(/wp-content/themes/piratenspiele/images/icon-home.png);
	border-bottom: none;
}
header nav ul li.cat-item-1 a {
	background-image: url(/wp-content/themes/piratenspiele/images/icon-browsergame.png);
}
header nav ul li.cat-item-2 a {
	background-image: url(/wp-content/themes/piratenspiele/images/icon-pc.png);
	border-radius: 0 7px 0 0;
	-moz-border-radius: 0 7px 0 0;
	-webkit-border-radius: 0 7px 0 0;
}
header nav ul li.cat-item-3 a {
	background-image: url(/wp-content/themes/piratenspiele/images/icon-flashgames.png);
}
header nav ul li.cat-item-2:hover a {
	border-radius: 0 7px 0 0;
	-moz-border-radius: 0 7px 0 0;
	-webkit-border-radius: 0 7px 0 0;
}
header nav ul li.current-cat a, header nav ul li:hover a {
	background-color: #595959;
	text-decoration: none;
	z-index: 999;
	position: relative;
}
header nav ul li.current-cat a {
	border-bottom: 1px solid #595959;
	color: #52afa7;
}
/* SUBMENU */

aside {
	padding: 5px 5px;
	background: #595959;
	width: 990px;
	position: relative;
	z-index: 9;
}
aside ul {
	width: 100%;
	float: left;
}
aside ul li {
	list-style: none;
	float: left;
	margin: 0 2px 2px 0;
}
aside ul li a {
	padding: 5px 12px;
	display: block;
	color: #fefefe;
	text-shadow: 0 -1px 0 #000;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
aside ul li a:hover, aside ul li.active a {
	background: #454545;
	text-decoration: none;
	box-shadow: inset 0 1px 2px 0 #000;
	color: #52afa7;
}
/* CONTENT */
#content {
	background: #F5F5F5;
	padding: 25px;
	width: 950px;
}
div#flashgames {
	width: 720px;
	margin: 0 0 20px 0;
	padding: 10px 115px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #F5F5F5;
}
section {
	width: 100%;
	position: relative;
}
section h1, section h2, section h3, section h4 {
	width: 100%;
	margin: 0 0 15px 0;
	line-height: 30px;
	font-size: 22px;
}
section a.goto.top {
	float: right;
	padding: 6px 25px;
}
section a.goto.bottom {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
	display: block;
	font-size: 30px;
}
/* POSTS */

section #posts {
	margin: 0 0 0 0;
	width: 100%;
	position: relative;
}
section #posts .post {
	float: left;
	margin: 0 25px 25px 0;
	width: 300px;
}
section #posts .post.last {
	margin: 0 0 25px 0;
	float: right;
}
section #posts .post h3 {
	width: 100%;
	line-height: 30px;
	font-size: 20px;
}
section #posts .post .entry {
	width: 300px;
	height: 220px;
	overflow: hidden;
	margin: 0 0 10px 0;
}
section #posts .post .entry img.thumb {
	width: 300px;
	height: 220px;
	display: block;
	background: #fefefe;
	margin: 0 0 20px 0;
	cursor: pointer;
}

section #posts .post .entry img.thumb:hover {
	width: 296px;
	height: 216px;
	padding:2px;
}
section #posts .post .entry p {
	margin: 0;
	width: 100%;
}
section #posts .post a.play {
	width: 200px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	float: left;
	border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
}
section #posts .post div.details {
	width: 96px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	float: left;
	background: #55b5b1; /* Old browsers */
	background: -moz-linear-gradient(top,  #55b5b1 0%, #3e7584 49%, #4ba09a 50%, #52afa7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55b5b1), color-stop(49%,#3e7584), color-stop(50%,#4ba09a), color-stop(100%,#52afa7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #55b5b1 0%,#3e7584 49%,#4ba09a 50%,#52afa7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #55b5b1 0%,#3e7584 49%,#4ba09a 50%,#52afa7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #55b5b1 0%,#3e7584 49%,#4ba09a 50%,#52afa7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #55b5b1 0%,#3e7584 49%,#4ba09a 50%,#52afa7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b5b1', endColorstr='#52afa7',GradientType=0 ); /* IE6-9 */
	border: 1px solid #2A4070;
	text-shadow: 0 -1px 0 #2A4070;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
}
section #posts .post div.details:hover {
	background: #52afa7; /* Old browsers */
	background: -moz-linear-gradient(top,  #52afa7 0%, #4ba09a 50%, #3e7584 51%, #55b5b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52afa7), color-stop(50%,#4ba09a), color-stop(51%,#3e7584), color-stop(100%,#55b5b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #52afa7 0%,#4ba09a 50%,#3e7584 51%,#55b5b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #52afa7 0%,#4ba09a 50%,#3e7584 51%,#55b5b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #52afa7 0%,#4ba09a 50%,#3e7584 51%,#55b5b1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #52afa7 0%,#4ba09a 50%,#3e7584 51%,#55b5b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52afa7', endColorstr='#55b5b1',GradientType=0 ); /* IE6-9 */
}
section #posts .post div.details.big {
	width: 298px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
section #rating {
	float: right;
}

/* TOC */

section #toc {
	float:right;
	margin:0px 0 0 20px;
	background:#f5f5f5;
	padding:10px;
	width:300px;
}

section #toc #toc_title {
	width:100%;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #ccc;
	font-weight:400;
	color:#6e6e6e;
}

section #toc ul {
	margin:0 0 0 20px;
}

section #toc ul li {
	list-style:square;
	font-size:14px;
}

/*-----------*/
/* !IMPRINT  */
/*-----------*/

div#imprint ul li {
	display: table-row;
}	
div#imprint ul li.notable {
	display: inline-block !important;
}
div#imprint ul li span {
	display: table-cell;
}
div#imprint ul li span+span {
	padding-left: 10px;
}

/* FOOTER */

footer {
	width: 100%;
	position: relative;
	background: #545454;
	text-align: center;
	color: #eee;
	padding: 15px 0;
	width: 100%;
	border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	font-size: 12px;
}
footer p {
	margin: 0;
}
footer a {
	color: #eee;
}
@media (max-width: 643px) {
	body {
		background: none;
	}
	#wrapper,
	header,
	footer {
		width: 100%;
		margin: 0 auto;
		height: auto;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		overflow: hidden;
	}
	header a.logo {
		float: none;
		width: 90%;
		height: 80px;
		padding: 10px 5%;
		background-position: center center;
		background-size: 100%;
	}
	header .h1 {
		width: 90%;
		padding: 0 5%;
		left: 0;
		text-align: center;
		font-size: 10px;
	}
	header nav,
	header nav ul {
		width: 100%;
		height: auto;
		float: none;
		display: inline-block;
	}
	header nav ul li {
		width: 33.3%;
		border: none;
		border-top: 1px solid #000;
		position: relative;
		display: none;
	}
	header nav ul li+li {
		display: block;
	}
	header nav ul li::after {
		content: "";
		position: absolute;
		right: -1px;
		top: 0;
		height: 100%;
		width: 1px;
		background: #000;
	}
	header nav ul li a {
		width: 100%;
		height: 100px;
	}
	#content {
		width: 90%;
		padding: 20px 5%;
	}
	section #posts .post {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}
	section #posts .post .entry {
		width: 100%;
		margin: 0 0 20px 0;
		height: auto;
	}
	section #posts .post .entry img.thumb {
		max-width: 100%;
		height: auto;
		margin: 0 auto 20px auto;
		display: table;
	}
	section #posts .post a.play {
		width: 65%;
	}
	section #posts .post div.details {
		width: 33%;
	}
	section #posts .post div.details.big {
		width: 100%;
	}
	section #rating,
	aside {
		display: none;
	}
	div#flashgames {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
		display: none;
	}
	section #toc {
		float: none;
		width: 90%;
		padding: 10px 5%;
		margin: 0 0 20px 0;
	}
	.alignright,
	.alignleft,
	.aligncenter {
		margin: 0 auto 20px auto;;
		max-width: 100%;
		height: auto;
		display: table;
	}
	iframe {
		max-width: 100%;
		height: auto;		
	}
	section a.goto.bottom {
		width: 100%;
	}
}