/*
Theme Name: Genesis Park
Theme URI: http://www.genesispark.org/
Description: The default theme for Genesispark.com. This theme was created by Peter Anglea for Dave Woetzel in 2011 with custom artwork by Richard Dobbs. This theme, along with the installation of Wordpress, replaces the original site which was in place since 1999.
Author: Peter Anglea
Author URI: http://peteranglea.com/
Version: 1.0
Tags:
License:
License URI:
*/

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, 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;
	
}
	<!-- Begin Constant Contact Active Forms -->
<script> var _ctct_m = "439620486f600e2000023014f99a4c2c"; </script>
<script id="signupScript" src="//static.ctctcdn.com/js/signup-form-widget/current/signup-form-widget.min.js" async defer></script>
<!-- End Constant Contact Active Forms -->
}
body {
	line-height: 1;
	font-family: Garamond, serif;
	font-size: 16px;
}
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;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}


/***
** BEGIN MAIN STYLES
***/
html {
	background: #594739 url('images/gradient.png') 0px 0px repeat-x;
	background-attachment: fixed;
}
body {
	background: url('images/sketch_bg.jpg') top center no-repeat;
	background-attachment: fixed;
	min-height: 800px;
}
#wrapper {
	position: relative;
	
}
#top_links, #main, #wrapper {
	width: 960px;
	margin: 0 auto;
}
#top_links {
	text-align: right;
	clear: both;
	position: relative;
	height: 30px;
	margin-bottom: 5px;
}
#top_links ul {
	list-style: none;
	float: right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	line-height: 30px;
	background: white;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#top_links ul li {
	float: left;
	font-size: 14px;
}
#top_links ul li a {
		color: #666680;
	text-decoration: underline;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}
#top_links ul li a[href*="facebook.com"] {
	background: url('images/facebook.png') center left no-repeat;
	padding-left: 18px;
}
#main {
	background: url('images/content_top.png') top center no-repeat;
	padding-top: 20px;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
#main.faded {
	background: url('images/content_top-faded.png') top center no-repeat;
}
#logo {
	position: absolute;
	top: 15px;
	left: 5px;
	z-index: 10;
}
#logo a {
	/*position: fixed;*/
	text-align: center;
}
#content {
	padding: 20px;
	color: #333333;
	background-color: #ffffff;
	min-height: 500px;
}
#content.faded {
	background: rgba(255,255,255,0.2);
	min-height: 500px;
	padding: 20px 10px 20px 170px;
}
#content.faded h1 {
	text-shadow: 0px 0px 10px #ffffff;
	color: #000;
	background: rgba(255,255,255,0.5);
	padding: 10px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	margin-right: 10px;
}
#main_nav {
    padding-bottom: 10px;
    padding-left: 170px;
	height: 65px;
	padding-top: 10px;
}
#main_nav > ul {
    list-style: none; 
}
#main_nav > ul > li {
    width: 157px;
    float: left;
    display: block;
	position: relative;
}
#main_nav > ul > li > a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    display: block;
    padding: 10px 5px 5px 10px;
	line-height: 17px;
	font-weight: bold;
	font-family: sans-serif;
}
#main_nav > ul > li > a span {
    font-size: 14px; 
    font-style: italic;
    font-weight: normal;
    margin-top: 7px;
    display: block;
    font-family: Garamond, serif;
    color: #333;
}
#main_nav > ul > li > a:hover {
	color: #800;
}
#main_nav > ul > li:hover {
    background: #fff;
    box-shadow: 2px 2px 3px #aaa;
}
.megadrop {
    position: absolute;
    left: 0px;
    background: white;
    z-index: 100;
    background-color: #ffffff;
    display: none;
    box-shadow: 2px 2px 3px #aaa;
}
#main_nav > ul > li:last-child .megadrop {
	top: 90px;
	right: -1px !important;
	left: initial;
}
.megadrop > ul {
	font-weight: bold;
	line-height: 22px;
	float: left;
	width: 250px;
	padding: 10px;
	display: block;
}
.megadrop li {
	margin-left: 10px;
	text-indent: -10px;
}
.megadrop li ul {
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 10px;
}
.megadrop a {
	color: #666680;
}
.megadrop a:hover {
	color: #444460;
}
#main_nav li:hover .megadrop {
	display: block;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
#content h1 {
	font-size: 30px;
	margin-bottom: 20px;
}
#content h2 {
	font-size: 23px;
	margin-bottom: 13px;
}
#content h5 {
	font-size: 30px;
	margin-bottom: 20px;
}
#content p {
	line-height: 150%;
	font-size: 18px;
	margin-bottom: 25px;
}
#content ul {
	list-style: disc;
	line-height: 150%;
	margin: 0 0 25px 20px;
	font-size: 18px;
}
#content ol {
	line-height: 150%;
	margin: 0 0 25px 20px;
	list-style: decimal;
	font-size: 18px;
}
#content ul ul, #content ul ol, #content ol ol, #content ol ul {
	margin-bottom: 0px;
}
#content a {
	color: #594739;
}
#content a:hover {
	color: #667c56;
}
#content pre {
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	margin-bottom: 25px;
}
#content sup {
	font-size: small;
	vertical-align: super;
	line-height: 100%;
}
/*#content blockquote.left {
	float: left;
	width: 230px;
	margin-right: 15px;
	border-top: 2px solid #CCC;
	border-bottom: 1px solid #D0D0D0;
	position: relative;
}
#content blockquote.left p {
	font-style: italic;
	font-size: 1.4em;
	margin: 10px 5px;
	text-indent: 25px;
}*/
#content blockquote {
	margin: 0 40px;
}
#content .feature {
	float: left;
	margin-right: 10px;
}
#content .feature a {
	color: white;
	background: #333;
	padding: 5px;
	display: block;
	width: 175px;
	font-size: 1.2em;
	font-style: italic;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
#content .feature a:hover {
	background: #222;
	box-shadow: 0px 0px 10px #fff;
}
#content .feature a img {
	width: 100%;
}
#content .alignright, #content .alignleft, #content .aligncenter, #content .alignnone {
	border: 1px solid #d0d0d0;
	padding: 5px;
}
#content .alignright {
	float: right;
	margin: 0px 0px 5px 10px;
}
#content .alignleft {
	float: left;
	margin: 0px 10px 5px 0px;
}
#content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content p.wp-caption-text {
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 0;
}
#content:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
#content div.navigation {
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 25px;
}
#content div.navigation .alignright, #content div.navigation .alignleft {
	padding: 0px;
	border: 0px;
}
#content div.navigation a {
	text-decoration: none;
	background: #FEC;
	padding: 5px 15px;
	font-size: 20px;
	font-style: italic;
}
#content div.navigation a:hover {
	color: #000;
	background: #f6e6c6;
}
#content div.navigation .parent a {
	background: #ccc;
	color: #666;
}
#content div.navigation .parent a:hover {
	background: #bbb;
	color: #000;
}
#content table {
	margin-bottom: 20px;
}
#content td, #content th {
	vertical-align: top;
	line-height: 150%;
}
#comments {
	border-top: 1px solid #ccc;
	padding-top: 1em;
}
#comments .commentlist {
	list-style: none;
	margin: 0 0 25px 0;
}
li.comment {
	padding: 1em;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	background: #fff;
}
li.comment.bypostauthor {	
	background: #ffe;
}
img.avatar {
	float: right;
	margin: 0 0 10px 10px;
}
li.comment cite {
	font-weight: bold;
}
header.comment-author {
	margin-bottom: 0.5em;
}
section.comment-content {
	border-left: 2px solid #999;
	padding-left: .5em;
}
#respond label {
	display: block;
}
#footer {
	width: 100%;
	height: 170px;
	background: url('images/bg_gray_top.png') top center repeat-x;
	border-top: 1px solid #aaaaaa;
}
#footer_inner {
	padding: 0px 360px 0px 20px;
	background: url('images/bw_dino.png') right 35px no-repeat;
	height: 170px;
}
#footer h1{
	font-size: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
}
#footer p {
	font-style: italic;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 10px;
}
#footer p a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	border: 1px solid #333;
	padding: 3px 6px;
	background: #F0F0F0;
}
#footer p a:hover {
	background: #ffffff;
}
.wpcf7-validation-errors {
	padding: 5px;
	background: #fdd;
	border: 1px solid #daa;
}
.wpcf7-mail-sent-ok {
	padding: 5px;
	background: #dfd;
	border: 1px solid #ada;
}
.wpcf7-response-output {
	margin: 0 !important;
	padding: 0.8em 1em !important;
	width: 50%;
}
#content p.search-title {
	font-size: 1.2em;
	margin: 0px;
}
#content h2.shaded {
	padding: 10px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	background: #eee;
	margin-right: 25px;
}
textarea {
	width: 60%;
}


/** Mobile Styles **/
@media screen and (max-width: 480px) {

html {
	background-color: none;
}
body {
	background: none;
}
#main, #wrapper {
	width: 100%;
	background: none;
}
#logo {
	top: 10px;
}
#logo a {
	position: relative;
}
#top_links {
	display: none;
}
#main, #main.faded {
	padding: 0px;
	background: #fff;
}
#main_nav {
	min-height: 150px;
}
#main_nav li {
	width: 45% !important;
	height: initial !important;
}
#main_nav li a {
	height: auto !important;
	padding: 16px !important
}
#main_nav li a span {
	display: none !important;
}
#main_nav .megadrop {
	display: none !important;
}
#content {
	padding: 5px;
}
#footer_inner {
	padding: 0 5px;
	background-position: 100px 70px;
}

}