/* -------------------------------------------------------------- 

   typography.css
   * Reset and define typography styles
   
-------------------------------------------------------------- */


body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #677141;
}

p { 
	margin:0 0 1em 0;
	padding:0;
}

em {
	font-style: italic;
}

ul {
	margin:0 0 1em 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	color: #333333;
	line-height:1em;
	margin-bottom:1em;
}
h1 {
	font-size:28px;
	margin-bottom:0.5em;
}
h2 {
	font-size:20px;
	margin-bottom:0.5em;
}
h3 {
	font-style:normal;
	font-weight:normal;
}

a {
	text-decoration:none;
	color: #EF9700;
}
a:hover {
	text-decoration:underline;
}

label {
	cursor:pointer;
}

.highlight {
	font-size:15px;
	color: #43a0b7;
}

/** font replacement **/
h1.replace {
	font-size:47px;
	text-transform:uppercase;
	font-family:Tungsten;
	font-weight:normal;
}
h2.replace {
	font-size:43px;
	text-transform:normal;
	font-family:Tungsten;
	font-weight:normal;
	margin-bottom:0;
	line-height:30px;
}
h2.replace .quote {
	color: #A9E1F0;
}

/** general content text panels **/
.text-panel-blue {
	background: #a9e1ef url('/assets/images/textpanel.blue.bg.jpg') left bottom repeat-x;
	color: #333;
	padding:15px 20px;
	font-weight:bold;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
}
	.text-panel-blue a {
		color: #333;
		text-decoration:underline;
	}
	.text-panel-blue a:hover {
		text-decoration:none;
	}

.text-panel-yellow {
	background: #ffef66 url('/assets/images/textpanel.yellow.bg.jpg') left bottom repeat-x;
	color: #333;
	padding:15px 20px;
	font-weight:bold;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
}
	.text-panel-yellow a {
		color: #333;
		text-decoration:underline;
	}
	.text-panel-yellow a:hover {
		text-decoration:none;
	}

.text-panel-black {
	background: #333 url('/assets/images/textpanel.black.bg.jpg') left bottom repeat-x;
	color: #ffef66;
	padding:15px 20px;
	font-weight:bold;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
}
	.text-panel-black a {
		color: #ffef66;
		text-decoration:underline;
	}
	.text-panel-black a:hover {
		text-decoration:none;
	}