@import url(http://fonts.googleapis.com/css?family=Kavoon|Tauri|Noto+Sans);

body {font: normal 15px 'Noto Sans'; color: #333; background: #DCDCDC url(../images/60degree_gray.png) repeat fixed; margin: 0; padding: 0; line-height: 1.6;}

h1, h2, h3, h4, h5, h6 {color: #F78200;}
h1, h2, h3 {font-size: 34px; margin: 10px 0 10px 0; font-family: 'Tauri';font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #F78200;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #F78200;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #C76A01;}

a, a:visited {color: #3059C5; text-decoration: none;}
a:hover {color: #F78200; text-decoration: none;}
a img {border: none;}
ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

#header_text {padding: 15px 25px; text-align: center;}
#header_text h1#site_heading {font: normal 50px 'Kavoon';display: inline-block;color: #F78200; margin-bottom: 0px; margin-right: 10px; text-shadow: -1px -1px 0px #C76A01;}
#header_text h1#site_heading a {color: #F78200;}
#header_text h2#site_subheading {font: normal 24px 'Tauri';display: inline-block;color: #fff; margin-top: 0px; text-shadow: -1px -1px 0px #ccc;}

.navbar {background: url(../images/shadow-right.png) bottom right no-repeat; position: relative; right: -17px;}
.navbar .container {background: url(../images/shadow-left.png) bottom left no-repeat;padding-bottom: 14px; position: relative; left: -34px;}
#primary_navigation {background: #F78200;}
#primary_navigation ul {font: normal 18px 'Tauri';list-style-type: none; padding: 10px 0 10px 15px; margin: 0; zoom: 1; overflow: hidden; text-shadow: 0 2px 1px #C76A01;}
#primary_navigation ul li {display:block; float: left;}
#primary_navigation ul li a {display: block; float: left; padding: 5px 15px; text-decoration: none; color: #fff; color: #fff;}
#primary_navigation ul li a:active, #primary_navigation ul li a:hover {color: #fff;}

#primary_navigation ul.sf-menu ul.sub_navigation {background: #F78200; border-radius: 0px;}
#primary_navigation ul.sf-menu ul.sub_navigation a {color: #fff;}
#primary_navigation ul.sf-menu ul.sub_navigation li {margin-bottom: 0px;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {color: #fff;}
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover {color: #fff;}

#content_wrapper {background-color: rgba(255, 255, 255, 0.6); position: relative; top: -14px; border-bottom: 6px solid #F78200;}
#top_wrapper {padding-bottom: 10px;}
.location h1, .location h2, .location h3 {text-shadow: 0 2px 1px #C76A01;}
#header_photo {text-align: center;}
#header_photo img {border-bottom: 5px solid #ddd;width: 100%;}

.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: #F78200; padding: 10px 15px; border-radius: 5px; text-shadow: 0 2px 1px #C76A01; color: #fff;}
.blog_component p.post_read_more a:hover {background: #C76A01; color: #fff;}
.blog_component p.archived {text-align: right;}
.blog_component p.archived a {background: #F78200; padding: 10px 15px; border-radius: 5px; text-shadow: 0 2px 1px #C76A01; color: #fff;}
.blog_component p.archived a:hover {background: #C76A01; color: #fff;}

.metadata {font-size: 13px; border-top: 2px solid #ddd; padding: 10px;}
.metadata .comments {border-right: 1px solid #ccc; margin-right: 7px;}
.metadata div {display: inline;}

.comment.owner {background: #DCDCDC; border: none;}
.comment {border-bottom: 2px solid #ddd;}

.component input {min-height: 25px}
.component input, .component textarea {border: none; background: #DCDCDC; color: #000;}
input.form_field_submit_button, .submit_wrapper input {background: #F78200; padding: 10px 15px; border-radius: 5px; text-shadow: 0 2px 1px #C76A01; color: #fff; border: none;}
input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #C76A01; color: #fff;}

#footer_wrapper {padding: 20px 10px; text-align: center;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {color: #F78200;}

.location {padding: 20px;}


@media screen and (max-width: 650px) {
	#primary_navigation ul {padding: 5px 0 5px 25px; font-size: 14px;}
	#primary_navigation ul li a {padding: 3px 5px;}
}