/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* General Styles
--------------------------------------------- */

body {
	margin: 0;
	padding: 0;
}



/* Imports
--------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Playfair+Display);
@import url(http://fonts.googleapis.com/css?family=Muli);



/* Helper Classes
--------------------------------------------- */

.clearfix {
	display: block;
	clear: both;
}


/* Typography
--------------------------------------------- */

body {
	line-height: 32px;
	color: #111;
	word-wrap:break-word !important;
	font: 400 16px/1.6 'Muli', Verdana, Helvetica, sans-serif;
		background-color:#DCE1E1;
}

p {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	padding: 0;
}


/* Links
--------------------------------------------- */

a {
	text-decoration: underline;
	color: #D00
}

a:hover {
	text-decoration: none;
}



/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 16px;
  font: 400 60px/1.5 'Playfair Display', Georgia, serif;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

ol{
	list-style-type:decimal;
}

/* Sections
--------------------------------------------- */

#container{
	margin: 0 auto;
	max-width: 1200px;
  background-color:#FFFFFF;
}



/* Header
--------------------------------------------- */

header {
	width: 94%;
	padding: 3%;
	background-color:#80B9F1;
  margin-left:0px;
  margin-right:0px;
  padding-bottom:0px;
}


header #title {
	font-size: 50px;
	color: #000;
}
header #title a{
  width:302px;
  height:80px;
  background-image:url("/logo.png");
  background-origin:padding-box;
  background-repeat:no-repeat;
  background-size:auto;
  color:#111;
  display:block;
  text-decoration:none;
  font-size:0px;
}
header p{
  color:#269;
  font-size:16px;
  font-style:italic;
  margin-left:30px;
  margin-bottom:0px;
}

/* Navigation
--------------------------------------------- */

nav {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
  text-align:center;
  background-color:#80B9F1;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
  display:block;
	text-decoration: none;
	color: #111111;
	font-size: 0.8em;
  padding:10px;
  padding: 5px 10px 5px 10px;
  border-style:solid;
  border-color:#ddd;
  border-width:1px;
  margin-top: 0.5em;
  background-color:#eee;
}

nav ul li a:hover {
 	background-color: #ddd;
	text-decoration: none;
}



/* Content
--------------------------------------------- */

#content {
	float: left;
	padding: 3%;
	width: 64%;
}

#content ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
#content ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
#content ul ul, #content ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
#content ol ol, #content ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

#content dt {
	font-weight: bold;
}
#content dd {
	background:none no-repeat left top;
	padding-left: 50px;
}
#content q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

/* Sidebar
--------------------------------------------- */

aside {
	float: right;
	padding: 3%;
	width: 24%;
}



/* Footer
--------------------------------------------- */

footer{
	width: 94%;
	padding: 3%;
	text-align: center;
}

footer nav{
  background-color:#FFFFFF;
}

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

	header {
		text-align: center;
	}

	nav {
		text-align: center;
	}

	#content {
		width: 94%;
		padding: 3%;	
	}

	#sidebar {
		width: 94%;
		padding: 3%;
	}

}