/* 
/////

This stylesheet controls typography for the whole site, as
	well as styling for elements that containt text as their only content.
	
/////
*/

body {
	font-size: 76%;
	color: #fff;
	font-family: "Titillium-250", Verdana, Arial, sans-serif; 
}


/* Font importing */

@font-face {
	font-family: "Titillium-250";
	src: url(../fonts/TitilliumText250wt.otf) format("opentype");
}

@font-face {
	font-family: "Titillium-600";
	src: url(../fonts/TitilliumText600wt.otf) format("opentype");
}
 
@font-face {
	font-family: "Zag Bold";
	src: url(../fonts/Zag-Bold.otf) format("opentype");
	font-style: italic;
}
	
@font-face {
	font-family: "Chunkfive";
	src: url(../fonts/Chunkfive.otf) format("opentype");
}

@font-face {
	font-family: "Baskerville Italic";
	src: url(../fonts/Baskerville.dfont) format("truetype");
}

/* BEGIN Typography section */

#nav a {
	font-family: "Zag Bold", sans-serif;
	font-size: 2.5em;
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 2px 3px #222;
}

.oversize-title {
	font-family: "Chunkfive", Rockwell, serif;
	font-size: 11.0em;
	color: #fff;
	text-shadow: 0px 1px 3px #222;
	padding: 0;
	margin: 0;
}

.title {
	font-family: "Chunkfive", Rockwell, serif;
	font-size: 7.0em;
	color: #fff;
	text-shadow: 0px 1px 3px #222;
	padding: 0;
	margin: 0;
}

.subtitle {
	font-family: "Zag Regular", Helvetica, Arial, sans-serif;
	font-size: 3.8em;
	color: #fff;
	padding: 0;
	margin: 0 0 5px 0;
	text-shadow: 0px 1px 5px #222;
}

#content .dark-box p {
	font-size: 1.4em;
}

.feature-title {
	font-family: "Rockwell", "Titillium-600", Helvetica, sans-serif;
	font-size: 2.2em;
	height: 1.5em;
	text-shadow: 0px 1px 5px #222;
	border-bottom: 1px solid white;
	padding: 5px 5px 0 10px;
	margin-bottom: 10px;
	background: url(../img/opac20.png) repeat;
}

#content p, .feature-box p, #content ul p {
	text-shadow: 0px 1px 5px #222;	
}

.feature-title img { float: left; margin-right: 10px; }

.has-amp {
	margin-top: -5px;	
}

.amp {
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
	font-style: italic;
	font-weight:normal;
	margin-right: 3px;
	text-decoration:none;
}

.teal {
	color: #00bcc6;	
}

span h3 { /* used for the banner titles on front page */
	font-family: Rockwell, serif;
	font-size: 2.6em;
	color: #fff;
	text-shadow: 0px 1px 5px #111;
	padding: 5px 10px 25px 10px;
	/*background: #775b2a url(../img/tab.jpg) top left no-repeat;*/
	margin: 10px;
}

h3 {
	color: #fff;
	font-family: Rockwell, serif;
	text-shadow: 2px 2px 2px #222;
	margin-top: 35px;
	font-size: 2.3em;
	
}

h2 img {
	margin-top: 3px;	
}

#content p {
	font-size: 1.5em;
	line-height: 1.6em;
	text-shadow: 1px 1px 1px #222;
}

.dark-box a {
	color: orange;	
}

.dark-box a:hover {
	color: #4e3a1b;
	background: orange;
	text-shadow: none;
}