@import url(https://fonts.googleapis.com/css?family=Overlock+SC|Noto+Sans);

body {font: normal 14px Noto Sans; color: #000; margin: 0; padding: 0; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {color: #000;}
h1, h2, h3 {font: normal 34px 'Overlock SC'; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #000;text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #000;text-decoration: none;}

a, a:visited {color: #0961CE;text-decoration: none;}
a:hover {color: #023C87;text-decoration: none;}
a img {border: none;}
ul, ul ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

#header_wrapper {border-bottom: 1px solid #F3F3F3; margin-bottom: 20px;}
#header_wrapper .wrapper {background: #F3F3F3 url(/assets/images/subtle_freckles.png) top left repeat; padding: 40px 0 30px 0; margin-bottom: 3px;}

#header_background {background: url(/assets/images/background.jpg) top left no-repeat fixed; background-size: cover;}
#header_text {zoom: 1; overflow: hidden; padding: 40px 0 100px 0; text-align: center;}
#header_text h1#site_heading {font: normal 55px 'Overlock SC';color: #fff; margin-bottom: 0px; text-shadow: 2px 2px 2px #333;}
#header_text h1#site_heading a {color: #fff;}
#header_text h2#site_subheading {font: normal 30px 'Overlock SC';color: #fff; margin-top: 0px;text-shadow: 2px 2px 2px #333;}

#primary_navigation {font: bold 20px 'Overlock SC'; width: 100%; zoom: 1; overflow: hidden; text-align: center;}
#primary_navigation ul {list-style-type: none; padding: 0; margin: 0; }
#primary_navigation ul li {display: inline-block; margin-right: 20px;}
#primary_navigation ul li a {display: inline-block; text-decoration: none; color: #000; padding: 15px 10px;}
#primary_navigation ul li a:hover {color: #0961CE;}
#primary_navigation ul li.active a {color: #023C87;}
#primary_navigation ul li.last {margin-right: 0px;}

#top_wrapper {padding-bottom: 10px;}
.location {padding: 10px;}
#left, #right {background: #F3F3F3 url(/assets/images/subtle_freckles.png) top left repeat;}

.navigation_component ul {list-style-type: none; font-size: 15px; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 35px; list-style-type:square;}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: disc; padding-left: 30px;}
.blog_component p.post_read_more {padding: 10px  0;}
.blog_component p.post_read_more a {background: #0961CE; padding: 10px 15px; border-radius: 5px; color: #fff;}
.blog_component p.post_read_more a:hover {background: #023C87; color: #fff;}
.blog_component p.archived {text-align: right;}
.blog_component p.archived a {background: #0961CE; padding: 10px 15px; border-radius: 5px; color: #fff;}
.blog_component p.archived a:hover {background: #023C87; color: #fff;}

.metadata {font-size: 11px; border-top: 4px solid #EEE;}

.comment.owner {border: none;}
.comment {border-bottom: 4px solid #EEE;}

.component input {min-height: 20px}
.component input, .component textarea {border: 1px solid #ccc; background: #eee;}
input.form_field_submit_button, .submit_wrapper input {background: #0961CE; padding: 10px 15px; border-radius: 5px; color: #fff; border: none;}
input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #023C87; color: #fff;}

#footer_wrapper {background: url(/assets/images/background.jpg) top center no-repeat fixed; background-size: cover; color:#000; text-align: right; font-size: 12px; padding-bottom: 80px; border-top: 4px solid #F3F3F3;}
#footer_wrapper .wrapper {background-color: rgba(255, 255, 255, 0.5); padding: 0px 10px;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {color: #000;}
#footer_wrapper #powered_by {padding: 10px 0;}





@media screen and (max-width: 650px) {
    #header_background, #footer_wrapper {background: #0961CE;}
	#header_background {margin-top: 15px;}
	#header_text {padding: 15px 0;}
	#header_text h1#site_heading {font-size: 40px;}
	#header_text h2#site_subheading {font-size: 30px;}
	#header_text h1#site_heading, #header_text h2#site_subheading {margin: 0px;}
	#primary_navigation ul li {margin-right: 10px;}
	#primary_navigation ul li a {padding: 5px;}
	#footer_wrapper {text-align: center; color: #fff; padding-bottom: 0px;}
	#footer_wrapper .wrapper {background: none;}
}