@import url(http://fonts.googleapis.com/css?family=Oswald|Open+Sans|Ubuntu+Condensed);

body {font: normal 14px 'Open Sans'; color: #333; background: #52652E url('../images/grass.jpg'); margin: 0; padding: 0; line-height: 1.6;}

h1, h2, h3, h4, h5, h6 {color: #707070;}
h1, h2, h3 {margin: 10px 0 10px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #707070;text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #707070;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #333;}

.component_heading {
font: normal 24px 'Oswald'; letter-spacing: 1px;text-transform: uppercase;
color: #222;
padding: 10px 20px 3px 20px;
background: transparent;
margin-top:20px;
margin-bottom: 1px;
}
.component_heading a, .component_heading a:visited {color: #222;}


.blog_post .title {font-size:130%; font-weight: bold;}
.blog_post .title a, .blog_post .title a:visited {color: #333;}
.blog_post .title a:hover {color: #666;}


a, a:visited {color: #1b75bb;; text-decoration: none;}
a:hover {color: #333; 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 {padding-top:10px; padding-bottom:10px;}
#header_container {
background:transparent;
background: -moz-linear-gradient(top,  transparent 0%,transparent 88%, #000000 90%, #ffffff 91%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(89%,transparent), color-stop(90%,#000000), color-stop(91%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, transparent 0%,transparent 89%,#000000 90%,#ffffff 91%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  transparent 0%,transparent 89%,#000000 90%,#ffffff 91%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  transparent 0%,transparent 89%,#000000 90%,#ffffff 91%); /* IE10+ */
background: linear-gradient(to bottom,  transparent 0%,transparent 89%,#000000 90%,#ffffff 91%); /* W3C */
}

#header_photo {text-align: center;}
#header_photo img {box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 1); border-radius: 5px;}

#header_text {zoom: 1; overflow: hidden; padding: 0 0 0 0; text-align: center; margin-top: 40px; margin-bottom: 20px;}
#header_text h1#site_heading {font-weight: normal; font-size: 84px; line-height: 1.7; letter-spacing: -0.7px; font-family: 'Oswald'; color: #fff; text-shadow: rgba(0, 0, 0, 0.72) 6px 6px 10px; margin-bottom:30px;}
#header_text h1#site_heading a {color: #fff;}
#header_text h2#site_subheading {font: bold 30px 'Ubuntu Condensed'; line-height: 1.2; color: #000; text-shadow: rgba(255, 255, 255, 0.8) 2px 2px 32px; letter-spacing: 1.1px;}

#headerleft {}

#photo {}

.navbar {width: 100%; overflow: hidden; 
background:#414141;
background: -moz-linear-gradient(top,  #454545 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #454545 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #454545 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #454545 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #454545 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #333;
}
#primary_navigation {font: normal 16px 'Ubuntu Condensed'; letter-spacing: 2.6px; overflow: hidden;}
#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: #cdcdcd; margin-right: 0px;}
#primary_navigation ul li a:hover  {color: #fff;}
#primary_navigation ul li.active a {color: #fff;}
#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: #202020;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a {color:#cdcdcd;}
#primary_navigation .sf-menu ul li a {padding: 7px 15px;}
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover {color: #fff;}
.sfHover {}

#top_wrapper {padding-bottom: 10px;}
.location {}

.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: #222; border: 2px solid #ccc;}
.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:#222;
background: -moz-linear-gradient(top,  #6b6b6b 0%, #0F0F0F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#0F0F0F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6b6b6b 0%,#0F0F0F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6b6b6b 0%,#0F0F0F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6b6b6b 0%,#0F0F0F 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6b6b6b 0%,#0F0F0F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#0F0F0F',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #666;}
.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: #6b6b6b; color: #fff; border-color: #6b6b6b;}
.component select {padding: 6px;}

.ecwid-SearchPanel-button {vertical-align: top;}

#content_wrapper {background-color: #ffffff;}
#content_wrapper .container {}
#footer_wrapper {color: #fff; width: 100%; background: rgba(0, 0, 0, 0.70);}
#footer_wrapper .container {padding: 20px;}
#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: 10px 0 20px 0;}

#copyright {padding: 0 40px; text-align:center;}
.splash #location_3 {padding:0;}


.comment_form .submit_wrapper { padding:0; }

.google_map_component .component_content .directions .input > input { display:block; }
.google_map_component .component_content .directions .input > button { margin-top:10px; }

.search_wrapper #blog_search { width:100% }
.search_wrapper, .ecwid-SearchPanel { overflow:visible; padding:0; }

.google_map_component .component_content .directions .input > input { box-sizing:border-box; min-height:35px; }
.search_wrapper #blog_search, .ecwid_product_search_component .ecwid-SearchPanel .ecwid-SearchPanel-field, .ecwid_product_search_component .ecwid-SearchPanel .ecwid-SearchPanel-button, .search_wrapper .input_wrapper, .search_wrapper .submit_wrapper > input { display:inline-block; box-sizing:border-box; min-height:35px; }

.ecwid_product_search_component .ecwid-SearchPanel .ecwid-SearchPanel-field, .search_wrapper .input_wrapper, .google_map_component .component_content .directions .input > input { max-width:250px; width:50%; }

.google_map_component .component_content .directions .input > input:focus,
.ecwid_product_search_component .ecwid-SearchPanel .ecwid-SearchPanel-field:focus,
.ecwid_product_search_component .ecwid-SearchPanel .ecwid-SearchPanel-button:focus,
.input_wrapper #blog_search:focus { outline:0; }

.paypal_component .component_content form > div > input:last-child { border:none; background:transparent; }

.feed_component .component_content .feed .feed_entry img, .ebay_image img { display:block; width:auto; height:auto; }

.google_map_component .component_content div[id*="google_map_canvas"]  { width:auto !important; }

#recaptcha_widget img { max-width: 100% !important }
#recaptcha_image { max-width: 100% !important }

.facebook_activity_component iframe { width:100% !important; background-color:#ffffff; }
.facebook_like_component iframe { box-sizing:border-box; background-color:#ffffff; padding:4px; }
html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser { background-color: #ffffff; }



@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_photo img {border-radius: 0px;}
  #header_text {padding: 15px 10px;}
  #header_text h1#site_heading {font-size: 40px; margin:0; float: none; line-height:1.2em;}
  #header_text h2#site_subheading {font-size: 22px; float: none; margin:5px;line-height:1.2em;}
  #header_text h1#site_heading, #header_text h2#site_subheading {margin: 5px;}
  .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;}
}
