-/*
 * General reusable definitions
 */
.pschorr-red {
	color: #CF000A;
}

.center {
	text-align: center;
}

/*
 * Object specific definitions
 */

#floaty {
	background-color: rgba(255,255,255,0.85);
	border-radius: 40px;
	padding: 20px;
	border: 2px solid #0071BB;
	border-top: 0;
	box-shadow: 0 0 30px 15px rgba(255,255,255,0.4);

	border-radius: 0;
	margin: 0;
	background: #fff;
}

#teaser {
	transform: rotate(10deg);
	position: absolute;
	font-size: 4em;
	font-weight: bold;
	margin-top: -40px;
	margin-left: -2em;
	color: #fff;
	text-shadow: 0 -3px #0071BB, 3px 0 #0071BB, 0 3px #0071BB, -3px 0 #0071BB;
}

.post {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;	
}

.announce-box {
	background-color: rgba(255,255,255,0.6);
	border-radius: 20px;
	border: 2px solid #0071BB;
	margin: 10px 0;
	min-height: 11em;
}

.announce-box h2 {
	border-bottom: 2px solid #0071BB;
	margin: 0;
	padding: 10px 0;
}

.announce-box p {
	margin: 10px 15px 3px 15px;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }

.btn-primary {
	background: #0071bb;
}

.progress-bar-skittles {
	background-color: #0071bb;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #0071bb;
    color: #fff;
}


/*
 * Element specific definitions
 */

html {
	background: url(../img/bg/1.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	background-color: transparent;
}

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

footer {
	color: #aaa;
	font-size: 12px;
}

nav ul {
	text-align: center;
}

nav ul li a {
	border: 2px solid #0071bb;
}

h2 {
	font-size: 1.5em;
	color: #0071bb;
	border-bottom: 1px solid #0071bb;
}