/* Import Stylesheets
   (only modern browsers import these stylesheets)
============================================================ */

@import url("typography.css");
@import url("layout_page.css");


/* Basic Page Styling (simple styling for version 4+ browsers)
============================================================ */

/* Basic text styling */
body {
  font: 65%/1.6em Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background: #222;
}

/* Turn off image borders */
img {
  border: 10px #000000;
}

/* set text sizes */
#mainContent h1 {
	font: normal 1.4em Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	color: #708074;
	padding-bottom: 0.5em;
}

#mainContent h2 {
	font: 1.2em Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #861414;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 0.5em;
	margin-top: 1.5em;
}

#mainContent h3 {
	font: bold 1.1em Verdana, Helvetica, Arial, sans-serif;
}

#mainContent h4 {
	font: bold .9em Verdana, Helvetica, Arial, sans-serif;
}

/* fake dotted hr */
.hr {
  margin: 25px 0 15px;
  border-bottom: 1px dotted #708074;
}

#intro h2 {
	font: 1em Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	color: #000;
}

/* set link styles */
a:link, a:visited {
	color: #861414;
	text-decoration: none;
	font-style: bold;
}

a:hover, a:active {
  color: #861414;
  text-decoration: underline;
  font-style: bold;
}