/*  
Theme Name: Olya
Theme URI: http://www.woothemes.com/
Version: 1.2.2
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes

	Copyright: (c) 2009-2011 WooThemes.
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.1 Drop-down menus
  -2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
  -2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs

3. POSTS
-3.1 Images
-3.2 Typographic Elements
-3.3 Pagination / WP-Pagenavi / Woo-Pagination
-3.4 Single Post Author
-3.5 Entry Tables
-3.6 Subscribe & Connect

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form

7. MISC
-7.1 Buttons
-7.2 Gravity forms
-7.3 IE specific styling 

8. HOMEPAGE
-8.1 Two col posts
-8.2 Mini-features
-8.3 Home Portfolio
-8.4 Featured

9. PORTFOLIO
-9.1 Sidebar & Layout
-9.2 Portfolio Template
-9.3 Team Template

-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: transparent;
  border: none;
  font-size: 12px;
  padding: 10px;
  margin-bottom: 20px;
  text-shadow: 3px 3px #ccc;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Floating & Alignment  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after, .col-full:after {
  clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix, .col-full {
  zoom: 1;
}
/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body {
  font-size: 12px;
  line-height: 1.5;
  color: #bababa;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: 'PT Sans', sans-serif;
  color: #636363;
  font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}
p {
  margin: 0;
  font-size: 2.2em;
}
img {
  vertical-align: bottom;
  max-width: 100%;
}
hr {
  background-color: #f2f2f2;
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}
input, textarea {
  padding: 5px;
  border-color: #dedede #f2f2f2 #f2f2f2 #dedede;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #5e5f66;
}

.post p.tags, #post-author, .post .post-meta li.post-author {
	display: none;
}


/* 1.2 Hyperlinks */
a {
  color: #29aae2;
  text-decoration: none;
}
a:hover {
  color: #b90019;
  text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#main.fullwidth, .layout-full #main {
  border: 0;
}
#main-wrapper, .home.paged #main-wrapper {

  margin: 0 0 20px;
}
.home #main-wrapper {
  background: none;
}
/* 2.2 Navigation */
#navigation {
  font: bold 1.1em/1 sans-serif;
}
#navigation ul.rss {
  background: url(images/ico-rss.png) no-repeat right 3px;
  margin: 0 10px;
  padding: 0 25px 0 0;
  line-height: 1;
}
#navigation ul.rss li {
  display: inline;
  padding: 0;
}
#navigation ul.rss li a {
  color: #5e5f66;
  text-decoration: none;
  padding: 2px 0;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}
#navigation ul.rss li a:hover {
  border-bottom: 3px solid #29aae2;
}
#navigation ul.rss li.sub-email {
  color: #5e5f66;
}
.nav {
  z-index: 99;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.nav a {
  position: relative;
  color: #525359;
  display: block;
  z-index: 100;
  padding: 2px 0;
  line-height: 1.4;
  text-decoration: none;
}
.nav a:hover {
  border-bottom: 3px solid #29aae2;
}
.nav li {
  float: left;
  width: auto;
}
.nav li a.sf-with-ul {
  padding-right: 20px;
}
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.li.current-menu-item a {
  border-bottom: 3px solid #29aae2;
}
/* Optional Styling */
#navigation .nav .sf-sub-indicator {
  background: url(images/arrow-superfish.png) no-repeat;
  position: absolute;
  display: block;
  right: 0.4em;
  top: 44%;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
}
/* 2.2.1 Drop-down menus */
.nav li ul {
  position: absolute;
  left: -999em;
}
.nav li:hover, .nav li.hover {
  position: static;
}
.nav ul ul a:hover {border: none !important;}
.nav li:hover ul ul,
.nav li.sfhover ul ul,
.nav li:hover ul ul ul,
.nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul ul ul {
  left: -999em;
}
.nav li:hover ul,
.nav li.sfhover ul,
.nav li li:hover ul,
.nav li li.sfhover ul,
.nav li li li:hover ul,
.nav li li li.sfhover ul,
.nav li li li li:hover ul,
.nav li li li li.sfhover ul {
  left: auto;
}
@media only screen and (max-width: 767px) {
  /* iPhone landscape & down */
  #navigation {
    margin: 4.5em 0 0;
  }
  #navigation .nav {
    float: left;
  }
  #navigation .nav li {
    float: none;
  }
  #navigation .nav li a {
    border: none!important;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    margin: 5px 0;
  }
  #navigation .nav li ul {
    position: relative;
  }
  #navigation .nav li ul li {
    padding-left: 10px;
  }
  #navigation ul {
    width: 100%;
  }
  #navigation ul.rss {
    float: none;
    padding: 0 0 0 10px;
    width: 94%;
    background-position: right center;
  }
  #navigation ul.rss li {
    display: none;
  }
}
/* 2.2.2 Top Navigation (optional) */
#top select {
  margin: 20px 0 0;
  width: 100%;
}
#top #top-nav {
  display: none;
}
/* 2.3 Header */
#header-wrapper {
  background: url(images/bg-lines.png);
}
#header {
  padding: 2em 20px;
  clear: both;
  position: relative;
}
#header #logo {
  float: left;
}
#header .site-title, #header .site-description {
  font-family: Georgia, serif;
  color: #000;
  display: none;
}
#header .site-title a, #header .site-description a {
  color: #2d2e31;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
}
#header .site-title a:hover, #header .site-description a:hover {
  text-decoration: underline;
}
#header .site-description {
  color: #767881;
  font-family: Georgia, serif;
  font-style: italic;
}
#header #topad {
  float: right;
}
/* 2.4 Content */
#content {
  background: #fff;
  padding: 20px 25px;
  margin: 0 20px;
  border-color: #000;
  border-width: 1px;
  border-style: solid;
}
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar {
  margin-top: 30px;
  overflow: hidden;
}
#sidebar .secondary {
  float: left;
  margin-right: 20px;
}
#sidebar .secondary.last {
  margin: 0;
}
/* 2.6 Footer */
#footer {
  background: #000000;
  padding: 20px 25px;
  color: #767881;
  font-size: 1em;
}
#footer #credit img {
  vertical-align: middle;
}
#footer #credit span {
  display: none;
}
#footer-widgets {
  background: url(images/bg-lines.png);
  padding: 0 25px 20px 25px;
}
#footer-widgets #footer-bg {
  background: url(images/footer-bg.png) no-repeat top center;
  overflow: hidden;
  padding: 20px 0 0;
}
#footer-widgets .widget {
  font-size: 1em;
  color: #5e5f66;
}
#footer-widgets .widget h3 {
  font-family: sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
  color: #ffffff;
}
#footer-widgets .widget p {
  margin-bottom: 1em;
}
#footer-widgets .widget ul {
  clear: both;
  list-style: none;
}
#footer-widgets .widget ul li {
  border-bottom: 1px dotted #4c4c4c;
}
#footer-widgets .widget ul li a {
  padding: 0;
  line-height: 1.9;
  text-decoration: none;
  color: #5e5f66;
}
#footer-widgets .widget ul li a:hover {
  text-decoration: underline;
}
#footer-widgets .widget ul ul {
  padding: 0 0 0 15px;
  border-top: 0;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
  padding: 20px 25px;
  margin: 0 20px;
  background: url(images/title-bg.png) repeat-x;
  border-color: #454549;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  font-size: 1.1em;
  color: #cccccc;
}
#breadcrumbs h1 {
  color: #fff;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb, .post .video {
  margin-bottom: 1.5em;
}
.archive_header {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 30px;
  padding: 0 0 10px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: #f2f2f2 1px solid;
}
.archive_header .catrss a {
  font-size: 0.9em;
  text-decoration: none;
  line-height: 2.2;
}
.post header h1, .page header h1, .single header h1 {
  font-weight: normal;
  line-height: 1.3;
  position: relative;
  margin: 0 0 0.6em;
}
.post header h1 a:link,
.page header h1 a:link,
.single header h1 a:link,
.post header h1 a:visited,
.page header h1 a:visited,
.single header h1 a:visited {
  color: #151516;
}
.post {
  padding: 0 0 2em;
  margin: 0 0 2em;
  /* 3.1 Images */

}
.post .post-meta {
  margin: 0 0 1.5em 0;
}
.post .post-meta li {
  display: inline;
}
.post .post-meta li.post-date {
  background: url(images/ico-cal.png) no-repeat left center;
  padding: 2px 0 0 25px;
}
.post .post-meta li.post-author {
  background: url(images/ico-user.png) no-repeat left center;
  padding: 2px 0 0 23px;
  margin-left: 10px;
}
.post .post-meta li.edit {
  margin-left: 10px;
}
.post .post-more {
  clear: both;
  margin: 1em 0;
}
.post p.tags {
  background: url(images/ico-tag.png) no-repeat top left;
  padding-left: 25px;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}
.post .post-meta, .post p.tags {
  color: #abacb2;
}
.post .post-meta a:link,
.post p.tags a:link,
.post .post-meta a:visited,
.post p.tags a:visited {
  color: #abacb2;
  text-decoration: underline;
}
.post .post-meta a:link:hover,
.post p.tags a:link:hover,
.post .post-meta a:visited:hover,
.post p.tags a:visited:hover {
  color: red;
}
.post .post-meta a {
  text-decoration: none !important;
}
.post .post-meta a:hover {
  text-decoration: underline !important;
  color: #5e5f66 !important;
}
.post img, .post img.thumbnail {
  padding: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.post img:hover, .post img.thumbnail:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.post img.wp-smiley {
  padding: 0;
  border: 0;
}
.post .alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
.post .alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.post .aligncenter {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  margin: 0 auto 15px;
}
.post .wp-caption {
  padding: 1px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #f2f2f2;
}
.post .wp-caption img {
  margin: 0;
  padding: 4px 0;
  background: none;
  border: 0;
}
.post .wp-caption-text {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  text-align: center;
}
.archive .post, .page-template-template-blog-php .post {
  border-bottom: 1px dotted #d9d9d9;
}
/* 3.2 Typographic Elements */
.entry {
  font-size: 1.1em;
  line-height: 1.5;
  font-family: sans-serif;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  margin: 0 0 .5em;
  line-height: 1.5;
}
.entry p {
  margin-bottom: 1.2em;
}
.entry blockquote {
  background: url(images/blockquote.png) no-repeat 0 12px;
  padding: 10px 20px 10px 50px;
  color: #393a3e;
}
.entry blockquote p {
  font-style: italic;
}
.entry ul, .entry ol {
  margin-bottom: 1.5em;
  padding: 0 0 0 30px;
}
.entry ul li, .entry ol li {
  list-style-type: disc;
}
.entry ul ul, .entry ol ul {
  margin: 0;
}
.entry ul ul li, .entry ol ul li {
  list-style-type: circle;
}
.entry ol li {
  list-style-type: decimal;
}
.entry ol ol {
  margin: 0;
}
.entry ol ol li {
  list-style-type: lower-latin;
}
/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries, .wp-pagenavi, .woo-pagination {
  padding: 10px 15px;
}
.nav-entries a {
  display: block;
  color: #5e5f66;
  text-decoration: none;
}
.nav-entries a:hover {
  text-decoration: underline;
}
.woo-pagination {
  margin: 0;
  text-align: center;
  margin: 0 2px;
}
.woo-pagination .page-numbers {
  display: inline;
  text-decoration: none;
  color: #5e5f66;
  padding: 4px 9px;
}
/* 3.4 Single Post Author */
#post-author {
  background: #fafafa;
  margin: 0 0 1.5em;
  padding: 15px;
  border: 1px solid #f2f2f2;
  border-width: 1px 0 1px;
  clear: both;
}
#post-author .title {
  margin-bottom: 10px;
}
#post-author .profile-image {
  float: left;
  margin: 0 15px 5px 0;
  padding: 5px;
  border: 1px solid #f2f2f2;
  background: rgba(255, 255, 255, 0.7);
}
/* 3.5 Entry Tables */
.entry table {
  width: 100%;
  border: 1px solid #f2f2f2;
  margin-bottom: 1.2em;
}
.entry table tr.alt-table-row {
  background: #f5f5f5;
}
.entry table th {
  padding: 6px 0 3px 0;
  background: #eee;
  border: 1px solid #f2f2f2;
  text-shadow: 1px 1px #fff;
  box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -webkit-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -moz-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -o-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
}
.entry table td {
  padding: 6px 0 3px 10px;
  border: 1px solid #f2f2f2;
}
/* 3.6 Connect */
#connect {
  margin: 0 0 1.5em;
  clear: both;
}
#connect h3 {
  margin-bottom: 15px;
}
#connect p {
  margin: 0 0 1em;
}
#connect .newsletter-form {
  margin: 0 0 1em;
}
#connect .newsletter-form .email {
  width: 140px;
  box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -webkit-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -moz-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -o-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
}
#connect .newsletter-form .submit {
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#connect .social a {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#connect .social a:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#connect .related-posts {
  border-left: 1px solid #f2f2f2;
  padding-left: 15px;
}
#connect .related-posts ul {
  list-style: outside disc;
  margin: 5px 0 5px 15px;
}
#connect .social a {
  display: inline-block;
  height: 28px;
  width: 32px;
  background-image: url(images/ico-subscribe-social.png);
  background-repeat: no-repeat;
}
#connect .social a.subscribe {
  background-position: 0px 0;
}
#connect .social a.twitter {
  background-position: -30px 0;
}
#connect .social a.facebook {
  background-position: -60px 0;
}
#connect .social a.youtube {
  background-position: -90px 0;
}
#connect .social a.flickr {
  background-position: -120px 0;
}
#connect .social a.linkedin {
  background-position: -150px 0;
}
#connect .social a.delicious {
  background-position: -180px 0;
}
#connect .social a.googleplus {
  background-position: -210px 0;
}
.widget #connect .fl, .widget #connect .fr {
  float: none;
}
#main #connect .col-left, #main #connect .col-right {
  width: 48%;
}
/* 3.7 Sidebar Nav */
#sidebar #post-entries {
  font-size: 1.2em;
  color: #bfbfbf;
  border-color: #f2f2f2;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin: 0 0 1.2em;
  padding: 0 0 0.9em;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget {
  margin-bottom: 2em;
}
.widget h3 {
  font-family: 'Raleway', cursive;
  font-size: 2em;
  margin: 0 0 0.2em 0;
  color: #000000;
}
.widget p {
  margin-bottom: 1em;
}
.widget ul {
  clear: both;
  list-style: none;
}
.widget ul li {
  border-bottom: 1px dotted #e5e5e5;
  padding: 5px 0;
}
.widget ul li a {
  padding: ;
  line-height: 1.9;
  text-decoration: none;
}
.widget ul li a:hover {
  text-decoration: underline;
}
.widget ul ul {
  padding: 0 0 0 15px;
  border-top: 0;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform {
  width: 99%;
  position: relative;
  border-color: #dedede #f2f2f2 #f2f2f2 #dedede;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -webkit-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -moz-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -o-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
}
.searchform input.s {
  padding: 8px;
  width: 85%;
  margin: 0;
  border: 0;
  background: none;
  color: #5e5f66;
}
.searchform input.search-submit {
  position: absolute;
  top: 6px;
  right: 10px;
  border: 0;
  margin: 0;
  padding: 0;
}
/* FLICKR */
.widget_woo_flickr h3 span {
  color: #0051d8;
}
.widget_woo_flickr h3 span span {
  color: #ff1183;
}
.widget_woo_flickr .flickr_badge_image {
  float: left;
  margin: 3px;
}
.widget_woo_flickr .wrap {
  position: relative;
  margin-bottom: 20px;
  padding: 0;
}
.widget_woo_flickr a img {
  float: left;
  margin: 4px 8px 4px 0;
  display: block;
  padding: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* CALENDAR */
#wp-calendar {
  width: 95%;
  margin-bottom: 15px;
  clear: both;
  padding: 0;
}
#wp-calendar caption {
  padding: 10px;
}
#wp-calendar th, #wp-calendar td {
  text-align: center;
  background: #e1e1e1;
  padding: 3px 0;
}
#wp-calendar td {
  background: transparent;
  color: #767881;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
  padding: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.widget_woo_blogauthorinfo .left {
  float: left;
  margin: 0 10px 5px 0;
}
.widget_woo_blogauthorinfo .right {
  float: right;
  margin: 0 5px 10px;
}
/* VIDEO WIDGET */
.widget_woo_embedwidget .widget_video {
  padding: 1em 0;
}
/* TWITTER */
.widget_woo_twitter h3 {
  border-bottom: 0;
  width: 22%;
  background: url(images/ico-widget-twitter.png) no-repeat right center;
  padding: 0 40px 0 0;
  margin: 0;
}
.widget_woo_twitter ul {
  background: #fff;
  padding-left: 0;
}
.widget_woo_twitter ul li {
  border-bottom: 1px dotted #e5e5e5;
  padding: 15px 0;
  list-style: none;
}
.widget_woo_twitter ul li:last-child {
  border: none;
}
.widget_woo_twitter ul li a {
  padding: 0;
}
.widget_woo_twitter ul li .time {
  color: #abacb2;
  display: block;
}
.widget_woo_twitter ul li .content {
  font-size: 1.1em;
}
.widget_woo_twitter p {
  padding: 10px 0 0 5px;
  font-weight: bold;
  color: #767881;
}
.widget_woo_twitter p a {
  color: #2d2e31;
}
/* WOOTABS */
#tabs {
  height: auto;
  display: block;
}
#tabs ul.wooTabs {
  padding: 0;
}
#tabs ul.wooTabs li {
  float: left;
  display: inline;
  color: #fff;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: -webkit-linear-gradient(#ffffff, #f0f0f0);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f0f0f0 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f0f0f0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0)";
}
#tabs ul.wooTabs li a {
  color: #767881;
  display: block;
  float: left;
  padding: 5px 10px;
  text-transform: none;
  font-weight: bold;
  border: 1px solid #f2f2f2;
  border-left: 0;
}
#tabs ul.wooTabs li a.selected {
  padding-bottom: 6px;
}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover {
  background: #fff;
  text-decoration: none;
  border-width: 1px 1px 0 0;
}
#tabs ul.wooTabs li:first-child a {
  border-width: 1px 1px 0 1px;
  border-left: 1px solid #f2f2f2;
}
#tabs .inside {
  background: #fff;
  border: 1px solid #f2f2f2;
  margin-top: -1px;
}
#tabs .inside ul, #tabs .inside #tab-tags {
  margin: 0;
  padding: 0;
  display: none;
}
#tabs .inside ul:first-child {
  display: inline;
}
#tabs .inside #tab-tags {
  border-width: 1px;
  padding: 10px;
}
#tabs .inside #tab-tags a {
  padding: 2px 4px;
  margin: 3px 1px;
  display: inline-block;
  background: #fafafa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#tabs .inside #tab-tags a:hover {
  background: #ededed;
  text-decoration: none;
}
#tabs .inside li {
  border-bottom: 1px solid #f2f2f2;
  padding: 15px;
  list-style: none;
}
#tabs .inside li a {
  color: #5e5f66;
  font-weight: bold;
  padding: 0;
}
#tabs .inside li span.meta {
  display: block;
  font-size: 0.9em;
  text-transform: none;
  color: #abacb2;
}
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail {
  border: 1px solid #f2f2f2;
  padding: 2px;
  background: #fff;
  float: left;
  margin: 0 10px 0 0;
}
#tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover {
  border-color: #d9d9d9;
}
/* 4.3 Footer variations */
/* TWITTER */
#footer-widgets .widget_woo_twitter h3 {
  background: none;
  padding: 0;
}
#footer-widgets .widget_woo_twitter ul {
  padding-left: 0;
  background: none;
}
#footer-widgets .widget_woo_twitter ul li {
  border-bottom: 1px dotted #4c4c4c;
}
#footer-widgets .widget_woo_twitter ul li:first-child {
  padding-top: 5px;
}
#footer-widgets .widget_woo_twitter p {
  color: #767881;
}
#footer-widgets .widget_woo_twitter p a {
  color: #767881;
  text-decoration: none;
}
#footer-widgets .widget_woo_twitter p a:hover {
  color: #919299;
}
/* FLICKR */
#footer-widgets .widget_woo_flickr a img {
  padding: 0;
  box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* WOOTABS */
#footer-widgets #tabs ul.wooTabs {
  padding: 0;
}
#footer-widgets #tabs ul.wooTabs li {
  color: #fff;
  background: #000000 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000 0), to(#111111));
  background: -webkit-linear-gradient(#000000 0, #111111);
  background: -moz-linear-gradient(center top, #000000 0 0%, #111111 100%);
  background: -moz-gradient(center top, #000000 0 0%, #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000 0,endColorstr=#111111);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000 0, endColorstr=#111111)";
  border: 0;
}
#footer-widgets #tabs ul.wooTabs li a {
  color: #5e5f66;
  padding: 4px 5px;
  border: 1px solid #4c4c4c;
  border-width: 1px 1px 0 0;
}
#footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover {
  background: #151516;
  border-width: 1px 1px 0 0;
}
#footer-widgets #tabs ul.wooTabs li:first-child a {
  border-width: 1px 1px 0 1px;
  border-left: 1px solid #4c4c4c;
}
#footer-widgets #tabs .inside {
  background: none;
  border: 1px solid #4c4c4c;
  margin-top: 0;
}
#footer-widgets #tabs .inside li {
  border-bottom: 1px solid #4c4c4c;
  padding: 15px;
}
#footer-widgets #tabs .inside li img.avatar, #footer-widgets #tabs .inside li img.thumbnail {
  border: 1px solid #f2f2f2;
  background: #fff;
}
#footer-widgets #tabs .inside li img.avatar:hover, #footer-widgets #tabs .inside li img.thumbnail:hover {
  border-color: #d9d9d9;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
  position: relative;
  margin: 2em 0 0;
  padding: 2em 0 0 0;
  border-top: 1px solid #f2f2f2;
}
#comments h3 {
  font-weight: normal;
  margin-bottom: 20px;
}
#comments .comment {
  width: 100%;
  list-style: none;
  /*&.thread-even { border-top:1px solid @border_main; }*/

}
#comments .comment.bypostauthor {
  background: #fef7d2;
  border-bottom: 1px solid #efe3ae;
}
#comments .comment .comment-container {
  position: relative;
  padding: 20px;
  border-top: 1px solid #f2f2f2;
}
#comments .comment .comment-head {
  margin: 0 0 15px 0;
}
#comments .comment .comment-head .name {
  margin: 0;
  font-weight: bold;
  font-size: 1.3em;
}
#comments .comment .comment-head .date-reply {
  color: #898989;
  display: block;
}
#comments .comment .avatar {
  float: left;
  margin: 0 15px 10px 0;
}
#comments .comment .avatar img {
  margin: 0;
  vertical-align: middle;
}
#comments .comment .comment-entry p {
  margin: 0 0 10px 0;
}
#comments ul.children {
  margin: 10px 0 0 25px;
  padding: 0;
}
#comments ul.children .cancel-comment-reply {
  margin: 10px 0;
}
#comments ol {
  border-bottom: 1px solid #f2f2f2;
}
#comments .navigation a {
  display: block;
  margin: 15px 0 0 0;
  text-decoration: none;
}
#comments h3#pings {
  margin-top: 25px;
}
#comments .pingbacks li.pingback {
  margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
  display: none;
}
#comments .nocomments {
  font-weight: bold;
  font-size: 1.2em;
}
/* 5.2 Comments Form */
#respond {
  margin: 2em 0 0;
}
#respond h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
#respond .left {
  float: left;
  width: 200px;
  margin-right: 15px;
}
#respond .right {
  float: left;
  width: 380px;
}
#respond label {
  font-size: 0.9em;
  color: #767881;
}
#respond #reply-title small {
  display: block;
  margin: 10px 0;
  font-size: 0.6em;
}
#respond #commentform {
  margin: 15px 0 0 0;
}
#respond #commentform label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
#respond #commentform input.txt, #respond #commentform textarea {
  box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -webkit-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -moz-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -o-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  font-size: 1.2em;
  font-family: sans-serif;
  border-color: #dedede #f2f2f2 #f2f2f2 #dedede;
  border-width: 1px;
  border-style: solid;
  color: #5e5f66;
  background: #fff;
  padding: 5px 7px;
}
#respond #commentform input.txt {
  width: 170px;
  margin: 0 5px 10px 0;
}
#respond #commentform textarea {
  width: 95%;
}
#respond #commentform .comment-form-comment label {
  display: none;
}
#respond #commentform #submit {
  margin: 15px 0 0 0;
  cursor: pointer;
}
/* 5.3 Pingbacks / Trackbacks */
h3#pings {
  margin: 25px 0 10px 0;
}
.pinglist li {
  margin: 0 0 0 20px;
  list-style-type: decimal;
}
.pinglist li .author {
  font-weight: bold;
  font-size: 1.3em;
}
.pinglist li .date {
  font-size: 0.9em;
}
.pinglist li .pingcontent {
  display: block;
  margin: 10px 0;
}
/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Timeline Page Template */
#archives {
  padding: 10px 0 0;
}
#archives a {
  font-style: italic;
}
#archives .archives_list {
  border-left: 1px solid #f2f2f2;
  list-style: none;
  margin: 0 0 15px 15px;
}
#archives .archives_list li {
  clear: left;
  padding-left: 24px;
  font-size: 0.9em;
  font-style: normal;
  list-style: none;
}
#archives .archives_list .date {
  color: #767881;
  width: 100px;
  font-style: italic;
  display: inline-block;
  vertical-align: top;
}
#archives .archives_list .linked {
  width: 270px;
  display: inline-block;
  vertical-align: top;
}
#archives .archives_list .comments {
  width: 100px;
  display: inline-block;
  vertical-align: top;
}
#archives .archives_list .comments a {
  color: #83858d;
  font-size: 0.9em;
  font-style: italic;
  text-decoration: underline;
  padding-left: 13px;
}
#archives .archives_list .comments a:hover {
  text-decoration: none;
}
h3.archive_year {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  color: #5e5f66;
  margin-top: 0;
}
/* 6.2 Contact Form */
#contact-page .screenReader {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
#contact-page ol.forms {
  float: left;
  list-style: none;
  width: 100%;
  margin: 10px 0 0;
}
#contact-page ol.forms li {
  clear: both;
  float: left;
  margin-bottom: 18px;
  position: relative;
  width: 100%;
}
#contact-page ol.forms li .error {
  font-size: 0.9em;
  display: block;
  color: red;
}
#contact-page ol.forms li.textarea .error {
  display: block;
}
#contact-page ol.forms li.screenReader {
  margin-bottom: 0;
}
#contact-page ol.forms li.buttons .submit {
  margin: 5px 0 0;
  cursor: pointer;
}
#contact-page ol.forms li.inline input {
  width: auto;
}
#contact-page ol.forms li.inline label {
  display: inline;
  float: none;
  width: auto;
}
#contact-page ol.forms label {
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin: 0 0 10px;
}
#contact-page ol.forms input.txt {
  box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -webkit-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -moz-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -o-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  width: 50%;
}
#contact-page ol.forms input#sendCopy {
  border: none;
}
#contact-page ol.forms textarea {
  box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -webkit-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -moz-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  -o-box-shadow: inset 1px 1px 6px 1px #f0f0f0;
  height: 300px;
  width: 97%;
}
.entry #contact-page ol.forms li {
  list-style: none;
}
/*-------------------------------------------------------------------------------------------*/
/* 7. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Buttons */
a.button,
#commentform #submit,
.page-numbers,
.submit,
input[type=submit],
input.button,
button.button {
  display: inline-block;
  margin: 5px 0;
  padding: 4px 7px;
  border: 1px solid #e8e8e8;
  border-bottom-color: #c4c4c4;
  color: #5E5F66 !important;
  text-align: center;
  font-style: italic;
  text-decoration: none;
  font-size: 1em;
  /* Make inputs the same size as anchors */

  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */

  cursor: pointer;
  /* Inputs need pointers! */

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));
  background: -webkit-linear-gradient(#ffffff, #e9e9e9);
  background: -moz-linear-gradient(center top, #ffffff 0%, #e9e9e9 100%);
  background: -moz-gradient(center top, #ffffff 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#e9e9e9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e9e9e9)";
}
a.button.large,
#commentform #submit.large,
.page-numbers.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large {
  padding: 6px 16px;
}
a.button.small,
#commentform #submit.small,
.page-numbers.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small {
  padding: 0 10px;
}
a.button:hover,
#commentform #submit:hover,
.page-numbers:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
  text-decoration: none;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d8d8d8));
  background: -webkit-linear-gradient(#fafafa, #d8d8d8);
  background: -moz-linear-gradient(center top, #fafafa 0%, #d8d8d8 100%);
  background: -moz-gradient(center top, #fafafa 0%, #d8d8d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa,endColorstr=#d8d8d8);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#d8d8d8)";
}
a.button:active,
#commentform #submit:active,
.page-numbers:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active {
  border-color: #b6b6b6;
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff;
}
/* 7.2 Gravity forms */
.gfield {
  margin-bottom: 10px;
}
.gform_wrapper .top_label .gfield_label {
  display: block;
  padding-right: 20px;
  width: 100px;
  margin: 5px 0 4px;
}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
  width: 400px !important;
  padding: 7px 3px !important;
}
.gform_wrapper .top_label .clear-multi {
  clear: none !important;
}
.gform_wrapper input.button {
  padding: 5px 10px 6px !important;
}
.gform_wrapper input {
  padding: 7px 3px !important;
}
.gform_wrapper .entry img, .gform_wrapper img, .gform_wrapper thumbnail {
  padding: 0 !important;
  border: 0 !important;
}
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
  margin-left: 120px !important;
}
img.ui-datepicker-trigger {
  border: 0;
  padding: 0;
}
/* 7.3 IE specific styling */
.ie6 .nav .sf-sub-indicator {
  display: none;
}
.ie6 .nav li a:hover {
  text-decoration: none;
}
.ie6 .nav li a.sf-with-ul {
  padding-right: 10px;
}
.ie6 .button, .ie6 .button:visited {
  margin: 0;
  color: #5e5f66 !important;
  font-weight: normal;
}
.ie6 .reply a {
  color: #5e5f66 !important;
}
.ie7 .nav li a {
  _height: 0;
  zoom: 1;
}
.ie7 .button, .ie7 .button:visited {
  padding: 7px 6px;
  margin: 0;
}
.ie8 .button, .ie8 .button:visited {
  padding: 10px 15px;
  margin: 0;
}
.ie #portfolio-home .post a {
  _height: 0;
  zoom: 1;
}
.ie #portfolio-home .post span {
  top: 12px;
}
/*-------------------------------------------------------------------------------------------*/
/* 8. HOMEPAGE */
/*-------------------------------------------------------------------------------------------*/
/* 8.1 Two col posts */
.two-col .post {
  width: 45%;
  margin: 0 10% 0 0;
  float: left;
}
.two-col .post.odd {
  margin: 0;
}
.two-col .post img, .two-col .post img.thumbnail {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: 0 0 0 0 #888888;
  -webkit-box-shadow: 0 0 0 0 #888888;
  -moz-box-shadow: 0 0 0 0 #888888;
  -o-box-shadow: 0 0 0 0 #888888;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.two-col .post img:hover, .two-col .post img.thumbnail:hover {
  border: 0;
  opacity: 0.9;
}
.two-col .post .post-meta {
  font-size: 0.9em;
  margin: 1.4em 0 1em;
}
.two-col .div {
  margin: 25px 0;
  border-bottom: 1px dotted #d9d9d9;
  clear: both;
}
/* 8.2 Mini-features */
#mini-features {
  padding: 2.5em;
}
#mini-features .block {
  margin: 0.5em 3.297% 0.5em 0;
  float: left;
}
#mini-features .block.last {
  margin-right: 0;
}
#mini-features .feature {
  margin-left: 60px;
}
#mini-features .home-icon {
  float: left;
}
#mini-features h3 {
  color: #111111;
  line-height: 1em;
  padding-bottom: 10px;
}
#mini-features p {
  padding-bottom: 15px;
}
/* 8.3 Home Portfolio */
#portfolio-home {
  background: #fff;
  padding: 10px 20px;
  margin: 3em 20px 1em 20px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
#portfolio-home h2 {
  margin: 0 0 1em;
}
#portfolio-home .post {
  width: 45.3%;
  margin: 0 8.99% 0 0;
  float: left;
}
#portfolio-home .post:nth-child(2n + 3) {
  margin-right: 0;
}
#portfolio-home .post .portfolio-img a {
  position: relative;
  background: url(images/port-home.png) no-repeat 50% 50%;
  display: block;
}
#portfolio-home .post a img {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  padding: 0;
  border: 0;
  box-shadow: 0 0 0 0 #888888;
  -webkit-box-shadow: 0 0 0 0 #888888;
  -moz-box-shadow: 0 0 0 0 #888888;
  -o-box-shadow: 0 0 0 0 #888888;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#portfolio-home .post a:hover img {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
#portfolio-home .post h3 {
  font-size: 1.2em;
  margin: 0 0 5px;
  font-weight: bold;
}
#portfolio-home .post h3 a {
  color: #111;
}
#portfolio-home .post .post .aligncenter {
  margin-bottom: 12px;
}
#portfolio-home .post.last {
  margin-right: 0;
}
/* 8.4 Featured */
#featured-wrapper {
 }
#featured-wrapper .slide-container {
  background: url(images/featured-bg.png) no-repeat bottom center;
}
#featured {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  /*min-height: 150px;*/

  background: none url(images/ico-loader.gif) no-repeat center center;
}
#featured .loaded {
  background: none;
}
#featured .slides {
  /* Hide the slides before the JS is loaded. Avoids image jumping */

  margin: 0 auto;
  padding: 2em 20px 0 20px;
}
#featured .slides li.slide {
  position: relative;
  display: none;
  list-style: none;
}
#featured .slides li.slide.post {
  margin: 0 0 1em;
  border: 0;
}
#featured .slide-img {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#featured .slide-img img {
  box-shadow: 0 0 0 0 #888888;
  -webkit-box-shadow: 0 0 0 0 #888888;
  -moz-box-shadow: 0 0 0 0 #888888;
  -o-box-shadow: 0 0 0 0 #888888;
}
#featured .slide-img .with-video {
  display: block;
  background: url(images/slide-play.png) no-repeat 50% 50%;
}

#featured .slide-img .slide-video {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 2em;
}
#featured article {
  margin: 0;
  border: none;
  display: block;
}
#featured article header h1, #featured article header h1 a {
  margin: 0 0 0.5em;
  font-size: 40px;
  text-align: center;
  line-height: 1.2;
  color: #fff;
}
#featured article header .featured-meta li {
  display: inline;
  color: #fff;
  font-size: 0.8em;
}
#featured article header .featured-meta li a {
  color: #fff;
}
#featured article header .featured-meta .post-author {
  color: #aeaeae;
  margin: 0 11px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px dotted #fff;
}
#featured article header .featured-meta .post-author a {
  color: #aeaeae;
}
#featured article .entry {
  color: #eee;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
  font-size: 1.2em;
}
#featured article .entry img {
  background: #fff;
}
.slide-container {
  position: relative;
  height: auto;
  margin: 1em auto 2.5em;
}
.slide-container.no-nav.no-pagi {
  padding: 0;
}
.slide-container .flex-control-nav {
  position: relative;
  top: -1em;
  z-index: 0;
  width: 60%;
  margin: 0 auto;
  padding: 0 0 1em;
  text-align: center;
  display: block;
}
.slide-container .flex-control-nav li {
  display: inline;
  margin: 0 5px;
  list-style: none;
}
.slide-container .flex-control-nav li a {
  display: inline-block;
  height: 0;
  width: 8px;
  overflow: hidden;
  padding-top: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #2e2e2e;
  cursor: pointer;
}
.slide-container .flex-control-nav li a:hover, .slide-container .flex-control-nav li a.active {
  background: #ffffff;
}
.slide-container .flex-direction-nav {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  top: -20px;
}
.slide-container .flex-direction-nav .prev, .slide-container .flex-direction-nav .next {
  display: block;
  position: absolute;
  height: 0;
  width: 14px;
  bottom: 2px;
  padding-top: 22px;
  overflow: hidden;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.slide-container .flex-direction-nav .prev:hover, .slide-container .flex-direction-nav .next:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.slide-container .flex-direction-nav .prev {
  left: 0;
  background: url(images/ico-featured-prev.png) no-repeat center center;
}
.slide-container .flex-direction-nav .next {
  right: 0;
  background: url(images/ico-featured-next.png) no-repeat center center;
}
/*-------------------------------------------------------------------------------------------*/
/* 9. PORTFOLIO */
/*-------------------------------------------------------------------------------------------*/
/* 9.1 Sidebar & Layout */
.single-portfolio #main {
  width: 100%;
  border: 0;
  padding-right: 0;
  padding-left: 0;
}
.single-portfolio #main .post-meta {
  color: #abacb2;
  margin: 0 0 1.5em 0;
}
.single-portfolio #main .post-meta li {
  display: inline;
}
.single-portfolio #main .post-meta li.post-date {
  background: url(images/ico-cal.png) no-repeat left center;
  padding: 2px 0 0 25px;
}
.single-portfolio #main .post-meta li.post-author {
  background: url(images/ico-user.png) no-repeat left center;
  padding: 2px 0 0 23px;
  margin-left: 10px;
}
.single-portfolio #main .post-meta li.edit {
  margin-left: 10px;
}
.single-portfolio #main .post-meta a {
  color: #abacb2;
  text-decoration: none;
}
.single-portfolio #main .post-meta a:hover {
  color: #abacb2;
  text-decoration: underline;
}
.single-portfolio #main header h1 {
  margin: 0 0 0.2em;
}
.single-portfolio #main #extras {
  margin: 2em 0 0;
}
.single-portfolio #main #extras blockquote {
  border-color: #f2f2f2;
  border-width: 1px 0;
  border-style: solid;
  padding: 1em 4em 1em;
  margin: 1em 0;
  background-position: center left;
}
.single-portfolio #sidebar-portfolio {
  display: none;
}
.single-portfolio #post-gallery {
  width: 100%;
  margin: 0;
  padding: 0;
}
.single-portfolio #post-gallery .slides {
  /* Hide the slides before the JS is loaded. Avoids image jumping */

}
.single-portfolio #post-gallery .slides li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.single-portfolio #post-gallery .slides img {
  max-width: 100%;
  display: block;
}
.single-portfolio #post-gallery .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.single-portfolio #post-gallery .flex-pauseplay span {
  text-transform: capitalize;
}
.single-portfolio .flex-control-nav {
  margin: 0.8em 0 1em;
  overflow: hidden;
}
.single-portfolio .flex-control-nav li a {
  background: #c6c6ca;
  text-indent: -9999em;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  float: left;
  margin-right: 5px;
  cursor: pointer;
  zoom: 1;
}
.single-portfolio .flex-control-nav li a:hover {
  background: #767881;
}
.single-portfolio .flex-control-nav li a.active {
  background: #29aae2;
}
/* 9.2 Portfolio Template */
.page-template-template-portfolio-php .post, .tax-portfolio-gallery .post {
  border: 0;
}
.page-template-template-portfolio-php #main, .tax-portfolio-gallery #main {
  width: 100%;
  padding-right: 0;
  border: 0;
}
.page-template-template-portfolio-php #portfolio, .tax-portfolio-gallery #portfolio {
  clear: both;
}
.page-template-template-portfolio-php #portfolio .post, .tax-portfolio-gallery #portfolio .post {
  padding: 1em;
  padding-left: 0;
}
.page-template-template-portfolio-php #portfolio a.thumb, .tax-portfolio-gallery #portfolio a.thumb {
  background: #FFFFFF;
  display: block;
  margin: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.page-template-template-portfolio-php #portfolio a.thumb:hover, .tax-portfolio-gallery #portfolio a.thumb:hover {
  text-decoration: none;
  background: #ffffff url('images/portfolio-hover.png') no-repeat 50% 50%;
}
.page-template-template-portfolio-php #portfolio .portfolio-items .portfolio-item, .tax-portfolio-gallery #portfolio .portfolio-items .portfolio-item {
  margin: 0 0 3em;
  padding: 0;
}
.page-template-template-portfolio-php #portfolio .portfolio-items .portfolio-item h3, .tax-portfolio-gallery #portfolio .portfolio-items .portfolio-item h3 {
  margin: 1.3em 0 0 0;
  font-weight: bold;
}
.page-template-template-portfolio-php #portfolio .portfolio-items .portfolio-item h3 a, .tax-portfolio-gallery #portfolio .portfolio-items .portfolio-item h3 a {
  color: #000;
}
.page-template-template-portfolio-php #portfolio .group.portfolio-img, .tax-portfolio-gallery #portfolio .group.portfolio-img {
  float: left;
  display: block;
}
.page-template-template-portfolio-php #portfolio .group.portfolio-img a.thumb, .tax-portfolio-gallery #portfolio .group.portfolio-img a.thumb {
  margin-bottom: 0px;
  margin-right: 0px;
  height: auto;
}
.page-template-template-portfolio-php #portfolio .group.portfolio-img a.thumb:hover, .tax-portfolio-gallery #portfolio .group.portfolio-img a.thumb:hover {
  background-position: 50% 45%;
}
.page-template-template-portfolio-php #portfolio .group.portfolio-img img, .tax-portfolio-gallery #portfolio .group.portfolio-img img {
  border: 0;
}
.page-template-template-portfolio-php #portfolio .group.portfolio-img h3, .tax-portfolio-gallery #portfolio .group.portfolio-img h3 {
  font-size: 14px;
  width: 230px;
  line-height: 15px;
}
.page-template-template-portfolio-php #portfolio #port-tags, .tax-portfolio-gallery #portfolio #port-tags {
  margin: 0 0 10px;
  padding: 0 0 20px;
}
.page-template-template-portfolio-php #portfolio #port-tags .port-cat, .tax-portfolio-gallery #portfolio #port-tags .port-cat {
  text-transform: uppercase;
  font-size: 11px;
}
.page-template-template-portfolio-php #portfolio #port-tags .port-cat a, .tax-portfolio-gallery #portfolio #port-tags .port-cat a {
  padding: 4px 7px 2px;
  margin: 0 0 0 5px;
  background: #fff;
  border: 1px solid #ccc;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #aaa;
}
.page-template-template-portfolio-php #portfolio #port-tags .port-cat a:hover,
.tax-portfolio-gallery #portfolio #port-tags .port-cat a:hover,
.page-template-template-portfolio-php #portfolio #port-tags .port-cat a.current,
.tax-portfolio-gallery #portfolio #port-tags .port-cat a.current {
  text-decoration: none;
  background: #eee;
  color: #C1321D;
  text-shadow: 1px 1px 0 #ffffff;
}
/* 9.3 Team Template */
.page-template-template-team-php .post {
  margin: 0 0 1em;
  padding: 0 0 1em;
  border-color: #f2f2f2;
  border-width: 0 0 1px;
  border-style: solid;
  overflow: hidden;
}
.page-template-template-team-php .post .avatar {
  width: 100px;
}
.page-template-template-team-php .post .bio {
  max-width: 800px;
  float: left;
}
.page-template-template-team-php .post h3 {
  margin: 0 0 0.2em;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: capitalize;
}
.page-template-template-team-php .post h3 a {
  color: #000;
}
.page-template-template-team-php .post ul {
  margin: 0;
  padding: 0;
}
.page-template-template-team-php .post ul li {
  list-style: none;
  float: left;
  margin: 0 0 0 1.2em;
}
.page-template-template-team-php .post ul li:first-child {
  margin: 0;
}
.page-template-template-team-php .post ul li.twitter {
  background: url(images/ico-team-twitter.png) no-repeat left center;
  padding-left: 25px;
}
.page-template-template-team-php .post ul li.facebook {
  background: url(images/ico-team-facebook.png) no-repeat left center;
  padding-left: 16px;
}
.page-template-template-team-php .post ul li.flickr {
  background: url(images/ico-team-flickr.png) no-repeat left center;
  padding-left: 25px;
}
.page-template-template-team-php .post ul li.dribbble {
  background: url(images/ico-team-dribbble.png) no-repeat left center;
  padding-left: 22px;
}
.page-template-template-team-php .post ul li.linkedin {
  background: url(images/ico-team-linkedin.png) no-repeat left center;
  padding-left: 22px;
}
.page-template-template-contact-php #twitter {
  background: url(images/ico-twitter-contact.png) no-repeat left center;
}
.page-template-template-contact-php #twitter ul li {
  background: url(images/ico-twitter-contact-bg.png) repeat-x bottom left;
  padding: 16px 0 31px 70px;
  margin: 0 0 2em;
}
.page-template-template-contact-php #twitter ul li a.time {
  color: #aeaeae;
}
.page-template-template-contact-php #main {
  width: 73.42%;
  border: 0;
  padding-right: 0;
  padding-left: 2.5%;
}
.page-template-template-contact-php #office-location {
  width: 22.2%;
  padding: 0 0 1.5em;
  border-bottom: 1px solid #f2f2f2;
}
.page-template-template-contact-php #office-location a {
  text-decoration: underline;
}
.page-template-template-contact-php #office-location h3 {
  margin: 0 0 1em;
}
.page-template-template-contact-php #office-location ul li {
  margin: 0.5em 0;
}
/* 9.4 Image Gallery Template */
.page-template-template-imagegallery-php img {
  margin: 0 14px 14px 0;
  padding: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.page-template-template-imagegallery-php img:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}