* { margin: 0; padding: 0; font-family: 'Quicksand', sans-serif; }
body { background:white; }

h1, h2, h3, h4, h5, p { color: rgb(45,79,21); }


@media (max-width:639px)
{
	nav { padding-bottom: 30px;  background: rgb(25,59,1); text-align:center; } 
	nav a { margin: 10px; font-size: 18px;  }
	nav a:hover { text-decoration: none; background: #8D64CC; color: #FF0; }
	.hamburger { width:50px; height:50px; display:none; } 

}

@media (min-width:640px)
{
	nav { min-height: 30px; padding-bottom: 10px; }
	nav a { margin: 8px; font-size: 20px; }
	nav a:hover { text-decoration: none; background: #FF0; color: rgb(25,59,1); }
}



@media (max-width:639px)
{
	.site-header { }
	.site-header, .site-footer { margin-left: auto; margin-right: auto; background: rgb(45,79,21); text-align: left; }
	.site-header h1 { line-height: 32px; font-size: 32px; font-weight: 400; letter-spacing: 3px; } 
	.site-header h1 a, nav a { text-decoration: none; color: #fff; }
	.site-footer p { font-size: 16px; line-height: 16px; color: #fff; }
	.site-footer a { color: #8D64CC; font-weight: bold; } 
	main { max-width: 75em; min-height: 500px; margin-left: 20px; margin-right: 20px; padding-bottom: 20px; }

}
@media (min-width:640px)
{
	.site-header { }
	.site-header, .site-footer, nav { margin-left: auto; margin-right: auto; background: rgb(45,79,21); text-align: center; }
	.site-header h1 { line-height: 64px; font-size: 64px; font-weight: 400; letter-spacing: 10px; } 
	.site-header h1 a, nav a { text-decoration: none; color: #fff; }
	.site-footer { position: fixed; bottom:2px;  width:100%; }
	.site-footer p { font-size: 16px; line-height: 24px; color: #fff; }
	.site-footer a { color: #8D64CC; font-weight: bold; } 
	main { max-width: 75em; min-height: 500px; margin-left: auto; margin-right: auto; padding-bottom: 20px; }
}


article li {
    list-style-type: square;
    list-style-position: outside;
    padding-left: 1em;
}

#disqus_thread {
	margin: 50px 0 30px 0;
}

article { color: #333333; font-size: 20px; line-height: 20px; margin: 1em 0; }
 
article p a:hover { color: #00E445; }
 
blockquote { background: #f9f9f9; border-left: 10px solid #AC50FF; margin: 20px 10px; padding: 1px 20px 10px 20px; }

cite:before { content: "\2014  "; }


pre code {
	font-family: 'Droid Sans Mono', monospaced;
	white-space: pre;
	line-height: 24px;
	display: block;
	overflow: auto;
	background: #f9f9f9;
	margin: 20px 10px;
	padding: 20px;
	border-left: 10px solid #AC50FF;
}

article time { color: #555; }

article ul, article ol { padding-left:	2em; }

article h1 { font-size: 30px; line-height: 20px; margin: 32px 0 18px; }
 
article h2 { font-size: 28px; font-weight: bold; line-height: 24px; margin: 28px 0 18px; } 	

article h3 { font-size: 24px; font-weight: normal; line-height: 24px; margin: 24px 0 0; } 	

article h4 { font-size: 20px; font-weight: bold; line-height: 24px; margin: 20px 0 10px; } 

article h5 { font-size: 16px; font-weight: normal; line-height: 24px; margin: 16px 0 10px; } 
 
article p { color: #333333; line-height: 32px; margin: 20px 0; }

article p:first-of-type { font-size: 20px; line-height: 36px; margin: 20px 0 25px; }
 
aside { float: right; width: 50%; }

aside form input { padding: 20px; width: 75%; }

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

.image { width:100%; }


/**
 *   Comment form
 */
.commentlist { margin-bottom: 20px; border-top: 2px dotted #9b0058; }

#comment { overflow: hidden; }
#comment label[for] { display: none; }
#comment p { float: left; width: 48%; margin-right: 4%; margin-bottom: 10px; text-indent: 0; }
#comment p + p { margin-right: 0; }
#comment p.textarea { float: none; width: 100%; }
#comment input, #comment textarea { width: 90%; padding: 10px 15px; font-size: 15px; font-weight: normal; border: 1px solid rgba(22,36,54,.2); border-radius: 4px; }
#comment input:focus, #comment textarea:focus { outline: none; background: #f7f9fc; }
#comment textarea { min-height: 150px; max-height: 800px; resize: vertical; }
#comment button { display: inline-block; padding: 9px 18px; background: #4e82ce; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 13px; font-weight: 500; }
#comment button:hover { background: #3c6eb7; }

.error { color: red; }


/**
*   Pagination
*/
.pagination { overflow: hidden; margin-bottom: 50px; background: white; }
.pagination:empty { display: none; }
.pagination a { font-size: 16px; font-weight: 500; }
.arrow { width:20%; background: #9B0058; color: #315; }

.prevpage { float: left; }
.nextpage { float: right; }

#menu { list-style:none; width:1200px; margin: auto; }

#menu li.menuitem { background:rgb(45,79,21); float:left; text-align:center; position:relative; padding: 0px 8px 0px 8px; margin: 0px 2px 0px 0px; border:none; color: white; }

#menu a { color: white; }
#menu li.menuitem:hover, #menu li.hover { font0weight:bold; z-index: 999; }
#menu li.menuitem:hover a, #menu li.hover a  { color:black; background:white;; }
#menu li.menuitem a { display:block; outline:0; text-decoration:none; }
#menu li.menuitem:hover .submenu, #menu li.hover .submenu { left:0px; top:auto; }
#menu li.menuitem:hover, #menu li.hover { left:auto; right:0px; top:auto; }
#menu ul.sub { margin: 0; padding: 0; }
#menu ul.sub li { display: block; padding: 2px; }
#menu ul.sub li:hover, ul.sub li.hover { cursor: pointer; }


/* Drop Down */

.submenu a { text-decoration: none; }
.submenu { margin:0px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:5px 5px 10px 5px; width: 450px; background: rgb(45,79,21); color:white; }