@import url(http://fonts.googleapis.com/css?family=Great+Vibes|Tangerine|Oswald);
body {font: normal 13px Arial, Helvetica, sans-serif; color: #4c4c4c; background: #FFF;}

h1, h2, h3, h4, h5, h6 {color: #2D2D2D;}
h1, h2, h3 {font-size: 20px; margin: 10px 0 10px 0; font-family: Oswald; font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #2D2D2D;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #2D2D2D;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #444;text-decoration: none;}

a, a:visited {text-decoration:none; color:#285289;}
a:hover {color:#2d62aa; text-decoration: underline}

#header_wrapper {width: 100%; background: #466793;}

#top_header_area {width: 100%; background: url(/assets/images/background.png) bottom left repeat-y;}
#top_header_area .wrapper {width: 960px; margin: 0 auto; zoom: 1; overflow: hidden;}
#page_name {font-size: 40px; color: #fff; width: 500px; float: left;}
#header_photo {background: url(/assets/images/shadow.png) bottom center no-repeat; padding-bottom: 18px; width: 480px; float: right; margin-top: 25px;}
#header_photo .photo_wrapper {border: 10px solid #F3F3F3;}

#header_text {zoom: 1; overflow: hidden; padding: 20px 0 25px 0; width: 470px; float: left;}
#header_text h1#site_heading a {text-shadow: 3px 3px 15px #444; filter: dropshadow(color=#000000, offx=2, offy=2); display: block; font: normal 70px 'Great Vibes'; color: #FFF; margin: 30px 0 10px 0;}
#header_text h2#site_subheading {font: bold 45px 'Tangerine'; color: #333; }

#primary_navigation {width: 960px; margin: 0 auto;}
#primary_navigation ul {float: left; zoom: 1; overflow: hidden; padding: 3px 15px;}
#primary_navigation ul li a {font: normal 16px 'Oswald';  color: #fff; display: block; float: left; padding: 10px 10px; margin-right: 10px; text-decoration: none;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a {background: #335179; border-radius: 5px; color: #fff;}
#primary_navigation ul li.last a {margin-right: 0px;}

.metadata {font-size: 11px;background: #F5F5F5; border: 1px solid #EEE;}
.metadata .comments {border-right: 1px solid #ccc; margin-right: 7px;}

#content_wrapper {width: 100%;}
#top_wrapper, #middle_wrapper {width: 960px; margin: 0 auto;}
#top_wrapper .wrapper, #middle_wrapper .wrapper {margin-top: 10px;}
.location .component_content {line-height: 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; border-bottom: 1px dotted #CCC;}

#comment_title {margin-bottom: 15px;}

.component .comment.owner {background: #F5F5F5; border: 1px solid #EEE;}
.component .comment {border-bottom: 1px solid #EEE;}

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

#footer_wrapper {width: 100%; background: #abbfd5; padding: 15px 0;}
#footer_wrapper .wrapper {width: 960px; margin: 0 auto;}



.component input { min-height: 20px;}
.component input, .component textarea {color: #4c4c4c; border: 1px solid #ccc; background-color:#eee; border-radius: 5px;}
.component .submit_wrapper input, .component input.form_field_submit_button {background: #335179; color: #fff; border-radius: 5px; padding: 4px 15px;}
input.form_field_submit_button:hover, .submit_wrapper input:hover { background: #466793; }