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

Instructions:

Add your custom styles here 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.

*/

#header {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #e9e9e9;
  border-top: 1px solid #fff;
  padding: 40px 0 40px;
  background: #222 url(images/bg-featured.png) repeat left top;
  border-bottom: 1px solid #fff;
}

#feature  {
  background: #EEE;
  padding-top: 10px;
}

#feature .info h1, #feature .info h2 {
  margin: 0 0 30px 0;
  font-size: 36px;
  color: #222;
  line-height: 42px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
  font-weight: normal;
}

#feature #slide-1 .info h2 {
  font-size: 28px;
}

#feature .highlight {
  background: url(images/bg-featured-icons.png) repeat-x center top;
  border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}

#logo h1 a:link, #logo a {
  font: 24px/50px Helvetica,Arial,Sans-serif;
  font-weight: bold;
}

.heading.col-left {
  display: none;
}

#home-widgets,
#home-widgets .col-left,
#home-widgets .col-right{
  width: 100%;
  float: none;
}

#feature .info {
  padding: 40px 0 0 0;
  width: 400px;
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

#feature .info-horizontal {
  padding: 40px 0 0 0;
  width: 320px;
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

#feature .info blockquote, #feature .info h1, #feature .info h2, #feature .info h3, #feature .info h4, #feature .info h5, #feature .info h6 {
  color: #222;
}

#feature .info blockquote {
  font-family: Georgia, Times, serif;
  background: none;
  padding: 10px;
}

#feature .col-full {
  position: relative;
}

#feature .info a:link, #feature .info a:visited {
  color: #fff;
}

#feature .info a:hover {
  text-decoration: underline;
}

#feature .info h2 {
  margin: 0 0 30px 0;
  font-size: 36px;
  color: #222;
  line-height: 42px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}

#feature .info p {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  color: #444;
}

#feature .info p a {
  color: #222 !important;
  font-weight: bold;
}

#feature .info p img {
  margin: 0 12px 0 0;
  border: none;
  background: none;
}

#feature .info ul, #feature .info ol {
  padding: 0;
}

#feature .info li {
  line-height: 19px;
  padding: 7px 10px 7px 30px;
  list-style: none;
  background: url(images/ico-featured-li.png) no-repeat 11px 9px;
  border: 1px solid transparent;
}

#feature .info li a {
  line-height: 9px;
  padding: 10px 0;
  border: 1px solid transparent;
}

#feature .info li a:hover {
  text-decoration: none;
  padding: 10px 5px;
  margin-left: -5px;
  background-color: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

#feature .info li a:hover {
  text-decoration: none;
}

#feature .info a.appstore {
  height: 45px;
  background: url(images/btn-appstore.png) no-repeat right top;
  width: 152px;
  margin-top: 60px;
}

#feature .info .button {
  padding: 6px 12px;
  margin: 20px 10px 0 0;
  background-color: #222;
}

#feature .sitescreen {
  position: absolute;
  top: 30px;
  left: 127px;
  z-index: -1;
}

#feature .arrow {
  position: absolute;
  top: 40px;
  left: 228px;
}

#feature #slide-1 .entry {
  margin-left: 25px;
}

#feature #slide-1 .entry p {
  margin-left: 25px;
}

#feature .info a.appstore {
  width: 290px;
  position: static;;
  height: auto;
  height: 0;
}


#feature #slide-1 .info h1, #feature #slide-1 .info h2 {
  margin-left: -25px;
}

#feature #slide-1 .info strong {
  /*font-size: 115%;*/
  font-size:36px;
  line-height:34px;
  margin-left:-50px;
  text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);
}

#feature #slide-1 {
  margin-bottom: 10px;
}

#feature-media {
  background: none;
}

#loopedSlider .container {
  overflow: auto;
  position: relative;
  overflow: hidden;
}

#feature .nophone {
  margin-top: 78px;
}

#feature .controls {
  position: absolute;
  background: none;
  padding: 0;
}

#feature-media {
  display: none;
}

#feature #slide-1 .nophone {
  height: 470px;
}

.section .content.blog .excerpt, .section .content.blog .excerpt span {
  font-size: 14px;
  font-weight: normal;
}

.section .content.blog .excerpt strong {
  display: block;
  font: normal 18px Helvetica,sans-serif;
}

.section .content.blog .author {
  color:#8F8F8F;
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  width:175px;
  padding-left:6px;
  line-height:19px;
}

.section .content.blog span {
  font-weight: normal;
  display: block;
}

.section .content.blog span.appstore {
  font-style: italic;
}

.content.col-right.blog li {
  border: none;
}

.content.col-right.blog li a{
  position: relative;
}

.section .content.blog .avatar {
  float: left;
}

#contactForm input.txt, #contactForm textarea, #contactForm input.txt {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.page-id-428 #innerpage {
  background: #ededed url(images/bg-featured-icons.png) repeat-x center top;
}

#navigation {
  padding: 38px 0 0 0;
  height: 47px;
  text-transform: uppercase;
  font-size: 13px;
}

.nav {
  z-index: 99;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}

.nav a {
  position: relative;
  color: #7a7a7a;
  display: block;
  z-index: 100;
  padding: 6px 20px 4px 20px;
  line-height: 18px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid transparent;
}

.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a {
  color: #fff;
  /*background: #3d3d3d;*/
  border: 1px solid #3d3d3d;
  /*background: url(images/alert-overlay.png);*/
  color: #fff;
  cursor: pointer;
}

#main-nav a[title="Buy"] {
  color: #90C820;
}

#main-nav a[title="Buy"]:hover {
  border-color: #4d6911;
}

.nav li {
  float: left;
  margin: 0 0 0 10px;
  width: auto;
}

.widget h3, h2.title a {
  font: normal 24px Helvetica,sans-serif
}

.section .content.blog li a:hover {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: none;
  cursor: pointer;
}

#feature #slide-1 .entry p {
  margin-left:0;
  width:450px;
}

#feature #slide-1 .entry p.full {
  width:auto;
}

#feature #slide-1 .entry {
  width:800px;
}

#feature .nophone {
  margin-top:187px;
}

#vimeo {
  text-align:center;
}

#feature #slide-2 .info.col-left {
  width: 100%!important;
}

#feature #slide-1 .thumb a:hover {
	background: #FFF;
}