/* main */
body {
    background-color : #eeeeee;
}

.container {
    background-color : #ffffff;
}

/* add custom fonts */
@font-face {
	font-family:"Cholla";
	src: url("./ufonts.com_chollawide_regular.ttf");
}


/* header */
.navbar-inner {
    background-image : none;
    background-color : #3f3c3d;
    color : white;
    border-radius : 0;    
}

.navbar-inner .brand {
    color : white;
    text-shadow : none;    
}

.navbar .brand {
    padding : 0 5px;
	
}

.navbar {
	margin-bottom : 0px;
}

.navbar .nav>li>a
{
    color : white;
    font-family: 'Cholla', 'Open Sans Condensed', sans-serif;
    font-size: 1.6em;
    text-transform : uppercase;    
    text-shadow : 0 0 2px rgba(255,255,255,1);
}

.li-nav {
	margin-left : 20px;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
    color : #a7a6a6;
    background-color : transparent;
    -webkit-box-shadow : none;
    -moz-box-shadow : none;
    box-shadow: none;
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
    color : #5ccbf5;
    text-shadow : 0 0 20px rgba(92, 203, 245,1);
}

.nav-header {
    font-family: 'Cholla','Open Sans Condensed', sans-serif;
	font-size : 14px;
}
.dropdown-menu {
    font-family: 'Cholla','Open Sans Condensed', sans-serif;
}

/* General */
.centered {
    text-align: center;
}

#featurette th {
    color : white;
    background-color : #424242;
    font-size : 1.2em;
    text-transform : uppercase;
}

#featurette td {
    background-color : #e2e2e2;
    width : 25%;
}

#featurette td.centered {
    text-align: center;
}


#featurette tbody>tr:nth-child(odd)>td, #featurette tbody>tr:nth-child(odd)>th {
    background-color : #eaeaea;
}



#featurette h5 {
    background-color: #424242;
    color: white;
    height: 35px;
    padding : 10px;
}
     
.carousel-caption h2 {
	color : #eeeeee;
    font-family: 'Cholla', 'Open Sans Condensed', sans-serif;
}

.text-frame {
    color : #6d6d6d;    
}

.text-frame .span1, .text-frame .span2, .text-frame .span3, .text-frame .span4, .text-frame .span5, .text-frame .span6 {
    border : solid thin #5ccbf5;
}

.text-frame h3 {
    padding : 0 10px;
    color : #5ccbf5;
    background-color: #3f3c3d;    
    border : solid thin #5ccbf5;
    font-family: 'Cholla','Open Sans Condensed', sans-serif;
    font-size: 1.6em;
	text-transform : lowercase;
	text-shadow:  0 0 0px rgba(92, 203, 245,.8);
}

.text-frame h4 {
    font-size : 1.4em;
    font-family: 'Cholla','Open Sans Condensed', sans-serif;
	color : #162c3e;
}

p {
	text-align:justify;
	text-justify:inter-word;
    font-family: 'Cholla','Open Sans Condensed', sans-serif;
}

footer {
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 0px;	
}

.text-frame p, .text-frame h4 {
    padding : 10px;
	padding-top : 5px;
	padding-bottom : 0px;
}
p {
	margin-top : 0px;
	margin-bottom : 0px;
}

.text-frame iframe {
    padding : 5px;
}


/* Some experimental graphics stuff */
/*basic reset*/
* {margin: 0; padding: 0;}
/*adding a black bg to the body to make things clearer*/
body {background: #3f3c3d;}
canvas {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:-1;
		}