@import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC|Lobster+Two:700);

body {font: normal 13px Verdana, Geneva, sans-serif; color: #333; background: #EEE url(/assets/images/billie_holiday.png) repeat; background-attachment:fixed; margin: 0; padding: 0; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {color: #333;}
h1, h2, h3 {font: normal 30px 'Patrick Hand SC'; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #709A97;}

a, a:visited {color: #87BAB4; text-decoration: none;}
a:hover {color: #709A97; text-decoration: none;}
a img {border: none;}
ul, ol {padding-left: 25px;}

#header_wrapper {margin-top: 20px;}

#header_text {zoom: 1; overflow: hidden; padding: 20px 0 40px 0; text-align: center;}
#header_text h1#site_heading {font: 700 80px 'Lobster Two';display: inline-block;color: #87BAB4;text-shadow: #709A97 -1px -1px 0; padding-right: 10px;}
#header_text h1#site_heading a {color: #87BAB4;}
#header_text h2#site_subheading {font: 700 60px 'Lobster Two';display: inline-block;color: #fff;text-shadow: #ccc -1px -1px 0;}

.navbar {background: #87BAB4; width: 100%;}
#primary_navigation {font: bold 22px 'Patrick Hand SC';text-shadow: #709A97 -1px -1px 0; letter-spacing: 2px;}
#primary_navigation ul {list-style-type: none; padding: 0; margin: 0;background: #87BAB4; zoom: 1; overflow: hidden; text-align: center;}
#primary_navigation ul li {display: inline-block;}
#primary_navigation ul li a {display: inline-block; float: left; padding: 20px 15px; text-decoration: none; color: #FFF; margin-right: 25px;}
#primary_navigation ul li a:hover  {background: #709A97;}
#primary_navigation ul li.active a {background: url(/assets/images/active.png) top center no-repeat;}
#primary_navigation ul li.last a {margin-right: 0px;}

#primary_navigation ul.sf-menu ul.sub_navigation {background: #93CBC7;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {background: url(none);}
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover {background: #709A97;}


#content_wrapper {padding: 20px; background: url(/assets/images/linedpaper.png) repeat;}
#top_wrapper {padding-bottom: 10px;}
.location {padding: 10px;}


.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: url(/assets/images/transparent_bg.png) repeat; border: 1px solid #EEE; padding: 10px;}
.metadata .comments {border-right: 1px solid #ccc; margin-right: 7px;}
.metadata div {display: inline;}

.comment.owner {background: url(/assets/images/transparent_bg.png) repeat; border: none;}
.comment {border-bottom: 1px solid #ccc;}

.component input {min-height: 20px}
.component input, .component textarea {border: none; background: url(/assets/images/transparent_bg.png) repeat;}
input.form_field_submit_button, .submit_wrapper input {padding: 5px 10px; background: #87BAB4; color: #fff;}
input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #709A97; color: #fff;}

#footer_wrapper {color: #eee;background: #87BAB4; width: 100%;}
#footer_wrapper .container {padding: 20px;}
#footer_wrapper a, #footer_wrapper a:visited, #footer_wrapper a:hover {color: #eee;}
#footer_wrapper #powered_by {text-align: right; padding: 20px 0 0 0;}






@media screen and (max-width: 650px) {
    #primary_navigation {font-size: 18px;}
	#primary_navigation ul {text-shadow: none; margin: 0 5px;}
	#primary_navigation ul li a {padding: 5px 10px;margin-right: 5px;}
	#primary_navigation ul li.active a {background: #709A97;}
	#header_text {padding: 0 0 20px 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;}
}