@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Quadranta;
	font-weight: bold;
	src: url('Quadranta-Bold.otf');
}

body{
	margin:0;
	margin-top:0px;
	background-color:#EFF;
	background-image:url(images/cloudsdale.gif), url(images/ponyville.jpg);
	background-size:80%, 100%;
	background-position:center 30px, center bottom;
	background-repeat:no-repeat, no-repeat;	
    font-family: 'PT Sans';
    font-size: 12pt;
	letter-spacing: 1px;;
}

a {
	color:#000;
	text-decoration:none;
}

#searchform {
	text-align:right;
	margin-right:50px;
	margin-top: 10px;	
}

/* Navigation */
nav {
	display:block;
	width:800px;
	height:30px;
	font-family:Quadranta;
	font-weight:bold;
	color:#EEE;
	margin:0 auto;
}

nav a {
	float:left;
	display:block;
	margin: 0px auto;
	color:#EEE;
	font-size:1.063em;
	line-height:25px;
	text-align:center;
	text-decoration:none;		
	width:136px;
	height:30px;
}
nav #news, nav #media, nav #fanfics, nav #art {
	margin-right: 30px;
}
nav #news {
	background-color:#cf6bff;	
}
nav #media {
	background-color:#1cace1;	
}
nav #fanfics {	
	background-color:#f7cf28;
}
nav #art {	
	background-color:#f68b22;
}
nav #games {
	background-color:#cf4216;
}
nav #Episodes {
	background-color:#2ea92e;
}

/* Header */
header #title-content h1, header #title-content h2 {
    font-family: "Quadranta",sans-serif;
	margin:0px;
}
header #title-content h1 {
    color: #1D375D;
    font-size: 82px;
	letter-spacing:2px;
	line-height:20px;
    padding: 20px 0;
    text-align: center;
}
header #title-content h2 {
    color: #CF4216;
    font-size: 22px;
	letter-spacing:1px;
    margin: -20px auto 0;
    padding-bottom: 40px;
	line-height:75px;
    text-align: right;
    width: 522px;
}

#title-content {
	background-color:rgba(255,255,255,0.9);
	width:auto;
	height:140px;
	padding-top:20px;
}
#title-content a {
	display:block;
	width:520px;
	margin:0 auto;
	padding:10px;
}

/* Content */
main {
	background-image:url(images/dashi.png), url(images/derpy.png);
	background-position:30% 20px, 80% 10px;
	background-repeat:no-repeat;
	padding-top:300px;
	min-width:1000px;
	max-width:100%;
	margin:0 auto;
}
main #stick {
	position:relative;
	background-color:rgba(255,255,255,0.85);
	border:solid 1px #AAA;
	width:80%;
	height:200px;
	margin:0 auto 7px;
	padding: 50px 0 3px;
}

main #stick .sticky {
	position:absolute;
	height:190px;
	width: 33%;
	float:left;
}
main #stick .middle {
	margin: 0 5px;
}
main #stick .p2 {
	left:33.5%;
}
main #stick .p3 {
	right:0px;
}
main #stick .sticky .sticky-title {	
	text-decoration:none;
	overflow:hidden;
	display:block;	
    font-family: 'PT Sans';
	font-size:1.5em;
	color:#EEE;
	font-weight:bold;
	height:65px;
	margin-top:110px;
	padding-left:10px;
}
main #stick .sticky .news, main #stick .sticky .allgemein{	
	background-color: #cf6bff;	
	background-color:rgba(207, 107, 255,0.80);
}
main #stick .sticky .media {	
	background-color: #20ade2;	
	background-color:rgba(32, 173, 226,0.80);
}
main #stick .sticky .fanfic {	
	background-color: #f7cf28;	
	background-color:rgba(247, 207, 40,0.80);
}
main #stick .sticky .comic, main #stick .sticky .art {	
	background-color: #F68516;	
	background-color:rgba(246, 133, 22,0.80);
}
main #stick .sticky .games {	
	background-color: #cf4216;	
	background-color:rgba(207, 66, 22,0.80);
}
main #article {
	background-color:rgba(255,255,255,0.85);
	border:solid 1px #AAA;
	width:80%;
	margin:0 auto;
	padding-bottom:25px;	
}

/* Artikel */
article {
	padding-bottom:90px;
	min-height: 200px;
}
#article {
	padding-top:47px;
}
#article .post {
	position:relative;
    margin-top: 30px;	
    width: 85%;
}
.null#article  {
	position: relative;
	background-image:url(images/404.png);
	background-repeat:no-repeat;
	background-size:750px auto;
	background-position:center bottom;
	height:700px;
}
.null#article article {
	background-color:rgba(255,204,0,0.85);
	position:relative;
	border-radius:50px;
	margin-top: 85px;
	margin-left:40%;
	height: 220px;
	width: 430px;
}
.null#article .post {
	padding:100px 50px;
}
#article .type {
	position: absolute;
	top:-10px;
    font-family: 'PT Sans';
    font-size: 1em;
    font-style: italic;
    height: 17px;
    left: 130px;
    text-align: left;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top:2px;
	text-transform:uppercase;
}
#article .title {
	font-family: 'PT Sans';
    font-size: 2.54em;
    font-style: normal;
    height: 65px;
    text-align: left;
	padding-left: 138px;
	padding-top:5px;
}
#article .autor {
	position:absolute;
	top:60px;
    font-family: 'PT Sans';
    font-size: 1em;
    font-style: italic;
    height: 23px;
    left: 130px;
    text-align: left;
	padding-left: 10px;
    width: 175px;	
	padding-bottom:2px;
}
#article .image {
	position:relative;
	float:left;
	margin-right:20px;
    height: 185px;
    width: 185px;
}
#article .text-title {
    font-family: 'PT Sans';
    font-size: 1.563em;
    font-style: normal;
    height: 50px;
    padding-left: 138px;
    padding-top: 20px;
    text-align: left;
}
#article .text-image {
	z-index:10;
	float:right;
	position:relative;
	margin-top: 15px;
	margin-right:15px;
}
#article .text-image img {
	max-weight:300px;
}
#article .text-single {
	z-index:1;
	position:relative;
	margin-top: 30px;	
	margin-left: 130px;
	padding-right:0px;
	color: #222;
	font-family: 'PT Sans';
	font-size: 1em;
	font-style: normal;
	text-align: left;
}
#article .page-single {
	padding-right: 150px;
}
#article .text-single a {	
	color: #CF6BFF;
	font-style:italic;
}
#article .text-single img {	
	max-width: 100%;
	height: auto;
}
#article .text-single img.alignleft {	
	padding-left: 0px;
	padding-right: 10px;
}
#article .text-single img.alignright, #article .text-single img.wp-post-image {
	padding-left: 10px;
	padding-right: 0px;
}
#article .text {
	position:relative;
	padding-right:0px;
	margin-left: 130px;
	color: #222;
	font-family: 'PT Sans';
	font-size: 1em;
	font-style: normal;
	text-align: left;
	line-height:150%;
}
#article .text .spoiler{
	margin-top: 15px;	
	padding-bottom: 20px;
	padding-top:5px;
}
#article .text a {	
	color:#06C;
}
#article h4 {
    font-family: 'PT Sans';
    font-size: 1.1em;
	font-weight:bold;
	margin: 0;
}
#article p {
	margin-top: 5px;
}
#article .headline div.bronyfair {	
	background-image: url(images/logo_bronyfair.png), url(images/skyline.png);
	background-size: auto, auto;
	background-position: 25px 3px, right bottom;
	background-repeat: no-repeat, no-repeat;
}
#article .headline div a {
	color:#EEE;
	text-decoration:none;
}
#article .headline div.title {	
	overflow: hidden;
}
#article .headline div.news, #article .headline div.allgemein {	
	background-color: #cf6bff;
    color: #EEE;
}
#article .headline div.media {	
	background-color: #20ade2;
    color: #EEE;
}
#article .headline div.fanfic {	
	background-color: #f7cf28;
    color: #EEE;
}
#article .headline div.comic, #article .headline div.art {	
	background-color: #F68516;
    color: #EEE;
}
#article .headline div.games {	
	background-color: #cf4216;
    color: #EEE;
}
#article .headline div.Episodes {	
	background-color: #2ea92e;
    color: #EEE;
}
#article .text .news a, #article .text .allgemein a {
	color: #cf6bff;
	text-decoration:none;	
}
#article .text .media a {	
	color: #20ade2;	
	text-decoration:none;
}
#article .text .fanfic a {	
	color: #f7cf28;
	text-decoration:none;	
}
#article .text .comic a, #article .text .art a {	
	color: #F68516;
	text-decoration:none;	
}
#article .text .games a {	
	color: #cf4216;
	text-decoration:none;	
}
#article a.news, #article a.allgemein {	
	color: #cf6bff;	
}
#article a.media {	
	color: #20ade2;	
}
#article a.fanfic {	
	color: #f7cf28;	
}
#article a.comic, #article a.art {	
	color: #F68516;	
}
#article a.games {	
	color: #cf4216;	
}
#article a.mehr {
	font-size:0.836em;
	display:block;
	text-align:right;
	text-decoration:none;
}
#article a.more-link {
	display:none;
}
article .alignright {
	float: right;
	text-align:right;
}
article .alignleft {
	float: left;
	text-align:left;
}

/* Kommentare */
#comments {
	width:auto;
	padding-left:150px;
	clear: both;
	display: block;
}
#comments ol, #comments ul, #comments li{
	list-style-type: none;
}
#comments li{
	padding-bottom:3px;
	padding-left:10px;
	padding-top:10px;
}
#comments-title, #reply-title {
	display:none;
}
#comments a {
	text-decoration:none;
	color:#069;
}

.comment-meta, .comment-awaiting-moderation {
  color: #f36;
  font-size: 0.8em;
  font-style: italic;
  margin-right: 10px;
  text-align: right;
}
.comment-author {
	padding-bottom:5px;
}
#comments .avatar {
	border-radius:20px;
	background-color:#FFCFFF;
}
.comment-body {
	padding:0 20px;
}
.reply {
	padding-bottom:35px;
	padding-left:20px;
}
.thread-even {
	background-color:#EFF;	
}
.thread-even ul.children div{
	background-color:#DDE;
	padding-left: 5px;
    padding-top: 5px;
}
ul.children li.comment div.comment-body{
	padding:0 20px;
}
ul.children li.comment div.reply {
	padding-bottom:35px;
	padding-left:20px;
}
.thread-alt {
	background-color:#DDE;	
}
.thread-alt ul.children div {
	background-color:#EFF;
	padding-left: 5px;
    padding-top: 5px;
}
.form-allowed-tags {
	display:none;
}
#commentform {	
	background-color:#EFF;
	padding:10px;
}

/* Autoren-Seite */
.author-info{
	position:relative;
	height: 200px;
	padding-top: 25px;
}
.author-info .author-avatar{
	position:absolute;
	z-index:10;
	top:0px;
	left:138px;
}
.author-info .author-name{
	    background-color: #20ADE2;
    	color: #EEE;
		font-family: 'PT Sans';
		font-size: 2.54em;
		font-style: normal;
		height: 65px;
		margin-top: 50px;
		padding-left: 360px;
		padding-top: 5px;
		text-align: left;
}
.author-description{	
		font-family: 'PT Sans';		
		padding-left: 138px;
}

/* Footer */
footer {
	width:100%;
	min-width: 1000px;
}
#footer {
	min-width:800px;
	width:80%;
	margin:0 auto;
	margin:10px auto;
}
footer a {
	color:#EEE;
	text-decoration:none;
}
#footer h3 {
	color:#EEE;
}
#footer #autor-box {
	background-color:rgba(0,0,0,0.70);
	border:solid 1px #AAA;
	border-radius:20px;
	float:left;	
	width:300px;
	float:left;
    padding-bottom: 20px;
    margin: 0 4% 0 2%;
}
#footer #autor-box a{
	display:block;
	float:left;
}
#footer #middle{
	background-color:rgba(0,0,0,0.70);
	border:solid 1px #AAA;
	border-radius:20px;
	float:left;
    margin: 1%;
	width: 150px;
}
#footer #middle #archiv{
	color:#EEE;
	padding-left: 30px;
	padding-top: 10px;
}
#footer #middle #footer-social {
	padding-top:0px;
}
#footer #links #footer-social {
	padding-top:0px;
    text-align: center;
}
#footer #links {
	background-color:rgba(0,0,0,0.70);
	border:solid 1px #AAA;
	border-radius:20px;
	float:left;
	width:46%;
}
#footer #links .partner img {
	width:100%;
	min-width:250px;
	padding-bottom:10px;
}
.impressum {
	display:block;
	text-align: center;
	width: 100%;
	margin-bottom:200px;
}