/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.


font-family:'Neo Sans W01';
font-family:'Neo Sans W01 Light';
font-family:'Neo Sans W01 Bold';
*/

body {
  background-color: #eaeaea;
  color: #555555;
  font: normal 13px/20px 'Neo Sans W01',Helvetica,Arial,Sans-serif;
}



#inner-wrapper {
  -moz-box-sizing: border-box;
  padding: 0 1em;
  position: relative;
  transition: left 0.5s ease 0s;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #7FD1E5;
  font-family: "Neo Sans W01",Helvetica,Arial,sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0;
}


a:link, a:visited {
  color: #ED7623;
  text-decoration: none;
}

.post-more a:hover, .post-meta a:hover, .post p.tags a:hover {
    text-decoration: underline;
    color: #ED7623;
}

#header {
padding: 10px 0 15px;
}

.archive_header {
  font-size: 1.5em;
  font-weight: normal;
}

.archive_header {
  border-bottom: 1px solid #E6E6E6;
  color: #7C858C;
  display: block;
  float: left;
  margin: 0 0 30px;
  padding: 0 0 10px;
  width: 100%;
}

#inner-wrapper {
    background-color: #FFFFFF;
}
.post .title, .page .title {
  font: bold 28px/1.2em 'Neo Sans W01',Helvetica,Arial sans-serif;
  font-weight: normal;
  color: #7FD1E5;
}

.post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
  color: #ED7623;
}

.post-meta {
  color: #999999;
  font: normal 12px/18px 'Neo Sans W01',Helvetica,Arial,sans-serif;
  margin: 0 0 1.8em;
    font-weight: normal;
}

.entry, .entry p {
  color: #555555;
  font: normal 15px/1.5em "Neo Sans W01",Helvetica,sans-serif;
}

p {
  font: normal 14px/22px "Neo Sans W01",Helvetica,Arial,sans-serif;
  margin: 0;
}

#logo {position:relative; z-index:4000;}
#logo img{
width: 100%;
} 

x#navigation {
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 rgba(128, 210, 229, 0.05);
  font: normal 14px/14px sans-serif;
}

#navigation {
  background: none repeat scroll 0 0 #7FD1E5;
  border-color: #fff;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  font-family:"Neo Sans W01",Helvetica,sans-serif;

 
  font: 300 13px/13px sans-serif;
}

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
  background: none repeat scroll 0 0 #7C858C;
  color: #fff;
}

#navigation ul.nav > li {
  border-right: 1px solid #E6E6E6;
}

#navigation ul.nav > li a:hover{
    background: none repeat scroll 0 0 #ED7623;
    color:#fff;
}



ul.nav li a {
  color: #fff;
  padding: 0.5em 0.9em;

}


xul.nav li a:hover {
background:#7FD1E5;
}

#navigation #li.current-menu-item a:hover, .current_page_item a:hover{
  color:#222222;
}

#navigation ul.nav > li:hover {
background:#7FD1E5;
} 

#navigation ul.nav ul{
  background: #7FD1E5;
}
ul.nav li ul li a {
  color: #fff!important;
}

#navigation ul.nav ul li:hover{
  background: #ED7623;
}

#navigation .nav li.parent > a:after {
 
  border-color: #fff transparent transparent;

}


ul.nav li a:hover {

}

.widget h3 {
  border-bottom: 1px solid #E6E6E6;
  color: #555555;
  font: bold 14px "Neo Sans W01",Helvetica,sans-serif;
  margin: 0 0 0.8em;
  padding: 0 0 0.8em;
    font-weight: normal;
}

.widget p {
  font: bold 14px "Neo Sans W01",Helvetica,sans-serif;
  margin-bottom: 15px;
  font-weight: normal;
}

.entry blockquote:before {
  color: #999999;
  content: "";
  font-family: "FontAwesome";
  font-size: 2em;
  left: 0;
  position: absolute;
  top: 0.5em;
}

#tabs .inside li a {
  color: #ED7623;
  font:normal 13px/18px "Neo Sans W01",Helvetica,sans-serif;
  padding: 0;
}

#tabs .inside li span.meta {
  color: #777777;
  display: block;
  font: normal 11px/20px "Neo Sans W01 Light",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}


.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited {
  color: #ED7623;
  font-weight: normal;
}

a:link ,.post-meta a {
  color: #ED7623;
}

.categories a {
background: #eaeaea;
border: 3px solid #eaeaea;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 2px 0 2px;
}

.categories a:hover {
  color: #fff;
background: #ED7623;
border: 3px solid #ED7623;
}


/* contact form */

#contact-page ol.forms label {
  cursor: pointer;
  display: block;
  float: left;
  font-weight: normal;
  padding-right: 20px;
  width: 80px;
}

/*slider 
R:128 G:210 B:229

R:125 G:134 B:140

R:237 G:118 B:36
*/

a.flex-prev:before, a.flex-next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after {
  color: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  left: 2px;
  position: absolute;
  top: 3px;
}

a.flex-prev:hover:before, a.flex-next:hover:before {
  color:rgba(237, 118, 36, 0.9);
}


 #loopedSlider .content h2 {
  background: none repeat scroll 0 0 rgba(128, 210, 229, 0.9);
}

#loopedSlider .content p{
  background: none repeat scroll 0 0 rgba(125, 134, 140, 0.9);
}

#loopedSlider .content p {
  color: #fff;
  padding: 5px 20px 10px;
}




@media only screen and (max-width: 767px) {
  x#loopedSlider {height:200px; overflow:hidden;}

  #loopedSlider .content {
    background: none repeat scroll 0 0 #7C858C;
    padding: 20px 0;xheight:150px;
  }

x#loopedSlider .slide {height:350px; overflow:hidden;}
  .nav-toggle {
  background: none repeat scroll 0 0 #7FD1E5;
 x border-radius: 3px 3px 3px 3px;
  cursor: pointer;
  display: block;
  font-size: 1em;
 x margin: 2.5em 0 -2em;
  padding: 0.4em 1em;
 x text-align: center;
}

  .nav-toggle.icon a {
    color: #ED7623;
  }
  .nav-toggle:hover {
    background: #ED7623;
  }

  .nav-toggle:hover a, .nav-toggle a:hover{
    color: #fff;
  }
}
/* misc*/

#connect .social a.twitter:before {
  background-color: #7FD1E5;
  content: "";
}

.textwidget{
  font-size: 24px;
  line-height: 28px;
  color: #7FD1E5;
}

div.extras {
  padding-bottom: 10px;
  float: left;
}

.extras img {
  margin-bottom: 2px;
  border:0;

}

.third {
  float: left;
  width:100%;
  padding-right: 0;
  padding-bottom: 10px;
}

.third img  {
  width: 100%;
  clear: both;
}



@media only screen and (min-width: 768px) {
  .third {
  float: left;
  width:32.333%;
  padding-right: 1.5%;
  padding-bottom: 0;

}

.third.last {
  padding-right: 0;
}


#header.col-full {
width:33%;
float: left;
padding:0 0 25px;
clear: none;
}

#navigation.col-full {
width: 63%;
clear: none;
float: left;
}

#navigation {
  width: 63%;
  position: relative;
  left:0;
   margin-left: 3%;
  margin-top: 62px;
    }

#main-sidebar-container {clear: left;}


  }