/* Bootstrap CSS Overrides */

.nav {
	width: auto;
	margin:auto;
}

/* Makes the navbar transparent */
.navbar-default {
  background-color: transparent;
	border-color: transparent;
}

/* Centers the navbar links */
@media (min-width: 768px) {
        .navbar .navbar-nav {
            display: inline-block;
            float: none;
        }

        .navbar .navbar-collapse {
            text-align: center;
        }
    }

/* Gives the mobile navbar its own color */
@media (max-width: 767px) {
	@keyframes mobilenav {
		from {background-color: rgba(255, 255, 255, 0);}
		to {background-color: rgba(255, 255, 255, 0.2);}
	}
    .navbar-default {
			background-color: rgba(255, 255, 255, 0.2);
			border-color: transparent;
			border-radius: 5px;
			animation-name: mobilenav;
    	animation-duration: 2s;
	  }
}

/* Sets the color of the navbar brand */
.navbar-default .navbar-brand {
	color: rgb(217, 217, 217);
}

/* Sets the color of the navbar links on hover/focus */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: rgb(217, 217, 217);
  background-color: transparent;
}

/* Sets the navbar brand text size */
.navbar-brand {
	font-size: 25px;
}

/* Sets the navbar links color/size/padding */
.navbar-default .navbar-nav > li > a {
  color: rgb(217, 217, 217);
	font-size: 25px;
	padding: 10px;
	transition: box-shadow 0.4s;
}

/* Sets the navbar links decoration on hover/focus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0, 224, 255, .8);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
	color: white;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover {
  color: white;
	background-color: rgba(0, 0, 0, 0.4);
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}

/* Site Styles */

/* Allows fullscreen background */
html {
	min-height:100%;
}

/* Creates a layered CSS generated background, including a texture graphic */
body {
  background:
  linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent 25%, transparent 75%, rgba(0, 0, 0, 0.6)),
  url(../images/carbon-fibre.png) fixed,
  linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.8) 100%),
	linear-gradient(to bottom right, #4f0202 0%,#005b5b 50%,#180063 100%);
}

#headerleft {
	color: rgb(217, 217, 217);
	margin-top: 15px;
	margin-bottom: 20px;
}

#headerright {
	color: rgb(217, 217, 217);
	margin-top:15px;
	margin-bottom: 20px;
}

#sitenav {
  text-align:center;
}

#sitenav ul {
  list-style-type: none;
}

#sitenav ul li {
  display:inline;
  color: white;
  font-size: 20px;
  padding: 10px;
}

#sitenav_active {
  border-bottom:3px solid #FFFFFF;
}

#homeslider img {
	border-radius: 5px;
}

#homeslider {
	display:block;
	margin:auto;
	width:100%;
	border-radius: 5px;
	box-shadow: 0px 0px 9px black;
}

@keyframes contentshadow {
	from {box-shadow: 0px 0px 9px rgba(0, 224, 255, 0);}
	to {box-shadow: 0px 0px 9px rgba(0, 224, 255, 1);}
}

#contentbg {
	/* display:block; */
	/* margin:auto; */
	/* width:100%; */
	margin-top: 20px;
	float:none;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 5px;
	box-shadow: 0px 0px 9px rgba(0, 224, 255, 1);
	padding:20px;
	animation-name: contentshadow;
	animation-duration: 2s;
}

.sidebg {
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 5px;
	box-shadow: 0px 0px 9px rgba(0, 224, 255, 1);
	color: rgb(217, 217, 217);
	}

#footer {
	padding-top: 30px;
	color: rgb(217, 217, 217);
  font-size: 14px;
  padding: 20px;
}

#footer ul {
  list-style-type: none;
}

#footer ul li {
  display:inline;
	color: white;
  font-size: 14px;
  padding: 20px;
}