/* CSS Document */
.top-buffer{
	margin-top:25px;
}

body{
	background-color: #232323;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#230000', endColorstr='#525252') no-repeat #525252;
    background: -webkit-gradient(linear, left top, left bottom, from(#230000), to(#525252)) no-repeat #525252;
    background: -moz-linear-gradient(top, #230000, #525252) no-repeat #525252;
	color:#FFF;
}

a{
	color:#FFF;
	text-decoration:underline;
}
a:hover,
a:visited,
a:active{
	color:#BBB;
}

.main{
	background-color: #343434;
	padding-top:15px;
	padding-bottom:15px;
}


header{
	background-color: #232323;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#424242');
    background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#424242));
    background: -moz-linear-gradient(top, #525252, #424242);
    border-radius: 10px;
    -moz-border-radius: 10px;
	padding:15px;
}
header .title{
	font-size: 22px;
    font-weight: bold;
    color: white;
    display: inline-block;
    text-shadow: 4px 4px 10px black;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
	background-color:transparent;
}
.navbar-default {
    background-color:transparent;
    border-color:transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #FFF;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #BBB;
    background-color: transparent;
}


.flex-container{
	display:flex;
	flex-wrap:wrap;
}

.flex-item{
	align-self:center;
}

.foot{
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#525252');
    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#525252));
    background: -moz-linear-gradient(top, #424242, #525252);
}
footer{
	text-align: center;
    font-size: small;
    color: #BBBBBB;
    padding: 10px;
}
/*
 * CAROUSEL
 */
/*#carousel-example-generic {
    display:none;   
}*/

/* center image in slideshow. sauce - http://stackoverflow.com/questions/10591422/bootstrap-carousel-image-doesnt-align-properly*/
.carousel-inner > .item > img {
    margin: 0 auto;
}