/*
Theme Name: Fiero
Theme URI: http://www.creatingyourmark.com
Description: A bold portfolio theme
Version: 0.4.1
Author: Mark Southard
Author URI: http://www.creatingyourmark.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright: (c) 2011 Mark Southard

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

TABLE OF CONTENTS:
------------------
0.0 - Includes
1.0 - General Layout
2.0 - Typography
    2.1 - Headings & Titles
    2.2 - Anchors
3.0 - Header & Navigation
4.0 - Footer
5.0 - Page & Common Elements
6.0 - Front Page & Portfolio
    6.1 - Media Elements
7.0 - Blog Elements
    7.1 - Media Elements
8.0 - Comments
9.0 - Form
    9.1 - Comment Form
    9.2 - Contact Form
    9.3 - Search Form
10.0 - Sidebars & Widgets
11.0 - Gallery Template
12.0 - Shortcodes
13.0 - IE Fixes

------------------------------------------------------*/
/*-------------------------------------------------------
    0.0 - Includes
-------------------------------------------------------*/
@import url('assets/stylesheets/reset.css');
@import url('assets/stylesheets/fancybox.css');
@import url('assets/stylesheets/nivo-slider.css');

/*-------------------------------------------------------
    1.0 - General Layout
-------------------------------------------------------*/
body {
  background: transparent url('assets/images/bg.jpg') repeat;
  border-top: 10px #1f222b solid;
  color: #cfd4e0;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 87.5%;
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 1.5em;
  text-shadow: 1px 1px 0 #08090b;
}
.wrap {
  margin: 0 auto;
  width: 980px;
}
.content {
  overflow: hidden;
}
.bevel_right {
  background: transparent url('assets/images/bevel_vertical.gif') repeat-y top right;
  float: left;
}
.bevel_left {
  background: transparent url('assets/images/bevel_vertical.gif') repeat-y top left;
  float: left;
}
.col {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}
.footer_col {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}
.sixth {
  width: 130px;
}
.fourth {
  width: 210px;
}
.footer .fourth {
  width: 230px;
}
.third {
  width: 300px;
}
.half {
  width: 470px;
}
.two_thirds {
  width: 640px;
}
.five_sixths {
  width: 810px;
}
.full {
  width: 980px;
}
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
.bottom {
  padding-bottom: 40px;
}
/* Used for columns shortcodes */
.bottom > .bottom {
  padding-bottom: 0;
}
/* For modern browsers */
.cf:before, .cf:after {
  content: '';
  display: block;
}
.cf:after {
  clear: both;
}
/* IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}
/*-------------------------------------------------------
    2.0 - Typography
-------------------------------------------------------*/
p {
  margin: 0 0 1.5em;
}
ol {
  list-style-position: inside;
  list-style-type: decimal;
  margin-bottom: 1.5em;
}
ol ol {
  margin-left: 16px;
}
ul {
  margin-bottom: 1.5em;
}
ul li {
  background: transparent url('assets/images/bullet.png') no-repeat 0px 8px;
  padding-left: 12px;
}
blockquote {
  background: transparent url('assets/images/blockquote.png') no-repeat 0px 0px;
  color: #aaaaaa;
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 14px;
  font-style: italic;
  min-height: 31px;
  padding: 0 0 0 45px;
}
sub {
  font-size: 10px;
  vertical-align: sub;
}
sup {
  font-size: 10px;
  vertical-align: super;
}
em {
  font-style: italic;
}
var {
  font-style: italic;
}
q::before {
  content: '“';
}
q::after {
  content: '”';
}
strong {
  font-weight: bold;
}
pre {
  color: #ededed;
  font-family: monospace;
  white-space: pre;
}
code {
  color: #ededed;
  font-family: monospace;
}
span.amp {
  font-family: 'OFL Sorts Mill Goudy TT', 'Droid Serif', Georgia, serif;
}
/*
    2.1 Headings & Titles 
*/
h1,
h2,
h3,
h4 {
  color: #ededed;
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: bold;
  letter-spacing: .8px;
}
h1 {
  font-style: italic;
  font-size: 1.7em;
  line-height: 1.1em;
  margin: 2em 0 .5em;
}
h1.page_title {
  background: transparent url('assets/images/bevel_horizontal.gif') repeat-x bottom left;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 3px;
}
h1.tagline {
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 0;
}
h2 {
  font-style: italic;
  font-size: 1.14em;
  line-height: 1.1em;
  margin: 2em 0 .5em;
}
h2.post_title {
  margin-bottom: .2em;
  margin-top: 0;
}
.post-not-found h2 {
  margin-top: 0;
}
h3 {
  font-style: italic;
  font-size: 1em;
}
.widget h3 {
  margin-bottom: 1em;
}
h4 {
  color: #aaaaaa;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: .2px;
}
h4.article_meta {
  border-top: 1px dotted #ededed;
  margin-bottom: 1em;
  padding-top: 1em;
}
.footer h4 {
  color: #ededed;
  margin-bottom: 16px;
}
h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited {
  color: #ededed;
}
h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus {
  color: #ce6060;
}
/* 
    2.2 - Anchors 
*/
a, a:visited {
  color: #91a1cb;
  text-decoration: none;
}
a:hover, a:focus {
  color: #ce6060;
  text-decoration: none;
  -webkit-transition: color ease-in-out 0.2s;
  -moz-transition: color ease-in-out 0.2s;
  -o-transition: color ease-in-out 0.2s;
  transition: color ease-in-out 0.2s;
}
a:active {
  position: relative;
  top: 1px;
}
/*-------------------------------------------------------
    3.0 - Headers & Navigation
-------------------------------------------------------*/
.header {
  background: transparent url('assets/images/bevel_horizontal.gif') repeat-x bottom left;
  min-height: 105px;
  padding-top: 0px;
  position: relative;
}
a.logo {
  float: left;
}
.nav {
  float: right;
  display: inline-block;
}
.nav li {
  background-image: none;
  display: inline;
  margin-left: 15px;
  padding-left: 0;
  position: relative;
}
.nav li:first-child {
  margin-left: 0;
}
.nav li > a {
  background: #2d323f;
  background: -moz-linear-gradient(90deg, #181c23, #242933);
  background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #181c23), color-stop(1, #242933));
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #ededed;
  padding: 9px 13px;
  white-space: nowrap;
}
.nav li > a:hover, .nav li > a.myHover {
  background: #1f222b;
}
.nav li.current-menu-item > a,
.nav li.current_page_item > a,
.nav li > a:active,
.nav li.current-page-ancestor a {
  background: #1f222b;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
}
/* 
    Sub Menu 
*/
.nav ul.sub-menu {
  background: #1f222b;
  -webkit-border-radius: 0px 8px 8px 8px;
  -moz-border-radius: 0px 8px 8px 8px;
  border-radius: 0px 8px 8px 8px;
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
  display: none;
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 4;
}
.nav li:hover ul {
  display: block;
}
.nav ul.sub-menu li {
  display: block;
  margin-left: 0;
  padding: 0px 15px;
}
.nav ul.sub-menu li:first-child {
  margin-top: 5px;
}
.nav ul.sub-menu li:last-child {
  margin-bottom: 5px;
}
.nav ul.sub-menu a {
  background: #1f222b;
  font-size: .875em;
  font-weight: normal;
  border: none;
  border-top: 1px solid #262a35;
  border-bottom: 1px solid #14161c;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: block;
  padding: 4px 10px 4px 0px;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.nav ul.sub-menu a:hover {
  color: #ce6060;
}
.nav ul.sub-menu li:first-child a {
  border-top: none;
}
.nav ul.sub-menu li:last-child a {
  border-bottom: none;
}
/*
    Blog Navigation
*/
.wp-prev-next {
  font-family: 'Droid Serif', Georgia, serif;
  font-style: italic;
  margin-left: 165px;
}
.attachment .wp-prev-next {
  margin-left: 0;
}
.prev-link {
  background-image: none;
  float: left;
  padding-left: 0;
}
.next-link {
  background-image: none;
  float: right;
  padding-left: 0;
}
/*-------------------------------------------------------
    4.0 - Footer Styles 
-------------------------------------------------------*/
.footer {
  background: transparent url('assets/images/footer_bg.png') no-repeat top left;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
}
.footer_simple {
  background: transparent url('assets/images/bevel_horizontal.gif') repeat-x top left;
  font-size: 11px;
  padding-top: 30px;
  margin-bottom: 80px;
  margin-top: 40px;
}
.footer_simple p {
  float: left;
}
.socialize {
  float: right;
}
.socialize li {
  background-image: none;
  line-height: 1.18em;
  text-align: right;
}
.twitter, .twitter:visited {
  color: #5cd3ff;
}
.facebook, .facebook:visited {
  color: #6279b1;
}
.dribbble, .dribbble:visited {
  color: #e64d8b;
}
.linkedin, .linkedin:visited {
  color: #106dac;
}
/*-------------------------------------------------------
    5.0 - Page & Common Elements 
-------------------------------------------------------*/
.page_intro {
  position: relative;
}
.pagination {
  font-family: 'Droid Serif', Georgia, serif;
  font-style: italic;
  position: absolute;
  top: 3px;
  right: 3px;
}
/*-------------------------------------------------------
    6.0 - Front Page & Portfolio
-------------------------------------------------------*/
.front_portfolio {
  margin-top: 40px;
}
.front_content {
  background: transparent url('assets/images/bevel_horizontal.gif') repeat-x top left;
  float: left;
  padding-top: 40px;
}
.portfolio_feature {
  position: relative;
}
.portfolio_feature > img:hover + .front_overlay {
  display: block;
}
.front_overlay {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  height: 325px;
  width: 100%;
  -webkit-transition: background-color ease-out 0.4s;
  -moz-transition: background-color ease-out 0.4s;
  -o-transition: background-color ease-out 0.4s;
  transition: background-color ease-out 0.4s;
}
.front_overlay:hover {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
}
.front_overlay h2 {
  background-color: #000;
  display: inline;
  font-size: 18px;
  line-height: 1.5em;
  position: absolute;
  top: 20px;
  padding: 0 10px 0 20px;
}
.front_overlay p {
  font-size: 16px;
  line-height: 1.5em;
  background-color: #000;
  bottom: 0;
  right: 0;
  position: absolute;
  padding: 0 20px 0 10px;
  margin: 30px 0px;
}
.portfolio_filter {
  margin-bottom: 20px;
  margin-top: -20px;
}
.portfolio_filter li {
  background: none;
  display: inline;
}
.portfolio_filter li:first-child {
  padding-left: 0;
}
/*  Optional Button Style for Portfolio Filter

    .portfolio_filter a,
    .portfolio_filter a:visited {
        background: @blue;
        background: -moz-linear-gradient(90deg, #181c23, #242933);
        background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #181c23), color-stop(1, #242933));
        border: 1px solid @darkblue;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 -1px 0 rgba(0,0,0,.15) inset;
           -moz-box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 -1px 0 rgba(0,0,0,.15) inset;
             -o-box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 -1px 0 rgba(0,0,0,.15) inset;
                box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 -1px 0 rgba(0,0,0,.15) inset;
        color: @title;
        padding: 5px 8px;
    }
        .portfolio_filter a:hover { background: @darkblue; }
        .portfolio_filter a:active {
            background: @darkblue;
            -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.75) inset, 0 1px 2px rgba(255,255,255,.15);
               -moz-box-shadow: 0 2px 5px rgba(0,0,0,.75) inset, 0 1px 2px rgba(255,255,255,.15);
                 -o-box-shadow: 0 2px 5px rgba(0,0,0,.75) inset, 0 1px 2px rgba(255,255,255,.15);
                    box-shadow: 0 2px 5px rgba(0,0,0,.75) inset, 0 1px 2px rgba(255,255,255,.15);
        }
*/
/* 
    6.1 - Media Elements
*/
.attachment-front-page-landscape,
.attachment-front-page-square,
.fiero_gallery img,
.attachment-project-default {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border-color: rgba(0, 0, 0, 0.5);
  float: left;
  margin-bottom: 40px;
  padding: 10px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
.attachment-front-page-landscape:hover,
.attachment-front-page-square:hover,
.fiero_gallery img:hover,
.attachment-project-default:hover {
  background-color: #1f222b;
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #000000;
}
/*-------------------------------------------------------
    7.0 - Blog Elements
-------------------------------------------------------*/
.post_index {
  background: transparent url('assets/images/bevel_horizontal.gif') repeat-x bottom left;
  margin-bottom: 20px;
  margin-left: 165px;
  padding-bottom: 20px;
}
p.meta {
  color: #aaaaaa;
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 12px;
  font-style: italic;
  margin-top: 0;
}
p.meta a {
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
}
p.author_bio {
  font-size: 12px;
  line-height: 1.4em;
}
.author_image {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: inline-block;
  padding: 9px 9px 4px;
}
.avatar-96 {
  border: 1px solid #000;
}
a.post_link {
  font-family: 'Droid Serif', Georgia, serif;
  font-style: italic;
}
/* 
    7.1 - Media Elements
*/
.attachment-post-thumbnail {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  float: left;
  margin-right: 20px;
  padding: 9px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
.attachment-post-thumbnail:hover {
  background-color: #1f222b;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #000000;
}
p.attachment_page {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border-color: rgba(0, 0, 0, 0.5);
  float: left;
  padding: 9px 9px 4px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
p.attachment_page:hover {
  background-color: #1f222b;
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #000000;
}
p.attachment_page img {
  border: 1px solid #000;
}
img.alignright {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  float: right;
  margin: 15px 0 15px 15px;
  padding: 9px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
img.alignleft {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  float: left;
  margin: 15px 15px 15px 0;
  padding: 9px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
img.aligncenter {
  display: block;
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 9px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
a:hover img.aligncenter,
a:hover img.alignleft,
a:hover img.alignright,
.wp-caption a:hover {
  background-color: #1f222b;
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #000000;
}
div.wp-caption {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: inline;
  padding: 9px;
  padding-right: 0;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
div.wp-caption img {
  border: 1px solid #000;
}
.wp-caption.alignleft {
  float: left;
  margin: 5px 15px 15px 0;
}
.wp-caption.alignright {
  float: right;
  margin: 5px 0 15px 15px;
}
.wp-caption-text {
  margin-bottom: 0;
  text-align: center;
}
/*-------------------------------------------------------
    8.0 - Comments
-------------------------------------------------------*/
.comments {
  margin-top: 40px;
  position: relative;
}
.comment_intro {
  position: absolute;
  right: 510px;
  top: 20px;
}
.comment_intro p {
  font-size: 12px;
}
ol.commentlist {
  border-top: 1px dotted #ededed;
  padding-top: 20px;
}
.commentlist {
  list-style-type: none;
}
.commentlist li {
  background-image: none;
  border-top: 1px dotted #ededed;
  display: block;
  overflow: hidden;
  padding: 20px 0 0 0;
}
.commentlist li:first-child {
  border-top: none;
  padding-top: 0;
}
.commentlist .children {
  margin-left: 20px;
  margin-bottom: 0;
}
.commentlist ul.children {
  margin-bottom: 0;
}
.commentlist .children li:first-child {
  border-top: 1px dotted #ededed;
  padding-top: 20px;
}
.commentlist .children .comment-body {
  width: 370px;
}
.commentlist .children .children .comment-body {
  width: 350px;
}
.commentlist .children .children .children .comment-body {
  width: 330px;
}
.comments .avatar {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  float: left;
  padding: 5px;
}
.comment-body {
  display: inline-block;
  margin-left: 20px;
  width: 390px;
}
.comment-body p {
  margin: 0;
}
.comment-body ul li {
  background: transparent url('assets/images/bullet.png') no-repeat 0px 8px;
  border: none;
  padding-left: 12px;
  padding-top: 0;
}
.comment-body ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.comment-body ol li {
  border: none;
  padding-top: 0;
}
.comment-body ol ol {
  margin-left: 16px;
}
.comment-body p.commentmetadata {
  color: #aaaaaa;
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 12px;
  font-style: italic;
  padding-bottom: 20px;
}
.comment-body em {
  color: #ce6060;
}
p.alert {
  color: #ce6060;
}
#respond {
  border-top: 1px dotted #ededed;
  padding-top: 20px;
  position: relative;
}
#reply-title {
  color: #aaaaaa;
  display: block;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-style: normal;
  letter-spacing: .2px;
  position: absolute;
  right: 510px;
  top: 20px;
  width: 130px;
}
.comment #reply-title {
  position: static;
  right: 0;
  width: 470px;
  margin-bottom: 20px;
}
.comment #reply-title small a {
  font-size: 12px;
  font-weight: normal;
  color: #91a1cb;
  margin-left: 10px;
}
.comment_post .comment_intro {
  top: 40px;
}
/*
  Comment Navigation
*/
.comments .wp-prev-next {
  overflow: hidden;
  margin: 0 0 20px 0;
}
/*-------------------------------------------------------
    9.0 - Forms
-------------------------------------------------------*/
/* 
    9.1 - Comment Form
*/
.commentform {
  padding-top: 40px;
}
.commentform a {
  font-size: 11px;
  margin-left: 40px;
}
.commentform a[rel="comment_author_logged_in"] {
  font-size: 14px;
  margin-left: 0;
}
input.comment_author, input.comment_email, input.comment_url {
  color: #cfd4e0;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding: 8px;
  width: 50%;
  background-color: #1f222b;
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
}
textarea.comment_comment {
  color: #cfd4e0;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding: 8px;
  width: 94%;
  background-color: #1f222b;
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
}
#commentform .form-submit input {
  background: #2d323f;
  background: -moz-linear-gradient(90deg, #181c23, #242933);
  background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #181c23), color-stop(1, #242933));
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #ededed;
  font-size: 13px;
  padding: 9px 13px;
  white-space: nowrap;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
#commentform .form-submit input:hover {
  background: #1f222b;
}
#commentform .form-submit input:active {
  position: relative;
  top: 1px;
}
.comments label {
  font-size: 12px;
  margin-left: 5px;
}
.comments label span {
  color: #aaaaaa;
}
.comments label span.alert {
  color: #ce6060;
}
/*
    9.2 - Contact Form (supports Contact Form 7)
*/
.contact_form {
  padding-top: 40px;
}
.wpcf7 input, .contact_form input {
  color: #cfd4e0;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding: 8px;
  width: 250px;
  background-color: #1f222b;
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
}
.wpcf7 textarea, .contact_form textarea {
  color: #cfd4e0;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding: 8px;
  width: 450px;
  background-color: #1f222b;
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
}
input.wpcf7-submit, .contact_form input.contact_submit {
  background: #2d323f;
  background: -moz-linear-gradient(90deg, #181c23, #242933);
  background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #181c23), color-stop(1, #242933));
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #ededed;
  font-size: 13px;
  padding: 9px 20px;
  white-space: nowrap;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  width: auto;
}
input.wpcf7-submit:hover, .contact_form input.contact_submit:hover {
  background: #1f222b;
}
input.wpcf7-submit:active, .contact_form input.contact_submit:active {
  position: relative;
  top: 1px;
}
.contact_form label {
  font-size: 12px;
}
.contact_form label span {
  color: #aaaaaa;
}
.wpcf7-not-valid-tip, .contact_form label span.alert {
  color: #ce6060;
}
div.wpcf7-response-output {
  border: 1px solid #ce6060;
  color: #ce6060;
}
/* 
    Validity styles 
*/
.validity-modal-msg {
  color: #ce6060;
  position: absolute;
  z-index: 2;
  background: #1f222b url('assets/images/close.png') no-repeat 1% 2%;
  border: solid 1px #000;
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  padding: 10px 10px 10px 25px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.validity-modal-msg:hover {
  background-color: #262a35;
}
/*
    9.3 - Search Form
*/
#s {
  color: #cfd4e0;
  font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  padding: 8px;
  width: 94%;
  background-color: #1f222b;
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75) inset, 0 1px 2px rgba(255, 255, 255, 0.15);
}
/*-------------------------------------------------------
    10.0 - Sidebars & Widgets
-------------------------------------------------------*/
.widget {
  margin-bottom: 20px;
}
.widget li {
  background-image: none;
  padding-left: 0;
}
a[rel='tag'] {
  background-color: #2d323f;
  border: 1px solid #1f222b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2em;
  padding: 2px 4px;
  margin-right: 5px;
  margin-bottom: 5px;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}
a[rel='tag']:hover {
  background-color: #262a35;
}
.textwidget p:first-child {
  margin-top: 16px;
}
.widget_links ul li {
  background-image: url('assets/images/bullet.png');
  padding-left: 12px;
}
.widget_rss li {
  background-image: url('assets/images/bullet.png');
  padding-left: 12px;
}
.widget_pages ul li {
  background-image: url('assets/images/bullet.png');
  padding-left: 12px;
}
.widget_recent_entries ul li {
  background-image: url('assets/images/bullet.png');
  padding-left: 12px;
}
.widget_nav_menu ul li {
  background-image: url('assets/images/bullet.png');
  padding-left: 12px;
}
.widget_recent_comments li {
  background-image: url('assets/images/bullet.png');
  padding-left: 12px;
}
.widget_calendar table {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-left: 1px solid #1f222b;
  border-right: 1px solid #1f222b;
}
.widget_calendar caption {
  background: transparent url('assets/images/cal_bg.jpg') repeat top left;
  border-top: 1px solid #1f222b;
  border-right: 1px solid #1f222b;
  border-left: 1px solid #1f222b;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  -o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;
  color: #e0e0e0;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  padding: 5px 0px;
  text-align: center;
}
.widget_calendar td, .widget_calendar th {
  padding: 5px;
  width: 30px;
  text-align: center;
  text-shadow: 1px 1px 0 #ffffff;
}
.widget_calendar td {
  background-image: -moz-linear-gradient(-90deg, #ededed, #dedede);
  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#ededed), to(#dedede));
  color: #666666;
  border-top: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}
.widget_calendar tfoot td {
  border: none;
}
.widget_calendar th {
  background-image: -moz-linear-gradient(-90deg, #f7f7f7, #f1f1f1);
  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#f7f7f7), to(#f1f1f1));
  border-bottom: 1px solid #bbbbbb;
  color: #8c8c8c;
}
.widget_calendar td#prev {
  padding-left: 15px;
  text-align: left;
}
.widget_calendar td#next {
  padding-right: 15px;
  text-align: right;
}
/* 
    flickr widget 
*/
.widget.flickr-feed {
  overflow: hidden;
}
.flickr_badge_image a {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 5px 0px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
.flickr_badge_image a:hover {
  background-color: #1f222b;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #000000;
}
.flickr_badge_image img {
  height: 52px;
  width: 52px;
  border: 1px solid #000;
}
.flickr_badge_image:nth-of-type(3n) a {
  margin-right: 0;
}
.flickr_badge_image:nth-child(1n) img {
  height: 56px;
  width: 56px;
}
/* 
    Twitter widget 
*/
.twitter_widget li {
  background: transparent url('assets/images/bubble.png') no-repeat 0px 3px;
  padding-left: 30px;
}
.twitter_widget em {
  display: block;
  font-size: 11px;
  font-style: italic;
}
.follow {
  margin-top: 10px;
}
.follow a {
  background-color: #2d323f;
  border: 1px solid #1f222b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 10px;
  margin-left: 30px;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s;
}
.follow a:hover {
  background-color: #262a35;
}
/*-------------------------------------------------------
    11.0 - Gallery Template
-------------------------------------------------------*/
.gallery dl.gallery-item {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 9px 9px 4px 9px;
  -webkit-transition: background-color ease-in-out 0.3s;
  -moz-transition: background-color ease-in-out 0.3s;
  -o-transition: background-color ease-in-out 0.3s;
  transition: background-color ease-in-out 0.3s;
}
.gallery dl.gallery-item:hover {
  background-color: #1f222b;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #000000;
}
.gallery dl.gallery-item {
  display: inline-block;
}
.gallery dl.gallery-item .gallery-caption {
  margin-bottom: 0;
}
/*-------------------------------------------------------
    12.0 - Shortcodes
-------------------------------------------------------*/
a.button {
  background: #2d323f;
  background: -moz-linear-gradient(90deg, #181c23, #242933);
  background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #181c23), color-stop(1, #242933));
  border: 1px solid #1f222b;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #ededed;
  font-size: 13px;
  padding: 9px 13px;
  white-space: nowrap;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
a.button:hover {
  background: #1f222b;
}
a.button:active {
  position: relative;
  top: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.05) inset;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.05) inset;
  -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 1px rgba(255, 255, 255, 0.05) inset;
}
img.frame {
  background-color: #262a35;
  background-color: rgba(0, 0, 0, 0.35);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 9px;
}
img.frame.right {
  float: right;
  margin: 15px 0 15px 15px;
}
img.frame.left {
  float: left;
  margin: 15px 15px 15px 0;
}
.toggle {
  border: 1px solid #1f222b;
  margin-bottom: 2px;
}
.toggle h3 {
  background: #2d323f url('assets/images/toggle_bg.png') no-repeat 5px 2px;
  padding: 2px 0px 2px 30px;
  cursor: pointer;
}
.toggle h3.active_toggle {
  background-color: #262a35;
  background-position: 5px -19px;
}
.toggle_content {
  background-color: #2d323f;
  padding: 10px 20px;
}
.tabs_nav {
  margin-top: 5px;
  margin-bottom: 0;
}
.tabs_nav li {
  background-image: none;
  display: inline;
  margin-right: 3px;
  padding-left: 0;
}
.tabs_nav a {
  background-color: #262a35;
  color: #ededed;
  font-family: 'Droid Serif', Georgia, serif;
  font-size: 1em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: .8px;
  padding: 4px 8px 3px;
  border: 1px solid #1f222b;
  border-bottom: none;
}
.tabs_nav a.current_tab {
  background-color: #2d323f;
  border-bottom: 1px solid #2d323f;
}
.tab_content_wrap {
  border: 1px solid #1f222b;
  background-color: #2d323f;
  padding: 10px 20px;
}
/*-------------------------------------------------------
    13.0 - IE Fixes
-------------------------------------------------------*/
/* IE Specific Fixes */
/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.
*/
/* IE 8 */
html.ie8 .attachment-front-page-landscape,
html.ie8 .attachment-front-page-square,
html.ie8 .fiero_gallery img,
html.ie8 .attachment-project-default,
html.ie8 .author_image,
html.ie8 .attachment-post-thumbnail,
html.ie8 .comments .avatar,
html.ie8 .flickr_badge_image a,
html.ie8 .gallery dl img,
html.ie8 img.frame {
  border: 1px solid #1f222b;
}
html.ie8 img.frame {
  display: inline-block;
}
html.ie8 .front_overlay:hover {
  background-image: url('assets/images/ie_overlay.png');
  background-repeat: repeat;
}
/* IE 7 */
html.ie7 .attachment-front-page-landscape,
html.ie7 .attachment-front-page-square,
html.ie7 .fiero_gallery img,
html.ie7 .attachment-project-default,
html.ie7 .author_image,
html.ie7 .attachment-post-thumbnail,
html.ie7 .comments .avatar,
html.ie7 .flickr_badge_image a,
html.ie7 .gallery dl img,
html.ie7 img.frame {
  border: 1px solid #1f222b;
}
html.ie7 .portfolio_feature {
  margin-bottom: 40px;
}
html.ie7 .nav ul.sub-menu {
  top: 30px;
}
html.ie7 .fiero_gallery .col {
  margin-bottom: 40px;
}
html.ie7 .commentform p {
  position: relative;
}
html.ie7 .commentform label {
  position: absolute;
  left: 260px;
  top: 7px;
}
html.ie7 .comments .comment-body {
  padding-left: 20px;
  width: 370px;
}
html.ie7 .commentlist .children .comment-body {
  width: 350px;
}
html.ie7 .commentlist .children .children .comment-body {
  width: 330px;
}
html.ie7 .commentlist .children .children .children .comment-body {
  width: 310px;
}
/*
To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }

To target the .post_content area in IE9, use:
html.ie9 .post_content { ... }

*/