@import url(http://fonts.googleapis.com/css?family=Open+Sans|Oswald);

body {font: normal 14px/20px "Open Sans"; color: #eee; background: #181818 url('../images/black-diag.png'); }

.component h2,.component h3 { margin: 15px 0 5px 0; font: normal 30px 'Oswald'; padding-bottom:8px;}

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

a, a:visited {color: #31a9e9;}
a:hover {color: #fff;}



#body_wrapper {margin: 0px auto; }
#content_wrapper {background: #121212; margin-top:20px;}
#main, #left, #right, #top { padding: 10px; }
#header_wrapper .wrapper {width: 980px; margin:0 auto;}
#header_wrapper {  }
#header_photo { width: 980px; overflow:hidden; margin: 0 auto; border-bottom: 3px solid #111;}
#header_photo img {  }

#header_photo_nav_wrapper {}


/*#header_text, #footer_wrapper .wrapper, #main .location, #right .location, #left .location, #top .location { background: #ffffff; border : 2px dotted #ccc; }*/
#header_text {margin-top: 30px; margin-bottom: 10px;}
#header_text h1#site_heading a {font: normal 60px/60px 'Oswald'; color: #31a9e9;}
#header_text h2#site_subheading {font: normal 16px/60px 'Open Sans'; color: #fff;}
#nav_wrapper {background: transparent; }
#primary_navigation {width:980px; margin:0 auto; background: #23add6;
background: -moz-linear-gradient(top,  #23add6 0%, #1366b2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23add6), color-stop(100%,#1366b2));
background: -webkit-linear-gradient(top,  #23add6 0%,#1366b2 100%);
background: -o-linear-gradient(top,  #23add6 0%,#1366b2 100%);
background: -ms-linear-gradient(top,  #23add6 0%,#1366b2 100%);
background: linear-gradient(to bottom,  #23add6 0%,#1366b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23add6', endColorstr='#1366b2',GradientType=0 );
}
#primary_navigation ul li a {font: normal 14px/48px 'Open Sans'; text-transform: uppercase; text-decoration: none; color: #fff; margin:0 2px; padding: 15px; }
#primary_navigation ul li a:hover, #primary_navigation ul li a:active { color: #fff; background: #191919;
background: -moz-linear-gradient(top,  #191919 0%, #393939 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#393939));
background: -webkit-linear-gradient(top,  #191919 0%,#393939 100%);
background: -o-linear-gradient(top,  #191919 0%,#393939 100%);
background: -ms-linear-gradient(top,  #191919 0%,#393939 100%);
background: linear-gradient(to bottom,  #191919 0%,#393939 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#393939',GradientType=0 );
   }
#primary_navigation ul li.active a { color: #fff; background: #191919;
background: -moz-linear-gradient(top,  #191919 0%, #393939 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#393939));
background: -webkit-linear-gradient(top,  #191919 0%,#393939 100%);
background: -o-linear-gradient(top,  #191919 0%,#393939 100%);
background: -ms-linear-gradient(top,  #191919 0%,#393939 100%);
background: linear-gradient(to bottom,  #191919 0%,#393939 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#393939',GradientType=0 );
  }

.metadata {font-size: 11px; border-top : 2px dotted #ccc; }



.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 {line-height: 30px; padding: 0; margin: 0;}

.comment.owner {border: 1px solid #333;}
.comment {border-bottom: 1px solid #333;}


.component input {min-height: 30px; border-radius:3px;}
.component  input, .component textarea {border: 1px solid #ccc; background-color: #ddd; border-radius:3px; color:#000; }
input.form_field_submit_button, .submit_wrapper input {background: #31a9e9; color: #fff; font-weight: bold; border-radius:3px; border:0; padding: 10px;}
input.form_field_submit_button:hover, .submit_wrapper input:hover { background: #333; border:0; }


#left .component h2, #left .component h3, #right .component h2, #right .component h3  { color: #31a9e9; font: normal 24px 'Oswald'; padding: 2px 0px;}

#footer_wrapper { margin-bottom:30px;}