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

body {font: normal 14px 'Open Sans'; color: #fff; background: #111 url(../images/bg.png); margin: 0; padding: 0; line-height: 1.6;}

.component_heading {
font-weight: bold;
font-size: 28px;
line-height: 1.2;
font-family: 'Ubuntu Condensed';
color: #DDE821;
font-style: normal;
letter-spacing: 3.4px;
padding-left: 20px;
}

.blog_post .title {font-size:130%; font-weight: bold;}
.blog_post .title a, .blog_post .title a:visited {}
.blog_post .title a:hover {}


a, a:visited {color: #DDE821; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}
a img {border: none;}
ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

.component {margin-bottom: 20px;}
.component_content {padding:0 20px;}
.component button, .component input[type="button"], .component input[type="reset"], .component input[type="submit"], .blog_component p.post_read_more a, .blog_component p.archived a { display:inline-block; margin:0; line-height:1; height:100%; }

#header_wrapper {}
#header_photo {text-align: center;}
#header_text {zoom: 1; overflow: hidden; padding: 0; text-align:center;}
#header_text h1#site_heading {font: 48px 'Spicy Rice'; color: #000; letter-spacing: 1.8px; line-height: 1em; text-align:center; text-shadow: rgba(255, 255, 255, 0.36) 3px 1px 4px; margin: 0;}
#header_text h1#site_heading a {color: #000;}
#header_text h2#site_subheading {font: normal 22px 'Ubuntu Condensed'; line-height: 1.1em; color: #fff; text-shadow: rgb(0, 0, 0) 2px 2px 6px; text-align:center; margin-bottom: 30px; letter-spacing: 1.1px;}
#header_photo img {width: 100%;}

#ribbon {
    padding: .34em 1em;
    margin: 0;
    margin-top: 40px;
    position:relative;
    color: #000000;
    font-size: 50px;
    text-align: center;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 0px rgba(255,255,255,.3), inset 0px 0px 20px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.4);
    background:#FEF510;
    background: -moz-linear-gradient(top,  #FEF510 0%, #8E7C18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEF510), color-stop(100%,#8E7C18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FEF510 0%,#8E7C18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FEF510 0%,#8E7C18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FEF510 0%,#8E7C18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FEF510 0%,#8E7C18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEF510', endColorstr='#8E7C18',GradientType=0 ); /* IE6-9 */
    display: inline-block;
}
	
#ribbon:before, #ribbon:after {
    content: "";
    width:.2em;
    bottom:-.5em;
    position:absolute;
    display:block;
    border: .9em solid #B0A115;
    box-shadow:0px 1px 0px rgba(0,0,0,0.4);
    z-index:-2;
}
	
#ribbon:before {
    left:-1.35em;
    border-right-width: .75em;
    border-left-color:transparent;
}
	
#ribbon:after {
    right:-1.35em;
    border-left-width: .75em;
    border-right-color:transparent;
}
	
#ribboncontent:before, #ribboncontent:after {
    content:"";
    bottom:-.5em;
    position:absolute;
    display:block;
    border-style:solid;
    border-color: #767117 transparent transparent transparent;
    z-index:-1;
}
	
#ribboncontent:before {
    left: 0;
    border-width: .5em 0 0 .5em;
}
	
#ribboncontent:after {
    right: 0;
    border-width: .5em .5em 0 0;
}


.navbar {width: 100%; overflow: hidden; 
background:#FEF510;
background: -moz-linear-gradient(top,  #FEF510 0%, #8E7C18 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEF510), color-stop(100%,#8E7C18)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FEF510 0%,#8E7C18 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FEF510 0%,#8E7C18 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FEF510 0%,#8E7C18 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FEF510 0%,#8E7C18 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEF510', endColorstr='#8E7C18',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #B3BD1E;
}
#primary_navigation {font: bold 18px 'Ubuntu Condensed'; letter-spacing: 2.6px; overflow: hidden;text-shadow: rgba(255, 255, 255, 0.27) 1px 1px 2px;}
#primary_navigation ul {list-style-type: none; padding: 0; margin: 0; zoom: 1; overflow: hidden; text-align: center;}
#primary_navigation ul li {display: inline-block;}
#primary_navigation ul li a {line-height: 2; display: inline-block; text-transform: uppercase; float: left; padding: 5px 30px; text-decoration: none; color: #333; margin-right: 0px;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a  {color: #000;text-shadow: rgba(255, 255, 255, 1) 0px 0px 5px;}
#primary_navigation ul li.last a {margin-right: 0px;}

#primary_navigation ul.sf-menu ul.sub_navigation {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;background: #121212;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {}
#primary_navigation .sf-menu ul li a {padding: 7px 15px; text-shadow: none; color:#666;}
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover {color: #fff;}
.sfHover {}
#maincontent { }
#middle_wrapper {padding-top: 10px;}
#top_wrapper {padding-bottom: 10px;}
.location {padding: 10px;}

.navigation_component ul {list-style-type: none; font-size: 18px; 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: 35px; list-style-type:square}

.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: square; padding-left: 30px;}
.blog_component p.post_read_more {padding-bottom: 10px;}
.blog_component p.post_read_more a {padding: 10px; background: #5FC4E8; color: #fff; text-decoration: none;}
.blog_component p.post_read_more a:hover {background: #4A9CBB; color: #fff; text-decoration: none;}
.blog_component p.archived {text-align: right; padding-top: 10px;}
.blog_component p.archived a {padding: 10px; background: #4A9CBB; color: #fff; text-decoration: none;}
.blog_component p.archived a:hover {background: #5FC4E8; color: #fff; text-decoration: none;}

.metadata {font-size: 13px; padding: 10px; border-top: 2px solid #DDD;}
.metadata div {display: inline;}

.comment.owner {border: none;}
.comment {border-bottom: 2px solid #DDD;}

.component input {min-height: 25px}
.component input, .component textarea, .component select {font: normal 14px 'Open Sans'; border: none; color: #fff; border: 2px solid #383838; background: #222;}
.component button, .blog_component p.post_read_more a, .blog_component p.archived a, input.form_field_submit_button, .submit_wrapper input {padding: 10px 15px; color: #fff; border: none; border-radius: 5px;
background:#4F4F4F;}
.component button:hover, .blog_component p.post_read_more a:hover, .blog_component p.archived a:hover, input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #222; color: #fff; border-color: #474747;}
.component select {padding: 6px;}

.ecwid-SearchPanel-button {vertical-align: top;}

#middle_wrapper {background: #000;}

#footer_wrapper {color: #fff; width: 100%; margin-bottom: 40px;}
#footer_wrapper .container {background: #000;}
#footer_wrapper a, #footer_wrapper a:visited {color: #bdbdbd; text-decoration: none;}
#footer_wrapper a:hover {color: #fff;}
#footer_wrapper #powered_by {text-align: center; padding: 0px 0 30px 0;}

#copyright {padding: 10px 40px; text-align:center;}
.splash #location_3 {padding:0;}


@media screen and (max-width: 650px) {
  #primary_navigation {font-size: 14px;}
  #primary_navigation ul {text-shadow: none; margin: 0;border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom:1px solid #ccc;}
  #primary_navigation ul li a {padding:5px 8px;}
  #primary_navigation ul li.active a {}
  #header_wrapper {padding-top: 0;}
  #header_text {padding: 15px 10px;}
  #header_text h1#site_heading {font-size: 36px; margin:5px 0;}
  #header_text h2#site_subheading {font-size: 18px;}
  #header_text h1#site_heading, #header_text h2#site_subheading {margin: 0px;}
  .theme-custom-1 .nivo-directionNav .nivo-prevNav {left:0;}
  .theme-custom-1 .nivo-directionNav .nivo-nextNav {right:0;}
  .splash #location_3 .nivo-controlNav {display: none;}
}