@import url(https://fonts.googleapis.com/css?family=Sacramento|Roboto+Condensed|Domine);

body {font: normal 13px 'Domine'; color: #666; background: #eee url(/assets/images/sneaker_mesh_fabric.png) repeat; background-attachment:fixed; margin: 0; padding: 0; line-height: 1.8;}

h1, h2, h3, h4, h5, h6 {color: #999;}
h1, h2, h3 {font-size: 22px; margin: 10px 0 10px 0; font-family: 'Roboto Condensed';font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #E8D1C9;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #DFC9C2;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #D0BAB5;}

a, a:visited {color: #DFC9C2; text-decoration: none;}
a:hover {color: #D0BAB5; text-decoration: none;}
a img {border: none;}
ul, ol {padding-left: 25px;}

#header_wrapper {background: #FFF;-moz-box-shadow: 0 0 10px 1px #ccc; -webkit-box-shadow: 0 0 10px 1px #ccc; box-shadow: 0 0 10px 1px #ccc;}

#header_text {zoom: 1; overflow: hidden; padding: 25px 0; text-align: center;}
#header_text h1#site_heading {font: normal 90px 'Sacramento';display: inline-block;color: #E8D1C9; margin-bottom: 0px; padding-right: 15px;}
#header_text h1#site_heading a {color: #E8D1C9;}
#header_text h2#site_subheading {font: normal 30px 'Roboto Condensed';display: inline-block;color: #CCC; margin-top: 0px;}

#header_photo {padding: 30px 0px; text-align: center;}
#header_photo img {max-width: 90%; border: 10px solid #fff;-moz-box-shadow: 0 0 10px 1px #ccc; -webkit-box-shadow: 0 0 10px 1px #ccc; box-shadow: 0 0 10px 1px #ccc;}

#primary_navigation {background: #E8D1C9;}
#primary_navigation ul {font: normal 20px 'Roboto Condensed';list-style-type: none; padding: 0; margin: 0 10px; zoom: 1; overflow: hidden;}
#primary_navigation ul li {display:block; float: left;}
#primary_navigation ul li a {display: block; float: left; padding: 5px 15px 10px 15px; text-decoration: none; color: #FFF; margin-right: 10px;border-top: 5px solid transparent;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a {border-top: 5px solid #FBF2EF;}
#primary_navigation ul li.last a {margin-right: 0px;}

#primary_navigation ul.sf-menu ul.sub_navigation {background: #E8D1C9; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {border-top: 5px solid transparent;}
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover {border-top: 5px solid #FBF2EF;}

#content_wrapper {padding-bottom: 20px; background: #FFF;-moz-box-shadow: 0 0 10px 1px #ccc; -webkit-box-shadow: 0 0 10px 1px #ccc; box-shadow: 0 0 10px 1px #ccc;}
#top_wrapper {padding-bottom: 10px;}
.location h2 span {display: block; border-top: 5px solid #FBF2EF; padding-top: 10px;}

.location {padding: 10px 20px;}

.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: 25px; list-style-type:circle;}

.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;}

.metadata {font-size: 11px;background:#FEFBFA; border: 1px solid #FBF2EF; padding: 10px;}
.metadata .comments {border-right: 1px solid #FBF2EF; margin-right: 7px;}
.metadata div {display: inline;}

.comment.owner {border: 1px solid #FBF2EF; background: #FCF6F4;}
.comment {border-bottom: 1px solid #FBF2EF;}

.component input {min-height: 20px}
.component input, .component textarea {border: 1px solid #FBF2EF; background: #FCF6F4; color: #666;}
input.form_field_submit_button, .submit_wrapper input {padding: 5px 10px; background: #E8D1C9; color: #fff; border: 1px solid #D0BAB5;}
input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #D0BAB5; color: #fff;}

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






@media screen and (max-width: 650px) {
    #primary_navigation ul {font-size: 16px; text-shadow: none; margin: 0 5px;}
	#primary_navigation ul li a {padding: 5px 10px;margin-right: 5px;}
	#header_text h1#site_heading {font-size: 50px;}
	#header_text h2#site_subheading {font-size: 20px;}
}