/* Reset Styles */

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}

/* Fonts */

@font-face{ 
	font-family: 'OpenBaskerville';
	src: url('fonts/OpenBaskerville-0.0.75.woff') format('woff'),
	     url('fonts/OpenBaskerville-0.0.75.woff') format('truetype');
}

@font-face{
	font-family: 'NerisLight';
	src: url('fonts/Neris-Light.otf') format('opentype');
}
/* Main */

html {
  font-family: NerisLight, OpenBaskerville, Georgia, "Times New Roman", Times, serif;
  font-size: 075.em; /* 16 * 0.75 = 12 pt */
  background: #FBF6EC; /* Light Eburnean (Value 98%) */
  color: #400C0C; /* Dark Falu (Value 25%) */
}

body{
  width: 460px;
  margin: 0 auto;
  line-height: 1.5em; /* 150% line height */
  padding-top: 72px; /* margin from the top (3 lines of 24px) */
}   

/* grid debugging (comment out!) */

/* body:hover { */
/*   background: url(images/grid.png) center repeat-y #FBF6EC; */
/* } */

/* Headings */

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 24px;
  font-weight: bold;
  text-align: center;
}

h1 {
  font-size: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */
  line-height: 1em; /* 24px --> 24 ÷ 24 = 1 */
}

h2 {
  font-size: 1.375em; /* 22px --> 22 ÷ 16 = 1.375 */
  line-height: 1.0909em; /* 24px --> 24 ÷ 22 = 1.090909(09) */
}

h3 {
  font-size: 1.25em; /* 20px --> 20 ÷ 16 = 1.25 */
  line-height: 1.2em; /* 24px --> 24 ÷ 20 = 1.2 */
}

h4 {
  font-size: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */
  line-height: 1.333em; /* 24px --> 24 ÷ 18 = 1.3333333(3) */
}

h5, h6 {
  font-size: 1em; /* 16px --> 16 ÷ 16 = 1 */
  line-height: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */
}

/* Paragraphs */

p {
  margin-bottom: 24px;
}

p+p { /* the second paragraph indents but removes extra spacing */
  text-indent: 1em;
  margin-top: -24px;
}

body > p:first-of-type {
  font-size: 1.125em;
    /* 18px → 18 ÷ 16 = 1.125 */

  line-height: 1.333em;
    /* 24px → 24 ÷ 18 = 1.3333(3) */
}

/* Lists */
ul, ol {
  margin-bottom: 24px;
}

ul {
  list-style: square outside;
}

ul ul,
ol ol {
  margin: 0 0 0 60px;
}

/* Images */

header > img {
  float: right;
  margin: 0 0 0 20px;
  display: block;
  width: 148px;
  height: auto;
  padding: 5px;
  border: 1px solid #ccc;
  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

/* Content Specific */

#coordinates {
  margin-bottom: 24px;
}