@charset "utf-8";
@font-face {font-family: sf_movie_poster;src: url(../fonts/sf_movie_poster.woff);}
@font-face {font-family: poppins;src: url(../fonts/Poppins-Regular.ttf);}
body {
	font-family: "poppins", sans-serif;
	font-weight: 100;
	padding: 0;
	background: #eee;
}

header {
	padding: 5px 0 0 0;
	color:#fff;
	background-color:#000837;
}
header h1 {
	font-family:sf_movie_poster;
	text-align:center;
	color:#fff;
	font-size:40px;
}

h1, h2 {
	margin:5px 0 15px;
	color:#000837;
	font-size:24px
}
a:link, a:visited, a:active {color: blue;}

a:hover {color: red;}

.navbar-inverse {background-color:#036}
.navbar-inverse .navbar-nav>li>a {font-weight:bold;font-size:13px;color:#ccc}

.navbar-inverse .navbar-toggle {
	color:white;
	font-weight:bold;
	border-color:white
}
.navbar-inverse .navbar-toggle:hover {
	background-color:#ddd;
	color:#333
}
.navbar-inverse .navbar-toggle .glyphicon {
	color:white
}
.navbar-inverse .navbar-toggle:hover .glyphicon {
	color:#333
}

/* ~~ The footer ~~ */
footer {
	padding:10px 0;
	background-color:#000837;
	clear:both;
	text-align:center;
	color:#fff;
}
footer a:link {color:#fff}

#tabs ul {margin:0;padding:0;}
#tabs ul:first-child li {list-style:none;display:inline;}
#tabs ul a {padding:5px 10px;display:inline-block;background:#999;color:#fff;text-decoration:none;font-size:14px;font-weight:bold;border-top-left-radius: 5px;border-top-right-radius:5px;}
#tabs a.active {background:#000837;color:#fff;}
#tabs section[id^='tabs-'] {border-top:1px solid gray}
#tabs h2 {margin:10px 0}
#tabs img {vertical-align:middle}