@font-face {
	font-family: Typewriter;
	src: url('../css/fonts/TravelingTypewriter.ttf');
}



body{
	background-color: #ffffff;

}

.introduction,
.introduction h2{
	font-family: Typewriter;
	font-size: 14pt;
	padding-top: 10px;
	padding-bottom: 10px;
}



.synopsis,
.synopsis h2{
	font-family: Typewriter;  !important
	font-size: 12pt;  !important
	padding-top: 10px;
	padding-bottom: 10px;
}



container-fluid{
	background-color: #ffffff;
        color: #000000;
}



#footer p{
	padding-top: 20px;
	font-family: Typewriter;
	font-size: 10pt;
}


.navbar-default {
	background-color: #ffffff;
	font-family: Typewriter;
	font-size: 16px;
        color: #000000;
}
 
.navbar-nav>.active>a,
.navbar-nav>li>a
.navbar-nav {
        color: #000000;
}

.brand {
	background-color: #ffffff; /* brand background */
        color: #000000; 
	font-size: 24pt;
	font-weight: bold;
	font-family: Typewriter;
	padding-left: 20px;
	padding-top: 5px;
}


.activeTab {
	background-color: #cfcfcf;
	text-decoration: none;
        color: #000000;
}

.navbar-header,
.navbar-default,
.nav,	
 .nav > li > a{
    color:#000000;
}

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: underline;
  }

.underlined {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}


.main-font {
	font-family: Typewriter;
}

.modal-header {
    font-family: Typewriter;
    background-color: #f6f6f6;
    color: #000;
    font-size: 14pt;
}

.modal-body {
    font-family: Typewriter;
    background-color: #fdfdfd;
    color: #000;
    font-size: 12pt;
}

div.brown-card {
  position: absolute;
  top: -300px;
  height: 200px;
  width: 164px;
  background-image: url('/site/images/brown_card_med.jpg');
  opacity: 0.5;
  z-index: 10;
  border: 1px solid black;
}

a.brown-card {
    color: black;
    text-decoration: none;
    border-bottom: 2px dotted black;
    
}