@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz|Oxygen|Fjalla+One);

body {font-family: 'Oxygen';font-size: 13px; font-weight: 400; color: #777; background: #CFCFCF; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {color: #313131; }
h1, h2, h3 {font-size: 18px; margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #313131;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #313131;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #313131;}

a, a:visited {text-decoration:underline; color:#2564a2;}
a:hover {color:#2a74bc;}

.component h2,.component h3 { font: normal 24px 'Fjalla One'; color: #444;}

#body_wrapper {background: transparent url(../images/blue-texture.png) top left repeat-x;}
#body_wrapper #wrapper {width: 960px; margin: 0 auto;}
#header_wrapper {zoom: 1; overflow: hidden; padding: 30px 0 10px 0;}
#header_photo {border-top:2px solid #333; border-bottom:1px solid #666; text-align: center; background: #666;}
#header_text {zoom: 1; overflow: hidden; float: left;}
#header_text h1#site_heading {float: left; line-height: 45px; margin-right: 15px;}
#header_text h1#site_heading a {font-size: 32px; color: #fff; font-family: 'Fjalla One';}
#header_text h2#site_subheading {font-size: 17px;color: #fff; font-weight: normal; float: left; line-height: 45px;}

#primary_navigation {float: right;}
#primary_navigation ul {float: right; font-size: 15px;}
#primary_navigation ul li a { font:normal 22px 'Yanone Kaffeesatz'; display: block; float: left; padding: 0px 10px; margin-right: 5px; text-decoration: none; color: #ccc;line-height: 45px; font-weight: 400;}
#primary_navigation ul li.last a {margin-right: 0px;}
#primary_navigation ul li.active a, #primary_navigation ul li a:hover {color: #fff;}

.metadata {font-size: 11px; padding-bottom: 10px;}
.metadata .comments {border-right: 1px solid #ccc; margin-right: 7px;}

#top_wrapper .wrapper, #middle_wrapper .wrapper {margin-top: 20px;}

.navigation_component ul {list-style-type: none; margin-left: 0px; padding-left: 10px;}
.navigation_component ul ul {padding-left: 35px; list-style-type: circle;}

.comment.owner {background: #FEFEFE; border: none;}
.comment {border-bottom: 1px solid #FEFEFE;}

#footer_wrapper {color: #fff; background:#333 url(../images/blue-texture.png) repeat; padding-bottom: 40px; margin-top: -50px;
padding-top: 60px; }
#footer_wrapper a, #footer_wrapper a:active {text-decoration: underline; color: #fff;}
#footer_wrapper a:hover {color: #eee;}
#footer_wrapper .wrapper {width: 960px; margin: 0 auto;}

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

.component input {color: #5A5A5A; border-radius:3px;}
.component  input, .component textarea {background: #ccc; border: 0; color: #000; padding: 3px; border-radius:3px;}
input.form_field_submit_button, .submit_wrapper input {color: #fff; padding: 10px; background: #2564a2; border-radius:3px;}
input.form_field_submit_button:hover, .submit_wrapper input:hover { background: #2a74bc; }

.location { background: #fff; padding: 20px; -webkit-box-shadow: 0px 1px 1px 1px #aaaaaa; box-shadow: 0px 1px 1px 1px #aaaaaa; }