/*  
Theme Name: Beveled
Theme URI: http://www.woothemes.com/
Version: 1.0.10
Description: Designed by <a href="http://www.jepson.no">Magnus Jepson</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 Featured
  -2.4.2 Portfolio Item
  -2.4.3 Single Portfolio
  -2.4.4 Portfolio Gallery
-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
-6.3 Image gallery

7. MISC
-7.1 Buttons
-7.2 Gravity forms
-7.3 IE specific styling 

-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 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: #fdfdfd;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  padding: 10px;
  margin-bottom: 20px;
}
/* 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, "Droid Serif", 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: #555555;
  background: url(images/bg-body.jpg) repeat;
  font-family: "Droid Sans", sans-serif;
  text-shadow: 0 1px 0 #ffffff;
  -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: "Droid Serif", serif;
  color: #3b3b3b;
  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;
}
img {
  vertical-align: bottom;
}
hr {
  background-color: #e6e6e6;
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}
input, textarea {
  padding: 5px;
  border-color: #d2d2d2 #e6e6e6 #e6e6e6 #d2d2d2;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
}
/* 1.2 Hyperlinks */
a {
  color: #8aad2c;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #688b0a;
  text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#header-wrap, #content-wrap, #footer-wrap {
  margin: 0 -20px;
  padding: 0 20px;
}
#content-wrap {
  padding-top: 3em;
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #fff;
}
#footer-wrap {
  background: url(images/bg-footer.png) repeat;
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #ffffff;
}
/* 2.2 Navigation */
#navigation {
  margin-top: 1em;
  font: bold 1.1em/1 sans-serif;
}
.rss {
  float: right;
  background: url(images/ico-rss.png) no-repeat right 44%;
  margin: 21px 0 0 10px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 21px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.rss:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.nav {
  z-index: 99;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.nav a {
  position: relative;
  color: #888888;
  display: block;
  z-index: 100;
  padding: 9px 15px;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  border-color: transparent #d9d9d9 transparent #ffffff;
}
.nav a:hover {
  color: #2f2f2f;
}
.nav li {
  float: left;
  width: auto;
}
.nav li a.sf-with-ul {
  padding-right: 22px;
}
.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,
.nav li.sfHover a {
  color: #2f2f2f;
}
/* Optional Styling */
#navigation {
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
#navigation .nav .sf-sub-indicator {
  background: url(images/arrow-superfish.png) no-repeat;
  position: absolute;
  display: block;
  right: 0.6em;
  top: 40%;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
}
/* 2.2.1 Drop-down menus */
.nav li ul {
  z-index: 2;
  position: absolute;
  left: -999em;
}
.nav li:hover, .nav li.hover {
  position: static;
}
.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;
}
#navigation .nav li ul {
  background: #fdfdfd;
  border-color: #d9d9d9;
}
#navigation .nav li ul li a {
  color: #888888;
}
#navigation .nav li ul li a:hover {
  color: #222222;
}
@media only screen and (max-width: 767px) {
  /* iPhone landscape & down */
  #navigation {
    clear: both;
  }
  #navigation .nav {
    float: none;
  }
  #navigation .nav li {
    float: none;
  }
  #navigation .nav li a {
    border: none!important;
  }
  #navigation .nav li ul {
    position: relative;
  }
  #navigation .nav li ul li {
    padding-left: 10px;
  }
  #navigation .nav li ul a {
    color: #888888;
  }
  #navigation .nav li ul a:hover {
    text-decoration: underline;
  }
  #navigation ul {
    width: 100%;
  }
  .rss {
    background: url(images/ico-rss.png) no-repeat;
    display: block;
    float: right;
    padding: 0 0 0 10px;
    width: 20px;
    height: 21px;
  }
}
/* 2.2.2 Top Navigation (optional) */
#top select {
  margin: 20px 0 0;
  width: 100%;
}
#top #top-nav {
  display: none;
}
/* 2.3 Header */
#header-wrap {
  background: url(images/bg-top.png) repeat;
  border-bottom: 1px solid #cdcdcd;
  border-top: 3px solid #282828;
  box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.03);
  -o-box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.03);
}
#header {
  padding: 3em 0 2em;
  clear: both;
  position: relative;
}
#header #logo, #header hgroup {
  float: left;
  margin: 5px 0 1.5em;
}
#header .site-title, #header .site-description {
  font-family: "Lobster", serif;
  display: none;
}
#header .site-title a, #header .site-description a {
  color: #222222;
  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: #6f6f6f;
  font-family: "Lobster", serif;
  font-style: italic;
}
/* 2.4 Content */
#content {
  padding: 0 0 2em;
  /* 2.4.1 Featured */

  /* 2.4.2 Portfolio Item */

  /* 2.4.3 Single Portfolio */

  /* 2.4.4 Portfolio Gallery */

}
#content #intro {
  margin: 0 0 3em;
  text-align: center;
  padding: 0 0 3em;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 1px 0 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  -moz-box-shadow: 0 1px 0 0 #ffffff;
  -o-box-shadow: 0 1px 0 0 #ffffff;
}
#content #intro h1 {
  font-family: "Lobster", serif;
  font-size: 2.5em;
  line-height: 1.2em;
  padding: 0.5em 0;
}
#content #intro p {
  font: normal 1.5em/1.2em "Droid Serif", serif;
  color: #6f6f6f;
}
#content .slider-container {
  position: relative;
  margin: 0 0 3em;
  padding: 0 0 3em;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 1px 0 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  -moz-box-shadow: 0 1px 0 0 #ffffff;
  -o-box-shadow: 0 1px 0 0 #ffffff;
}
#content .slider-container #featured {
  position: relative;
}
#content .slider-container #featured li {
  display: none;
  position: relative;
}
#content .slider-container .flex-direction-nav .prev, #content .slider-container .flex-direction-nav .next {
  display: block;
  height: 0;
  opacity: 0.8;
  overflow: hidden;
  padding-top: 22px;
  position: absolute;
  width: 14px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  -webkit-transition: 0.1s ease-out 0.2s;
  -moz-transition: 0.1s ease-out 0.2s;
  -o-transition: 0.1s ease-out 0.2s;
  transition: 0.1s ease-out 0.2s;
}
#content .slider-container .flex-direction-nav .prev:hover, #content .slider-container .flex-direction-nav .next:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.1s ease-in 0.2s;
  -moz-transition: 0.1s ease-in 0.2s;
  -o-transition: 0.1s ease-in 0.2s;
  transition: 0.1s ease-in 0.2s;
}
#content .slider-container .flex-direction-nav .prev {
  background: url("images/ico-featured-prev.png") no-repeat;
  bottom: 10px;
  left: 10px;
}
#content .slider-container .flex-direction-nav .next {
  background: url("images/ico-featured-next.png") no-repeat;
  bottom: 10px;
  right: 10px;
}
#content .slider-container .flex-control-nav {
  bottom: 0;
  display: block;
  margin: 0 auto 10px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
#content .slider-container .flex-control-nav li {
  display: inline;
  list-style: none outside none;
  margin: 0 5px;
}
#content .slider-container .flex-control-nav li a {
  background: none repeat scroll 0 0 #919191;
  border-radius: 10px 10px 10px 10px;
  cursor: pointer;
  display: inline-block;
  height: 0;
  overflow: hidden;
  padding-top: 8px;
  width: 8px;
}
#content .slider-container .flex-control-nav li a:hover, #content .slider-container .flex-control-nav li a.active {
  background: #222222;
}
#content .portfolio-item {
  position: relative;
  display: inline-block;
  margin: 1em 0 1em;
}
#content .portfolio-item a.item {
  position: relative;
  padding: 4px;
  border: 1px solid #e4e4e4;
  display: inline-block;
  background: #fdfdfd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#content .portfolio-item a.item:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  border: 1px solid #cacaca;
}
#content .portfolio-item a.item img {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  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;
}
#content .portfolio-item a.item .plus {
  background: url(images/ico-plus.png) no-repeat;
  width: 27px;
  height: 26px;
  display: block;
  position: absolute;
  right: -6px;
  top: -6px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#content .portfolio-item a.item:hover .plus {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: 100ms ease-in 0.2s;
  -moz-transition: 100ms ease-in 0.2s;
  -o-transition: 100ms ease-in 0.2s;
  transition: 100ms ease-in 0.2s;
}
#content .portfolio-item a.item .mask {
  width: 97%;
  height: 95%;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#content .portfolio-item a.item .mask .content {
  font-family: "Droid Sans", sans-serif;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
}
#content .portfolio-item a.item .mask .content h2 {
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
}
#content .portfolio-item a.item .mask .content p.date {
  font-size: 1em;
  color: #888888;
  font-family: "Droid Serif", serif;
  font-style: italic;
}
#content .portfolio-item a.item:hover .mask {
  display: block;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: 50ms ease-in 0.2s;
  -moz-transition: 50ms ease-in 0.2s;
  -o-transition: 50ms ease-in 0.2s;
  transition: 50ms ease-in 0.2s;
}
#content .portfolio-item a.item:hover {
  text-decoration: none;
}
#content .portfolio-item .post-bot {
  background-image: url(images/bg-featured-portfolio.png);
  background-repeat: no-repeat;
  height: 9px;
  display: block;
}
#content.single-portfolio {
  margin-bottom: 2em;
}
#content.single-portfolio .single-portfolio-image {
  margin: 0 0 1em !important;
  display: inline;
}
#content.single-portfolio .single-portfolio-image img {
  max-width: 100%;
}
#content.single-portfolio .portfolio {
  float: none;
  width: auto;
}
#content #portfolio-gallery .page {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
}
#content #portfolio-gallery .portfolio-items {
  margin-bottom: 2em;
}
#content #portfolio-gallery .port-tags {
  font-weight: bold;
  margin: 0 0 2em;
  position: absolute;
  top: 0.8em;
  right: 0;
}
#content #portfolio-gallery .port-tags a {
  font-weight: normal;
  background: #bbd83a;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbd83a), to(#9fbb25));
  background: -webkit-linear-gradient(#bbd83a, #9fbb25);
  background: -moz-linear-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  background: -moz-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a,endColorstr=#9fbb25);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a, endColorstr=#9fbb25)";
  font-size: 0.9em;
  padding: 4px 8px;
  margin-left: 5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #b7b7b7;
  background: -webkit-gradient(linear, left top, left bottom, from(#b7b7b7), to(#9d9d9d));
  background: -webkit-linear-gradient(#b7b7b7, #9d9d9d);
  background: -moz-linear-gradient(center top, #b7b7b7 0%, #9d9d9d 100%);
  background: -moz-gradient(center top, #b7b7b7 0%, #9d9d9d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b7b7b7,endColorstr=#9d9d9d);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b7b7b7, endColorstr=#9d9d9d)";
  box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  border: 1px solid #808080;
  color: #fff;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  font-family: sans-serif;
}
#content #portfolio-gallery .port-tags a.current {
  background: #bbd83a;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbd83a), to(#9fbb25));
  background: -webkit-linear-gradient(#bbd83a, #9fbb25);
  background: -moz-linear-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  background: -moz-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a,endColorstr=#9fbb25);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a, endColorstr=#9fbb25)";
}
/* 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 {
  padding: 20px 0 30px;
  color: #6f6f6f;
  font-family: "Lobster", serif;
}
#footer #credit img {
  vertical-align: middle;
  margin: 0 0 0 5px;
}
#footer #credit span {
  display: none;
}
#footer p {
  font-size: 1.1em;
  color: #888888;
}
#footer-widgets {
  padding: 3em 0 0em;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  -moz-box-shadow: 0 1px 0 0 #ffffff;
  -o-box-shadow: 0 1px 0 0 #ffffff;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
  font-size: 1.1em;
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 1px 0 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  -moz-box-shadow: 0 1px 0 0 #ffffff;
  -o-box-shadow: 0 1px 0 0 #ffffff;
}
#breadcrumbs .trail-before {
  font-weight: bold;
}
/*-------------------------------------------------------------------------------------------*/
/* 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: #e6e6e6 1px solid;
  box-shadow: 0 1px 0 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  -moz-box-shadow: 0 1px 0 0 #ffffff;
  -o-box-shadow: 0 1px 0 0 #ffffff;
}
.archive_header .catrss a {
  font-size: 0.9em;
  text-decoration: none;
  line-height: 2.2;
}
.post, .type-page, .portfolio {
  background: #fdfdfd;
  border: 1px solid #e6e6e6;
  padding: 1.5em 20px;
  margin: 0 0 3em;
  /* 3.1 Images */

}
.post header h1, .type-page header h1, .portfolio header h1 {
  font-family: "Lobster", serif;
  line-height: 1.3;
  position: relative;
  margin: 0.2em 0 0.8em;
}
.post header h1 a:link,
.type-page header h1 a:link,
.portfolio header h1 a:link,
.post header h1 a:visited,
.type-page header h1 a:visited,
.portfolio header h1 a:visited {
  color: #3b3b3b;
}
.post .post-meta, .type-page .post-meta, .portfolio .post-meta {
  margin: 0 0 0.5em 0;
}
.post .post-meta li, .type-page .post-meta li, .portfolio .post-meta li {
  display: inline-block;
  float: left;
  margin: 0 0.5em 0.5em 0;
}
.post .post-meta li.post-comments a,
.type-page .post-meta li.post-comments a,
.portfolio .post-meta li.post-comments a,
.post .post-meta li.post-date a,
.type-page .post-meta li.post-date a,
.portfolio .post-meta li.post-date a {
  font-size: 0.9em;
  padding: 4px 8px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #b7b7b7;
  background: -webkit-gradient(linear, left top, left bottom, from(#b7b7b7), to(#9d9d9d));
  background: -webkit-linear-gradient(#b7b7b7, #9d9d9d);
  background: -moz-linear-gradient(center top, #b7b7b7 0%, #9d9d9d 100%);
  background: -moz-gradient(center top, #b7b7b7 0%, #9d9d9d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b7b7b7,endColorstr=#9d9d9d);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b7b7b7, endColorstr=#9d9d9d)";
  box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.5);
  border: 1px solid #808080;
  color: #fff !important;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  cursor: default;
  font-family: sans-serif;
}
.post .post-meta li.post-date a span, .type-page .post-meta li.post-date a span, .portfolio .post-meta li.post-date a span {
  background: url(images/ico-btn-date.png) no-repeat left center;
  padding-left: 15px;
}
.post .post-meta li.post-date a:hover, .type-page .post-meta li.post-date a:hover, .portfolio .post-meta li.post-date a:hover {
  text-decoration: none;
}
.post .post-meta li.post-comments a, .type-page .post-meta li.post-comments a, .portfolio .post-meta li.post-comments a {
  background: #bbd83a;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbd83a), to(#9fbb25));
  background: -webkit-linear-gradient(#bbd83a, #9fbb25);
  background: -moz-linear-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  background: -moz-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a,endColorstr=#9fbb25);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a, endColorstr=#9fbb25)";
}
.post .post-meta li.post-comments a span, .type-page .post-meta li.post-comments a span, .portfolio .post-meta li.post-comments a span {
  background: url(images/ico-btn-comments.png) no-repeat left center;
  padding-left: 15px;
  cursor: pointer;
}
.post .post-meta li.post-comments a:hover, .type-page .post-meta li.post-comments a:hover, .portfolio .post-meta li.post-comments a:hover {
  text-decoration: none;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.post header .post-meta, .type-page header .post-meta, .portfolio header .post-meta {
  color: #a2a2a2;
  font: italic 1em "Droid Serif", serif;
  margin: -1em 0 1.5em;
}
.post header .post-meta a, .type-page header .post-meta a, .portfolio header .post-meta a {
  color: #a2a2a2;
}
.post .post-more, .type-page .post-more, .portfolio .post-more {
  clear: both;
  margin: 2em 0;
}
.post img,
.type-page img,
.portfolio img,
.post img.woo-image,
.type-page img.woo-image,
.portfolio img.woo-image {
  margin-bottom: 15px;
  max-width: 100%;
  padding: 4px;
  border: 1px solid #e4e4e4;
  background: #fdfdfd;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.post img:hover,
.type-page img:hover,
.portfolio img:hover,
.post img.woo-image:hover,
.type-page img.woo-image:hover,
.portfolio img.woo-image:hover {
  border: 1px solid #cacaca;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.post img.wp-smiley, .type-page img.wp-smiley, .portfolio img.wp-smiley {
  padding: 0;
  border: 0;
}
.post .alignleft, .type-page .alignleft, .portfolio .alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
.post .alignright, .type-page .alignright, .portfolio .alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.post .aligncenter, .type-page .aligncenter, .portfolio .aligncenter {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  margin: 0 auto 15px;
}
.post .wp-caption, .type-page .wp-caption, .portfolio .wp-caption {
  padding: 1px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.post .wp-caption img, .type-page .wp-caption img, .portfolio .wp-caption img {
  margin: 0;
  padding: 4px 0;
  background: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 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;
}
.post .wp-caption-text, .type-page .wp-caption-text, .portfolio .wp-caption-text {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  text-align: center;
}
.post.format-audio .audio, .type-page.format-audio .audio, .portfolio.format-audio .audio {
  margin-bottom: 1em;
}
.post.format-link .title a, .type-page.format-link .title a, .portfolio.format-link .title a {
  color: #8aad2c;
}
.post .quote, .type-page .quote, .portfolio .quote {
  margin-bottom: 2em;
}
.post .quote blockquote, .type-page .quote blockquote, .portfolio .quote blockquote {
  font-family: "Droid Serif", serif;
  font-style: italic;
  font-size: 1.4em;
  color: #a2a2a2;
  background: none;
  padding: 5px;
}
.post .quote blockquote:before, .type-page .quote blockquote:before, .portfolio .quote blockquote:before {
  content: '" ';
  font-size: 1.4em;
  line-height: 1;
}
.post .quote cite, .type-page .quote cite, .portfolio .quote cite {
  color: #a2a2a2;
  display: block;
  text-align: left;
  margin-left: 20px;
}
.post .quote cite:before, .type-page .quote cite:before, .portfolio .quote cite:before {
  content: "~ ";
}
.post p.tags, .portfolio p.tags {
  background: url(images/ico-tag.png) no-repeat center left;
  padding-left: 25px;
  width: 100%;
  clear: both;
  margin: 1.5em 0 0;
  font-family: "Droid Sans", sans-serif;
  text-transform: uppercase;
}
.post p.tags a:link,
.portfolio p.tags a:link,
.post p.tags a:visited,
.portfolio p.tags a:visited {
  text-decoration: none;
  color: #6f6f6f;
}
.post p.tags a:link:hover,
.portfolio p.tags a:link:hover,
.post p.tags a:visited:hover,
.portfolio p.tags a:visited:hover {
  color: ligthen(#555555, 30%);
  text-decoration: underline;
}
.post .post-bot, .portfolio .post-bot {
  background: url(images/bg-post.png) no-repeat center;
  height: 15px;
  margin: 0 -20px -33px;
}
.post .post-icon a, .portfolio .post-icon a {
  background: url(images/ico-post-icons.png) no-repeat !important;
  left: -55px !important;
  top: 20px !important;
  padding-top: 37px !important;
  width: 38px !important;
}
.post .post-icon.quote a, .portfolio .post-icon.quote a {
  background-position: 0 0 !important;
}
.post .post-icon.link a, .portfolio .post-icon.link a {
  background-position: 0 -37px !important;
}
.post .post-icon.article a, .portfolio .post-icon.article a {
  background-position: 0 -74px !important;
}
.post .post-icon.image a, .portfolio .post-icon.image a {
  background-position: 0 -111px !important;
}
.post .post-icon.video a, .portfolio .post-icon.video a {
  background-position: 0 -148px !important;
}
.post .post-icon.audio a, .portfolio .post-icon.audio a {
  background-position: 0 -185px !important;
}
.layout-right-content .post .post-icon a {
  right: -55px !important;
  left: auto !important;
}
/* 3.2 Typographic Elements */
.entry {
  font-size: 1.1em;
  line-height: 1.5;
  font-family: "Droid Sans", sans-serif;
  margin: 0 0 1.5em;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  font-family: "Lobster", serif;
  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: #2f2f2f;
}
.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: 0 15px 2em;
}
.nav-entries {
  margin: 0 auto;
  width: 80px;
}
.nav-entries a {
  display: block;
  color: #555555;
  text-decoration: none;
}
.nav-entries a:hover {
  text-decoration: underline;
}
.nav-entries a .nav-prev {
  background: url(images/ico-nav-left.png) no-repeat;
  height: 34px;
  width: 35px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.1s ease-out 0.2s;
  -moz-transition: 0.1s ease-out 0.2s;
  -o-transition: 0.1s ease-out 0.2s;
  transition: 0.1s ease-out 0.2s;
}
.nav-entries a .nav-prev:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.1s ease-in 0.2s;
  -moz-transition: 0.1s ease-in 0.2s;
  -o-transition: 0.1s ease-in 0.2s;
  transition: 0.1s ease-in 0.2s;
}
.nav-entries a .nav-next {
  background: url(images/ico-nav-right.png) no-repeat;
  height: 34px;
  width: 35px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.1s ease-out 0.2s;
  -moz-transition: 0.1s ease-out 0.2s;
  -o-transition: 0.1s ease-out 0.2s;
  transition: 0.1s ease-out 0.2s;
}
.nav-entries a .nav-next:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.1s ease-in 0.2s;
  -moz-transition: 0.1s ease-in 0.2s;
  -o-transition: 0.1s ease-in 0.2s;
  transition: 0.1s ease-in 0.2s;
}
.woo-pagination {
  text-align: center;
  margin: 0 10px;
}
.woo-pagination .page-numbers {
  display: inline;
  text-decoration: none;
  color: #888888;
  padding: 4px 9px;
  font-weight: bold;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  font-family: sans-serif;
}
.woo-pagination .page-numbers:hover {
  border-color: #cdcdcd;
  color: #555555;
}
.woo-pagination .page-numbers.current {
  background: #6f6f6f;
  border-color: #555555;
  color: #fff;
  text-shadow: 0px 1px 0px #080808;
}
/* 3.4 Single Post Author */
#post-author {
  background: #fdfdfd;
  margin: 0 0 1.5em;
  padding: 15px;
  border: 1px solid #e6e6e6;
  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 #e6e6e6;
  background: rgba(255, 255, 255, 0.7);
}
/* 3.5 Entry Tables */
.entry table {
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-bottom: 1.2em;
}
.entry table tr.alt-table-row {
  background: #f8f8f8;
}
.entry table th {
  padding: 6px 0 3px 0;
  background: #eee;
  border: 1px solid #e6e6e6;
  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 #e6e6e6;
}
/* 3.6 Connect */
#connect {
  background: #fdfdfd;
  margin: 0 0 1.5em;
  padding: 15px;
  border: 1px solid #e6e6e6;
  border-width: 1px 0 1px;
  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;
}
#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 #e6e6e6;
  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%;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget {
  margin-bottom: 3em;
  font-family: Arial, Helvetica, sans-serif 
}
.widget h3 {
  font-family: "Droid Sans", sans-serif;
  font-size: 1.4em;
  line-height: 1.6em;
  letter-spacing: -1px;
  margin: 0 0 1em 0;
  padding: 0;
  color: #555555;
  text-transform: uppercase;
}
.widget p {
  margin-bottom: 1em;
}
.widget ul {
  clear: both;
  padding-left: 10px;
  list-style-position: inside;
  list-style-type: disc;
  list-style-image: url(images/ico-bullet.png);
}
.widget ul li a {
  padding: 0 0 0 5px;
  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%;
  overflow: hidden;
  position: relative;
  border-color: #cdcdcd;
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.07);
  -o-box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.07);
  border-width: 1px;
  border-style: solid;
  background: #fdfdfd;
}
.searchform input.s {
  background: url(images/ico-search.png) no-repeat 10px center;
  padding: 8px 8px 8px 30px;
  width: 60%;
  float: left;
  margin: 0;
  border: 0;
  color: #555555;
  font-size: 12px !important;
}
.searchform input.button {
  float: right;
  margin: -1px -1px 0 0;
  height: 32px;
  width: 23%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #a0bf18;
  border-bottom-color: #8fae07;
  padding: 7px;
  font-size: 12px !important;
}
/* FLICKR */
.widget.widget_woo_flickr h3 {
  background: url(images/ico-widget-flickr.png) no-repeat left center;
  padding-left: 40px;
  height: 29px;
}
.widget.widget_woo_flickr h3 span {
  color: #0051d8;
}
.widget.widget_woo_flickr h3 span span {
  color: #ff1183;
}
.widget.widget_woo_flickr .flickr_badge_image {
  float: left;
  margin: 5px;
}
.widget.widget_woo_flickr .wrap {
  position: relative;
  margin-bottom: 20px;
  padding: 0;
}
.widget.widget_woo_flickr a img {
  float: left;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 3px;
}
.widget.widget_woo_flickr a:hover img {
  border-color: #cdcdcd;
}
/* 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: #e4e4e4;
  padding: 3px 0;
}
#wp-calendar td {
  background: transparent;
  color: #6f6f6f;
}
/* SUBSCRIBE */
.widget.widget_woo_subscribe h3 {
  background: url(images/ico-widget-subscribe.png) no-repeat left center;
  padding-left: 40px;
  height: 29px;
}
.widget.widget_woo_subscribe #connect {
  background: none;
  padding: 0;
  border: none;
}
.widget.widget_woo_subscribe #connect div {
  padding: 15px;
  background: #fafafa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}
.widget.widget_woo_subscribe #connect div .social {
  padding: 0;
  background: none;
  border: none;
}
#footer-widgets .widget_woo_subscribe #connect div {
  padding: 0px;
  background: none;
  border: none;
}
/* BLOG AUTHOR */
.widget.widget_woo_blogauthorinfo h3 {
  background: url(images/ico-widget-about.png) no-repeat left center;
  padding-left: 40px;
  height: 29px;
}
.widget.widget_woo_blogauthorinfo .avatar {
  padding: 3px;
  border: 1px solid #e6e6e6;
}
.widget.widget_woo_blogauthorinfo .left {
  float: left;
  margin: 0 15px 5px 0;
}
.widget.widget_woo_blogauthorinfo .right {
  float: right;
  margin: 0 5px 10px;
}
/* TWITTER */
.widget.widget_woo_twitter .back {
  padding: 10px;
  background: #fafafa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}
.widget.widget_woo_twitter h3 {
  border-bottom: 0;
  padding: 0;
  margin: 0;
  padding-bottom: 15px;
  background: url(images/ico-widget-twitter.png) no-repeat left top;
  padding-left: 40px;
  height: 29px;
}
.widget.widget_woo_twitter h3.tlogo {
  background: none;
  padding-left: 0;
  height: auto;
}
.widget.widget_woo_twitter ul {
  background: #fff;
  padding-left: 0;
  border: 1px solid #e6e6e6;
}
.widget.widget_woo_twitter ul li {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px;
  list-style: none;
}
.widget.widget_woo_twitter ul li:last-child {
  border: none;
}
.widget.widget_woo_twitter ul li a {
  padding: 0;
}
.widget.widget_woo_twitter ul li .time {
  color: #a2a2a2;
}
.widget.widget_woo_twitter ul li .content {
  font-size: 1.2em;
  font-family: "Droid Serif", serif;
}
.widget.widget_woo_twitter p {
  padding: 10px 0 0 5px;
  font-weight: bold;
  color: #6f6f6f;
}
.widget.widget_woo_twitter p a {
  color: #222222;
}
/* WOOTABS */
#tabs {
  height: auto;
  display: block;
}
#tabs ul.wooTabs {
  padding: 0;
}
#tabs ul.wooTabs li {
  float: left;
  display: inline;
  color: #fff;
  margin: 0;
  cursor: pointer;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
}
#tabs ul.wooTabs li a {
  color: #6f6f6f;
  display: block;
  float: left;
  padding: 5px 10px;
  text-transform: none;
  font-weight: bold;
  border: 1px solid #e6e6e6;
  border-left: 0;
  font-family: sans-serif;
}
#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 #e6e6e6;
}
#tabs .inside {
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-top: -1px;
}
#tabs .inside ul, #tabs .inside #tab-tags {
  margin: 0;
  padding: 0;
  display: none;
}
#tabs .inside ul {
  list-style: 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: #f0f0f0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#tabs .inside #tab-tags a:hover {
  background: #e4e4e4;
  text-decoration: none;
}
#tabs .inside li {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px;
  list-style: none;
}
#tabs .inside li a {
  color: #555555;
  font-weight: bold;
  padding: 0;
  font-family: "Droid Serif", serif;
}
#tabs .inside li span.meta {
  display: block;
  font-family: "Droid Serif", serif;
  font-style: italic;
  text-transform: none;
  color: #a2a2a2;
}
#tabs .inside li img.avatar, #tabs .inside li img.woo-image {
  border: 1px solid #e6e6e6;
  padding: 2px;
  background: #fff;
  float: left;
  margin: 0 10px 0 0;
}
#tabs .inside li img.avatar:hover, #tabs .inside li img.woo-image:hover {
  border-color: #cdcdcd;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
  position: relative;
  margin: 2em 0 0;
  padding: 2em 0 0 0;
  border-top: 1px solid #e6e6e6;
}
#comments h3 {
  font-weight: normal;
  margin-bottom: 20px;
}
#comments .comment {
  width: 100%;
  list-style: none;
}
#comments .comment.thread-even {
  background: #fdfdfd;
  border-bottom: 1px solid #e6e6e6;
}
#comments .comment.bypostauthor {
  background: #fef7d2;
  border-bottom: 1px solid #efe3ae;
}
#comments .comment .comment-container {
  position: relative;
  padding: 20px;
}
#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, #comments .comment .comment-head .edit, #comments .comment .comment-head .perma {
  font-size: 0.9em;
}
#comments .comment .avatar {
  float: left;
  margin: 0 15px 10px 0;
}
#comments .comment .avatar img {
  margin: 0;
  vertical-align: middle;
  border: 1px solid #e6e6e6;
  padding: 3px;
  background: #fff;
}
#comments .comment .comment-entry p {
  margin: 0 0 10px 0;
}
#comments .comment .reply {
  padding-top: 10px;
}
#comments .comment .reply a {
  font-size: 0.9em;
  background: #f8f8f8;
  border-color: #d4d4d4;
  color: #555555 !important;
  text-shadow: none;
  margin: 0;
}
#comments .comment .reply a:hover {
  background: #e6e6e6;
}
#comments ul.children {
  margin: 10px 0 0 25px;
  padding: 0;
}
#comments ul.children li {
  border-top: 1px solid #e6e6e6;
}
#comments ul.children .cancel-comment-reply {
  margin: 10px 0;
}
#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: #6f6f6f;
}
#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 {
  font-size: 1.2em;
  font-family: sans-serif;
  border-color: #d2d2d2 #e6e6e6 #e6e6e6 #d2d2d2;
  border-width: 1px;
  border-style: solid;
  color: #555555;
  background: #fdfdfd;
  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 #e6e6e6;
  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: #6f6f6f;
  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: #7b7b7b;
  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: #555555;
  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 {
  width: 50%;
}
#contact-page ol.forms input#sendCopy {
  border: none;
  margin-right: 10px;
}
#contact-page ol.forms textarea {
  height: 300px;
  width: 97%;
}
.entry #contact-page ol.forms li {
  list-style: none;
}
/* 6.3 Image Gallery */
.image-gallery-item img {
  max-width: 100%;
  padding: 3px;
  margin: 0 10px 10px 0;
  border: 1px solid #e4e4e4;
  background: #fdfdfd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.image-gallery-item img:hover {
  border: 1px solid #cacaca;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
}
/*-------------------------------------------------------------------------------------------*/
/* 7. MISC */
/*-------------------------------------------------------------------------------------------*/
div.ppt {
  text-shadow: none;
}
/* 7.1 Buttons */
a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {
  display: inline-block;
  margin: 5px;
  padding: 3px 6px;
  border: 1px solid #7e9d00;
  border-bottom-color: #6d8c00;
  color: white !important;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  font-size: 1em;
  /* Make inputs the same size as anchors */

  font-family: sans-serif;
  /* Make inputs use the correct typeface instead of the browser default */

  cursor: pointer;
  /* Inputs need pointers! */

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #bbd83a;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbd83a), to(#9fbb25));
  background: -webkit-linear-gradient(#bbd83a, #9fbb25);
  background: -moz-linear-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  background: -moz-gradient(center top, #bbd83a 0%, #9fbb25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a,endColorstr=#9fbb25);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbd83a, endColorstr=#9fbb25)";
  box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.4);
  -o-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.4);
}
a.button.large,
a.comment-reply-link.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large {
  padding: 6px 16px;
}
a.button.small,
a.comment-reply-link.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small {
  padding: 0 10px;
}
a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
  text-decoration: none;
  background: #cce94b;
  background: -webkit-gradient(linear, left top, left bottom, from(#cce94b), to(#8eaa14));
  background: -webkit-linear-gradient(#cce94b, #8eaa14);
  background: -moz-linear-gradient(center top, #cce94b 0%, #8eaa14 100%);
  background: -moz-gradient(center top, #cce94b 0%, #8eaa14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cce94b,endColorstr=#8eaa14);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cce94b, endColorstr=#8eaa14)";
}
a.button:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active {
  border-color: #5c7b00;
  -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.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 */
.ie #content .portfolio-item a .mask {
  display: none;
}
.ie #content .portfolio-item a .plus {
  display: none;
}
.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: #555555 !important;
  font-weight: normal;
}
.ie6 .reply a {
  color: #555555 !important;
}
.ie7 .nav li a {
  _height: 0;
  zoom: 1;
}
.ie7 .button, .ie7 .button:visited {
  padding: 7px 6px;
  margin: 0;
}
.ie7 .widget ul {
  list-style-image: none;
}
.ie7 #tabs .inside {
  clear: both;
}
.ie7 .post-bot {
  display: none;
}
.ie7 #content.single-portfolio .single-portfolio-image {
  display: inline;
}
.ie8 .button, .ie8 .button:visited {
  padding: 10px 15px;
  margin: 0;
}
.ie8 #content .portfolio-item a {
  width: 200px;
}
.ie8 #content .portfolio-item a .mask {
  display: none;
}
.ie8 #content.single-portfolio .single-portfolio-image img {
  max-width: none;
}
