/*///////////////////////////////////*/
/* --- Basic site semantic setup --- */
@font-face {
font-family: PorticoVintage;
src: url("../css/fonts/Portico Vintage.otf") format("opentype");
}

body {
	margin: 20px;
	font-family: "Merriweather";
	background-color: #000;
	color: #D4D4D4;
}
h2 {
	font-family: "PorticoVintage", "Roboto Condensed";
	color: #DDD;
	margin-top: 40px;
}
section a, section a:focus, footer a, footer a:focus {
	color: #D4D4D4;
	text-decoration: underline;
}
section a:hover, footer a:hover {
	color: #333;
	background-color: #D4D4D4;
    text-decoration: none;
}
footer p {
	font-size: x-small;
}

.center {
	text-align: center;
}

/*////////////////////*/
/* --- Navigation --- */
#navigation {
	font-family: "Roboto Condensed";
	text-transform: uppercase;
	padding: 0px;
}
.nav-pills > li {
	float: none;
	display: inline-block;
	margin-top: 5px;
}
.nav-pills > li > a {
	color: #D4D4D4;
	background-color: #333;
}
.nav-pills > li > a:focus, .nav-pills > li > a:hover {
	color: #333;
	background-color: #D4D4D4;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: #333;
	background-color: #D4D4D4;
}

/*/////////////////////*/
/* --- Decorations --- */
.stars {
	min-height: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url("../media/star.png");
	background-repeat: repeat-x;
}