body {
    font-family: 'Bitter', serif;
}

h1, h2, h3 {
	font-family: 'Spectral SC', serif;
}

.larger {
	font-size: larger;
}

.point {
	font-size: 24pt;
}

.percent {
	font-size: 200%;
}

p {
	font-style: italic;
	font-weight: 200;
}

p.small {
  font-variant: small-caps;
}

.question {
	font-size: large;
	font-weight: 700;
	color: #cc0000;
}

header {
	background-color: none;
	color: #663300;
}

#main_section {
	color: #ffffff;
	background-color: #ffffff;
}

footer {
	color: #ffffff;
}

#ex_float {
	float: right;
}

body {			
	max-width: 960px;
	margin: 10px auto;
}

html { 
	background: url("assassin's_creed.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

section {
	border-radius: 15px;
	border: 3px dashed #4a4; 
	margin: .5em; 
	padding: .5em; 
}

a:hover {
	border-bottom: 4px solid #4a4;
	background-color: green; 	
}

#main_section {
	border-radius: 15px;
	border: 3px dashed #4a4; 
	margin: .5em; 
	padding: .5em;
}

#main_section {
	border-bottom: 4px solid #4a4;
	background-color: #333333;
}

#vertical_nav	
{ 
	border: solid 0.1em #e1e1e1; 
	border-radius: 1em; 
	margin: 0; 
	padding: 0 0.5em 1.5em 0.5em; 
	width: 10em;
	color: inherit; 
	background-color: inherit; 
	border-radius: 30px 40px; 
}

#vertical_nav ul 
{ 
	margin: 0; 
	padding: 0; 
	color: inherit; 
	background-color: inherit;  
}

#vertical_nav li	 
{ 
	margin: 1em 0 0 0; 
	padding: 0; 
	list-style: none; 
	color: inherit; 
	background-color: inherit; 
}

#vertical_nav a 
{ 
	margin: 0; 
	padding: 0 1em; 
	display: block; 
	text-decoration: none; 
	border-bottom: 1px solid #A8BFCF; 
	color: #ffffff; 
	background-color: #134d00;  
}

#vertical_nav a:hover 
{ 
	border-bottom: solid 3px #ffa20f; 
	color: inherit; 
	background-color: #39e600;
}

#horizontal_nav	
{ 
	border: solid 0.1em #e1e1e1; 
	border-radius: 1em; 
	margin: 0; 
	padding: 0 0.5em 1.5em 0.5em; 
	width: 100%;
	color: inherit; 
	background-color: inherit; 
	border-radius: 75px ;
}

#horizontal_nav ul 
{ 
	margin: 0; 
	padding: 0; 
	color: inherit; 
	background-color: inherit; 
}
#horizontal_nav li	 
{ 
	margin: 1em 0 0 0; 
	padding: 0; 
	list-style: none; 
	color: inherit; 
	background-color: inherit; 
	display: inline;
}

#horizontal_nav a 
{ 
	margin: 0; 
	padding: 0 1em; 
	display: inline; 
	text-decoration: none; 
	border-bottom: 1px solid #A8BFCF; 
	color: #ffffff; 
	background-color: #134d00; 
}
#horizontal_nav a:hover 
{ 
	border-bottom: solid 3px #ffa20f; 
	color: inherit; 
	background-color: #39e600; 
}