/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=PT+Sans|Coustard);

body { height: 100%; color: #ffffff; background-color: #333;}

/* Header */

.head { margin-bottom: 20px; }

.top-left { min-height: 500px; background-color: rgba(0,0,0,0.9); }
.logo img { margin: 20px 10px 0 10px; width: 205px; }
.logo p { font-size: 11px; text-align: center; margin-top: 5px; line-height: 14px;}
.menu { position: absolute; bottom: 0; }
.menu ul { margin: 0 0 20px 20px; }
.menu li { font-family: 'Coustard', serif; font-size: 18px; line-height: 24px; }
.menu li a { color: #ff9; text-decoration: none; }
.menu li a:hover { color: #fff; text-decoration: underline; }

.top-right { min-height: 500px; }
.upcoming { position: absolute; bottom: 0; right: 0; }
.upcoming h1, .upcoming h2, .upcoming h3 { text-align: right; margin: 10px 0 0 0; padding: 5px 10px 5px 10px; }
.upcoming h1 { background-color: #06F; font-size: 26px; }
.upcoming h2 { background-color: #C00; font-size: 24px; }
.upcoming h3 { background-color: #090; font-size: 18px; }
.upcoming a { color: #fff; text-decoration: none; }
.inlay div { float: right; }

.photo { height: 150px; margin-bottom: 20px; }

.box { min-height: 80px; color: #000; text-align: center; overflow: visible; z-index: 0;}
.box:hover { min-height: 80px; color: #000; text-align: center; overflow: visible; z-index: 1; top: -70px;}
.box img { margin: 5px 5px 0 5px; width: 120px; }
.box img:hover { margin: 5px 5px 0 5px; width: 160px; }
.rotate-1:hover, .rotate-2:hover, .rotate-3:hover, .rotate-4:hover { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); }

.rotate-1 { -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
.rotate-2 { -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); }
.rotate-3 { -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); }
.rotate-4 { -moz-transform:rotate(7deg); -webkit-transform:rotate(7deg); }

.info-term { margin-bottom: 20px; }
.info-term p { font-size: 14px; margin: 5px 130px 5px 20px; line-height: 1.2em; }
.info-term h2 { margin: 15px 0 0 10px; }
.party, .football { min-height: 130px; }
.party { background-image: url('../images/open-stage.png');}
.party a { color: #fff; }
.football { background-image: url('../images/football.png'); }

.date { width: 60px; background-color: rgba(255,255,255,1.0); text-align: center; padding: 10px 0; }
.date p { color: #000; font-family: 'Coustard', serif; font-weight: normal; line-height: 14px; }

.single-date { width: 60px; background-color: rgba(255,255,255,1.0); text-align: center; padding: 10px 0; }
.single-date p { color: #000; font-family: 'Coustard', serif; font-weight: normal; line-height: 14px; }
.post { background-color: rgba(0,0,0,0.8); margin-bottom: 20px; }
.postheadline { margin: 15px 0 0 0; color: #fff; }
.postheadline a { color: #fff; }
.postsubline { font-size: 12px; margin-top: 5px; }
.postsubline a { color: #ff9; text-decoration: none; }
.postsubline a:hover { color: #fff; text-decoration: underline; }
.postcontent { margin-top: 10px; }
.postcontent p { margin: 0 65px 20px 65px; line-height: 18px; text-align: justify;}
a.excerpt { color: #ff9; text-decoration: none; }
a.excerpt:hover { color: #fff; text-decoration: underline; }

.singlepost { min-height: 338px; }
.singlepost .postcontent{ margin-top: 30px; }
.single-post-headline { background-color: rgba(0,0,0,0.8); margin-bottom: 20px; }
.single-post-headline h1 { margin: 10px 0 0 0; }
.single-post-headline .postsubline {  }
.single-post-footer { min-height: 60px; background-color: rgba(0,0,0,0.8); text-align: center; }
.single-post-footer ul { list-style: none; font-size: 14px; margin-top: 20px; }
.single-post-footer li { display: inline; margin: 0 75px 0 75px; }
.single-post-footer a { text-decoration: underline; color: #ff9; }
.single-post-footer a:hover { text-decoration: none; color: #fff; }
.more-from a { color: #ff9; text-decoration: none; }
.more-from a:hover { color: #fff; text-decoration: underline; }
h1.more-from-archive { margin: 50px 0 50px 20px; }
.more-from-archive a { color: #ff9; text-decoration: none; }
.more-from-archive a:hover { color: #fff; text-decoration: underline; }

.postcontent code { white-space:normal ; }

.category-fussball { border-top: 3px solid #060; }
.category-featured { border-top: 3px solid #CF0; }
.category-news { border-top: 3px solid #C00; }
.category-party { border-top: 3px solid #06F; }

.no-post { padding: 30px; text-align: center;}

.page { background-color: rgba(0,0,0,0.8); margin-bottom: 20px; }
.page h1 { margin: 20px 0 0 20px; }
.page a { color: #ff9; text-decoration: none; }
.page a:hover { color: #fff; text-decoration: underline; }

.sidebar { text-align: right; }
.menu-box { background-color: rgba(0,0,0,0.8); margin-bottom: 20px; } 
.menu-box h1 { margin: 20px 20px 10px 0; }
.menu-box ul { margin: 0 20px 20px 0; }
.menu-box li { line-height: 18px; }
.menu-box a { color: #fff; text-decoration: none; }
.menu-box a:hover { color: #fff; text-decoration: underline; }

.index-footer .facebook, .index-footer .twitter { margin-bottom: 20px; background-color: rgba(0,0,0,0.8); height: 150px;  }
.index-footer h2 { margin: 15px 0 10px 15px; }

.facebook p { margin-left: 20px; }

.twitter-logo { max-height: 0px; margin-top: -1px; }
.twitter img { width: 100px; position: absolute; top: 60px; right: -40px; }
.twitter img:hover { width: 128px; position: absolute; top: 34px; right: -40px; }
.twitter p.tweet { text-align: center; margin: 10px 30px 10px 30px; font-size: 16px; font-style: italic; }
.tweet { min-height: 55px; } 
.twitter p.info { text-align: left; margin: 20px 0 0 30px; font-size: 12px; font-style: normal; }
.twitter p.info a { text-decoration: none; color: #ff9; }
.twitter p.info a:hover { text-decoration: underline; color: #fff; }

.footer { background-color: rgba(0,0,0,0.8); min-height: 200px; }

.top-footer { min-height: 170px; color: #000; }
.top-footer h2 { margin: 20px 0 10px 20px; color: #fff; }
.top-footer ul { margin: 0 0 20px 20px; }
.top-footer li { font-family: 'Coustard', serif; font-size: 18px; line-height: 24px; }
.top-footer li a { color: #ff9; text-decoration: none; }
.top-footer li a:hover { color: #fff; text-decoration: underline; }
.footer-contact p { text-align: center; font-size: 12px; margin-top: 10px; }
.footer-contact img { width: 150px; margin: 40px 0 0 75px; }

.copyright { text-align: center; font-size: 10px; }

h1, h2, h3 { font-family: 'Coustard', serif; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

p, li {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}

.sep { border-top: 2px solid #fff; margin: 0 0 20px 0; }

.modal { width: 520px; height:360px; margin: 40px auto 0 auto; background-color: rgba(0,0,0,0.9); }


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}