@import url(https://fonts.googleapis.com/css?family=Oswald|Ubuntu);

body {font: normal 13px Arial,Verdana,sans-serif; color: #333; background: #fdfdfd url(../images/pagebg.png) left top repeat;  margin : 0; padding : 0;  }

h1, h2, h3, h4, h5, h6 {color: #444;}

.component h2,.component h3 { padding: 10px; margin: 0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #444;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #444;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #444;}

a {color: #000;}
a, a:link {text-decoration: none; border-bottom: 1px dashed #b9b9b9;}
a:hover {border-bottom: 1px dashed #ffff00; color: #b9b9b9;}

#body_wrapper { background:#e3e3e3;  padding-bottom: 15px; border-left:12px solid #e3e3e3; border-right:12px solid #e3e3e3;  }
/*url(../images/greybg.png) left top repeat*/
#header_wrapper { background: #000 url(../images/bannerNew.png); width: 984px; margin: 0 auto;  }

#header_wrapper .wrapper { margin: 0 auto;}

#content_wrapper { margin-top : 0px; padding: 15px 0 0px 0; }
/*url(../images/greybg.png)*/
#footer_wrapper { background: #000  left top repeat; color : #fff; width: 960px; margin: 0 auto;
                  border-left:12px solid #000; border-right:12px solid #000; min-height: 60px;}

#header_text h1#site_heading a {border-bottom: none; font: 50px/50px sans-serif; color: #60b5ff; padding-left: 280px;}
#header_text h2#site_subheading {font: normal 50px/50px 'Oswald'; color: #ffffff; padding-left: 150px;}
#header_photo {text-align: center;}

#navigation { margin: 0 auto 0px auto; border-bottom : 5px solid #ffff00; background: #242424; /* Old browsers */
}

/*#60b5ff*/
#primary_navigation {width: 960px; margin: 0 auto;}

#primary_navigation ul li a {border-bottom: none; float:left;font: normal 13px 'Oswald'; text-decoration: none; letter-spacing: 1px; color: #fff; margin: 0; padding : 13.5px; border-left: 1px solid #333; }
#primary_navigation ul li.last { border-right: 1px solid #333;}
#primary_navigation ul li a:hover, #primary_navigation ul li a:active {color:#000; background:#d9d9d9;}
#primary_navigation ul li.active a    { color:#000; background:#ffff00;}
/*#60b5ff*/
.metadata {font-size: 11px; color: #99997D; border-top : 2px solid #c1c1c1; background: #e3e3e3; }

.navigation_component ul {list-style-type: none; padding: 0; margin: 0;}
.navigation_component ul a {text-decoration: none; border-bottom: 1px dashed #b9b9b9;}
.navigation_component ul a:hover {border-bottom: 1px dashed #ffff00; color: #b9b9b9;}
.navigation_component ul li {padding: 5px 0; margin: 0;}
.navigation_component ul ul {padding-left: 30px; list-style-type: circle; margin-top:3px;}

.component  input, .component textarea {border: 1px solid #aaa; background-color: #e9e9e9; }
input.form_field_submit_button, .submit_wrapper input {background: #8f8f8f; color: #fff; font-weight: bold; padding: 9px 12px; border: 1px solid #ffff00; }
input.form_field_submit_button:hover, .submit_wrapper input:hover { background: #333;}

.comment.owner {background: #f9f9f9; border: 1px solid #ccc;}
.comment {border-bottom: 1px solid #ccc;}

.component h2 { font: normal 28px 'Oswald'; color: #000; background: #c8c8c8; } 
.component h3 { font: normal 16px 'Oswald'; color: #000; text-decoration: bold; padding-left:0px;}

#left, #right { padding-bottom: 15px;}
/*background:#f7f7f7*/

#footer_wrapper a, #footer_wrapper a:visited { color:#4fa6f1; }
#footer_wrapper a:hover {color: #66b4f6;}

.date {margin-top: 5px;}

.blog_archive_component ul {list-style: circle; margin: 0; padding: 15px;}