/*

Theme Name: Noisy
Theme URI: http://demo.brutaldesign.com/noisy
Description: Responsive Wordpress Theme for Creatives.
Version: 2.2.5
Author: Brutal Design
Author URI: http://themes.brutaldesign.com
Tags: post-formats, theme-options, full-width-template, translation-ready

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

	  1. WP default Styles
	  2. Document Setup 
	  3. Header
	  4. Footer
	  5. Navigation
	  6. Post
	  7. Portfolio
	  8. Gallery/Album
	  9. Video gallery
	10. Widgets
	11. Form
	12. Flexslider
	13. Fancybox
	14. Media Queries
	15. IE Fixes

-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  Reset
/*-----------------------------------------------------------------------------------*/
/* Do not modify the section below unless you know what you are doing */
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, article.post ul, article.page ul, 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%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

:focus {
  outline: 0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

del {
  text-shadow: none!important;
}

/* 
Credit below for the compass plugin : cross-browser compatible RGBA support 
https://github.com/aaronrussell/compass-rgbapng
*/
/*
  Mixins are slightly modified from Benjamin Doherty's first implementations: http://gist.github.com/377912
  rgba-background mixin can now be passed an option $dir variable
*/
/*-----------------------------------------------------------------------------------*/
/*  1. WP Default Styles
/*-----------------------------------------------------------------------------------*/
.bypostauthor {
  font-weight: normal;
}

.gallery-caption {
  font-weight: normal;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
}

.alignleft, .wp-caption.alignleft {
  float: left;
  margin: 10px 15px 0 0;
}

.alignright, .wp-caption.alignright {
  float: right;
  margin: 10px 0 0 15px;
}

.wp-caption {
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.wp-caption .wp-caption-text {
  margin: 0!important;
  padding: 0!important;
}

.wp-smiley {
  max-height: 13px;
  margin: 0 !important;
}

.sticky {
  font-weight: normal;
}

/*-----------------------------------------------------------------------------------*/
/*  2. Document Setup
/*-----------------------------------------------------------------------------------*/
/* Album title font (script style)
----------------------------------------*/
@font-face {
  font-family: 'AngelinaRegular';
  src: url("css/fonts/angelina-webfont.eot");
  src: url("css/fonts/angelina-webfont.eot?#iefix") format("embedded-opentype"), url("css/fonts/angelina-webfont.woff") format("woff"), url("css/fonts/angelina-webfont.ttf") format("truetype"), url("css/fonts/angelina-webfont.svg#AngelinaRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Standards
-------------------------*/
body {
  overflow-x: hidden;
  margin-top: 0!important;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  word-break: break-word;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  line-height: 0;
  width: 100%;
}

.clearfix:before,
.clearfix:after,
.wrap:before,
.wrap:after,
hr:before,
hr:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.wrap:after,
hr:after {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.hide {
  display: none;
}

.alpha {
  margin-left: 0!important;
}

.omega {
  margin-right: 0!important;
}

strike {
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -o-box-shadow: none!important;
}

/* Typography
---------------------------------------*/
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 1.5em;
}

p {
  margin-bottom: 1em;
  line-height: 1.5;
}

h1 {
  font-size: 2em;
  margin-bottom: 0.67em;
}

h2 {
  font-size: 1.5em;
  margin-bottom: 0.83em;
}

h3, .bigtweet {
  font-size: 1.17em;
  margin-bottom: 1em;
}

h4 {
  font-size: 1em;
  margin-bottom: 1.33em;
}

h5 {
  font-size: 0.83em;
  margin-bottom: 1.67em;
}

h6 {
  font-size: 0.75em;
  margin-bottom: 2.33em;
}

.widget {
  font-size: 85%;
}

footer#colophon h2, footer#colophon h3, footer#colophon h4, footer#colophon h5 {
  color: #e6e6e6;
}

h1, h2, h3, h4, h5 {
  color: #333;
}

/* General
-------------------------*/
body {
  background: white;
  color: #333333;
  text-shadow: 1px 1px white;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  line-height: 0;
  width: 100%;
}

.largewidth:before,
.largewidth:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.largewidth:after {
  clear: both;
}

a {
  text-decoration: none;
}

/* Font accent color
---------------------------------------*/
a, a:visited, span.themecolor, #primary-menu .current_page_item a,
#primary-menu a:hover, .default-menu a:hover, .default-menu .current_page_item a,
#primary-menu ul.sub-menu a:hover, #responsive-menu a:focus, table a {
  color: #ff6316;
}

.entry-title a {
  color: #333!important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.entry-title a:hover {
  color: #ff6316 !important;
}

table a, table a:hover {
  color: #ff6316 !important;
}

/* Link hover effect
---------------------------------------*/
a, a > img {
  text-shadow: none;
}

a:hover {
  color: #af3a00;
}

/* Containers
---------------------------------------*/
.wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
}

.largewidth {
  width: 95%;
  margin: 0 auto;
}

#main-content {
  margin: 40px auto 60px;
}

#main {
  position: relative;
  min-height: 600px;
}

#main img {
  max-width: 100%;
  height: auto;
}

#primary {
  float: left;
  margin-right: 3.8%;
  width: 65.4%;
}
#primary img {
  max-width: 745px;
}

#secondary {
  width: 30.8%;
  float: right;
}

hr {
  border: none!important;
  margin: 1.84em auto;
  width: 100%;
  height: 3px;
  background: url("images/separator.png") repeat-x top center;
}

#secondary hr:last-child, .post hr:last-child {
  display: none;
}

/* Heading text shadow
---------------------------------------*/
h1, h1.entry-title {
  text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;
}

.entry-title {
  text-shadow: 1px 1px white;
}

/* Blockquote
---------------------------------------*/
blockquote {
  font-style: italic!important;
  margin-top: 15px;
  margin-bottom: 18px;
  padding-left: 65px!important;
  color: black;
  margin-left: 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
  background: url("images/big_quote.png") 0 0 no-repeat;
}
blockquote small, blockquote span.cite {
  font-size: 75%;
}
blockquote small a, blockquote small a:hover, blockquote span.cite a, blockquote span.cite a:hover {
  color: #333333 !important;
}
blockquote small:before, blockquote small:before, blockquote span.cite:before, blockquote span.cite:before {
  content: '\2014 \00A0';
}

/* Dropcap
---------------------------------------*/
span.dropcap, span.dropcap-bg {
  font-size: 340%;
  line-height: 0.9em;
  float: left;
}

span.dropcap {
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 0;
}

span.dropcap-bg {
  line-height: 0.7em;
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 8px;
  display: inline-block;
  padding: 8px 10px;
  text-shadow: none;
  color: #333333 !important;
  background-color: #ff6316;
}

/* Tag Cloud
---------------------------------------*/
.tagcloud {
  padding-top: 10px;
}

/* Image hover
---------------------------------------*/
.zoom {
  display: block;
  background: url("images/zoom.png") no-repeat center center;
  -moz-transition: none!important;
  -webkit-transition: 0!important;
  -o-transition: 0!important;
  transition: 0!important;
}

/* Twitter: "about x days ago" & smooth caption (date etc...)
---------------------------------------*/
.tweet_time a, .time, .comment-count, .comment-time, .smooth {
  color: #666666 !important;
  font-size: 85%;
}

/* Image shadow effect
---------------------------------------*/
img.shadow {
  -webkit-box-shadow: 3px 3px 5px #666666;
  -moz-box-shadow: 3px 3px 5px #666666;
  box-shadow: 3px 3px 5px #666666;
}

/* Frame border
---------------------------------------*/
.frame,
.avatar,
.comment-author-admin .children .avatar,
.widget-thumbnails-list img, .dribbble-shots {
  padding: 4px;
  -webkit-box-shadow: 0 0 0 1px #cccccc;
  -moz-box-shadow: 0 0 0 1px #cccccc;
  box-shadow: 0 0 0 1px #cccccc;
}

/* Last Posts
---------------------------------------*/
.home-module-entry ul, .home-module-entry li {
  list-style-type: none!important;
  margin: 0!important;
  border-bottom: 1px dashed #fcfcfc;
  border-top: 1px dashed #dbdbdb;
}
.home-module-entry ul:first-child, .home-module-entry li:first-child {
  border-top: none;
}
.home-module-entry ul:last-child, .home-module-entry li:last-child {
  border-bottom: none;
}
.home-module-entry ul .entry-link, .home-module-entry li .entry-link {
  display: block!important;
  width: 100%;
  height: auto!important;
  margin-bottom: 0!important;
  margin-top: 0!important;
  padding: 15px 0;
}
.home-module-entry ul a:hover h2.entry-title, .home-module-entry li a:hover h2.entry-title {
  padding-left: 20px;
}
.home-module-entry ul a:hover span.comment-bubble, .home-module-entry li a:hover span.comment-bubble {
  background-image: url("images/comment_hover.png");
}
.home-module-entry ul h2.entry-title, .home-module-entry li h2.entry-title {
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
  max-width: 80%;
  position: relative;
  display: inline-block;
  float: left;
}
.home-module-entry ul h3, .home-module-entry li h3 {
  margin: 0;
  padding: 0!important;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 70%;
  color: #999999;
  display: block;
  text-align: right;
  position: relative;
  padding-right: 50px;
  top: -2px;
  text-transform: uppercase;
}
.home-module-entry ul span.comment-bubble, .home-module-entry li span.comment-bubble {
  display: block;
  text-align: right;
  float: right;
  margin-left: 15px;
  line-height: 42px;
  height: 48px;
  width: 48px;
  position: relative;
  top: -7px;
  text-align: center;
  color: white;
  font-weight: bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: url("images/comment.png") center right no-repeat;
  background-size: 48px 48px;
}

/* Big tweet
---------------------------------------*/
.bigtweet {
  margin: 10px 0 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
  min-height: 130px;
  display: table;
  width: 100%;
}
.bigtweet .bigtweet-bird {
  display: table-cell;
  text-align: left;
  width: 130px;
  height: 130px;
  background: url("images/twitterbird.png") no-repeat left center;
  background-size: 130px 130px;
}
.bigtweet .bigtweet-content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  width: auto;
}
.bigtweet .bigtweet-content span.tweet_text {
  line-height: 140%;
}
.bigtweet .bigtweet-content span.tweet_time_big {
  font-size: 70%;
  margin-top: 18px;
}

.wolf-bigtweet-content {
  margin: 10px 0 30px;
  font-family: Georgia, "Times New Roman", Times, serif;
  min-height: 130px;
  display: table;
  width: 90%;
  position: relative;
  padding-left: 30px;
  font-size: 1em;
}
.wolf-bigtweet-content span.wolf-tweet-text {
  display: block;
  padding-left: 135px;
  margin-left: 0;
  font-style: normal;
  line-height: 140%;
}
.wolf-bigtweet-content .wolf-tweet-time_big {
  display: block;
  margin-left: 135px;
  margin-top: -20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wolf-bigtweet-content:before {
  content: " ";
  background: url("images/twitterbird.png") no-repeat left center;
  display: table-cell;
  background-size: 130px 130px;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
}

/* Error404
---------------------------------------*/
.error404 h1 {
  font-size: 380%;
  line-height: 1em;
}
.error404 h1 span {
  font-size: 320%;
  line-height: 1em;
}

/* Text Slection
---------------------------------------*/
::-moz-selection {
  background: #ff6316;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ff6316;
  color: #fff;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: #ff6316;
}

/* code & pre
---------------------------------------*/
code, pre {
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 14px!important;
  text-shadow: none;
  color: #0d0d0d;
  background-color: #ffffff;
  text-align: left;
}

code {
  padding: 0 5px;
  line-height: 20px;
  vertical-align: middle;
}

pre {
  background-color: #ffffff;
  line-height: 18px;
  border: 1px dashed #ff6316;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  padding: 5px;
  max-width: 99%;
  white-space: pre;
  margin-bottom: 15px;
}

/* Back to the top link
---------------------------------------*/
a#top-arrow {
  display: none;
  width: 40px;
  height: 40px;
  background: url("images/top_arrow.png");
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
}

/* Top anchor */
#top {
  position: absolute;
  top: 0;
}

/* Tables
-----------------*/
table {
  width: 100%;
  background: #fff;
  text-shadow: none;
}

table a:hover {
  background: none!important;
}

table th, table td {
  padding: 10px;
  line-height: 18px;
  text-align: left;
}

table #prev {
  text-align: left;
}

table #next {
  text-align: right;
}

table caption {
  background-color: #303133;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #303133), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#303133, #000000);
  background-image: -moz-linear-gradient(#303133, #000000);
  background-image: -o-linear-gradient(#303133, #000000);
  background-image: linear-gradient(#303133, #000000);
  -webkit-box-shadow: 0 -1px -1px 1px #444548, inset 0 -1px -1px 1px #242426;
  -moz-box-shadow: 0 -1px -1px 1px #444548, inset 0 -1px -1px 1px #242426;
  box-shadow: 0 -1px -1px 1px #444548, inset 0 -1px -1px 1px #242426;
  padding: 5px 8px;
  font-weight: bold;
  color: #fff!important;
}

table th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid white;
  color: black;
}

table td {
  vertical-align: top;
  color: #000;
  text-align: center;
}

table th + th, table td + td {
  border-left: 1px solid #fafafa;
}

table tr + tr td {
  border-top: 1px solid #e8e8e8;
}

table tr + tr td {
  border-bottom: 1px solid whitesmoke;
}

tbody tr:nth-child(odd) td {
  background-color: #e6e6e6;
}

/* Shortcode fixes (the font size in this theme is big!)
---------------------------------------*/
.bd-notif {
  font-size: 18px;
}

/*-----------------------------------------------------------------------------------*/
/*  3. Header
/*-----------------------------------------------------------------------------------*/
header#masthead {
  background: #fff repeat-x top;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

span#header-holder {
  position: absolute;
  bottom: -13px;
  background: url("images/header-holder.png") repeat-x bottom;
  height: 13px;
  width: 100%;
  z-index: 999;
}

body.opera span#header-holder {
  display: none !important;
}

/* Topbar
---------------------------------------*/
#topbar {
  position: relative;
  background: #0d0d0d;
  height: auto;
  width: 100%;
  font-size: 70%;
  padding: 5px 0 0;
  margin: 0;
  text-align: right;
  color: #ff6316;
  text-shadow: none!important;
}

span#topbar-holder {
  position: absolute;
  left: 0;
  bottom: -5px;
  background: url("images/topbar-holder.png") repeat-x bottom;
  height: 5px;
  width: 100%;
  z-index: 1;
}

#hello {
  float: left;
  font-size: 85%;
}
#hello a {
  text-decoration: underline;
}

#top-social-icons-container {
  float: right;
  margin-top: 3px;
}
#top-social-icons-container .social-icons {
  display: block;
}
#top-social-icons-container .social-icons a img {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  display: block;
}

/* Logo
---------------------------------------*/
#logo-container {
  float: left;
  margin-top: 15px;
  width: auto;
}
#logo-container img {
  max-width: 100%;
}

/* Home page header
---------------------------------------*/
#feature-container {
  margin-top: 0px;
  border-bottom: 3px #ff6316 solid;
  border-top: none;
  display: block;
  position: relative;
}
#feature-container ul {
  margin-left: 0;
  list-style-type: none;
}

#videoblock-container {
  width: 100%;
  height: auto;
  text-align: center;
}

#videoblock-container {
  padding: 32px 0 30px;
}

#fixheader-container {
  padding: 0;
  height: auto;
  text-align: center;
}
#fixheader-container img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

#videoblock-container {
  z-index: 0;
  width: 100%;
}
#videoblock-container iframe, #videoblock-container object, #videoblock-container embed {
  z-index: 0;
  width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*  4. Footer
/*-----------------------------------------------------------------------------------*/
footer#colophon {
  padding: 50px 0 0;
  background: black url("images/footer.jpg") no-repeat center top;
  text-shadow: none;
  color: #e6e6e6;
  border-top: 2px #ff6316 solid;
}
footer#colophon h1, footer#colophon h2, footer#colophon h3, footer#colophon h4, footer#colophon h5, footer#colophon h6 {
  text-shadow: none;
}
footer#colophon .frame,
footer#colophon .avatar,
footer#colophon .comment-author-admin .children .avatar,
footer#colophon .widget-thumbnails-list img {
  -webkit-box-shadow: 1px 1px 8px 1px black;
  -moz-box-shadow: 1px 1px 8px 1px black;
  box-shadow: 1px 1px 8px 1px black;
  outline: none;
  padding: 0;
}
footer#colophon .widget {
  display: inline;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
footer#colophon .widget:first-child {
  margin-left: 0;
}
footer#colophon .widget:last-child {
  margin-right: 0;
}
footer#colophon .widget {
  width: 32%;
}

/* Copyright
---------------------------------------*/
.site-info {
  background: #000;
  color: #333;
  text-shadow: none!important;
  font-size: 80%;
  padding: 8px 0 5px;
  margin-top: 40px;
}
.site-info a {
  color: #333!important;
}

/*-----------------------------------------------------------------------------------*/
/*  5. Navigation
/*-----------------------------------------------------------------------------------*/
/* Main Menu
---------------------------------------*/
#primary-menu-container {
  padding: 38px 0 0;
  float: right;
  text-align: left;
  margin-top: 0px;
}

#primary-menu a, #primary-menu a.active, .default-menu a, .default-menu a.active {
  display: block;
  padding: 0;
  text-decoration: none;
  color: #333333;
  opacity: 1 !important;
}
#primary-menu a:hover, #primary-menu a.active, .default-menu a:hover, .default-menu a.active {
  color: #ff6316 !important;
}
#primary-menu ul, #primary-menu ul ul, .default-menu ul, .default-menu ul ul {
  margin-left: 0;
  margin-top: 0;
  list-style-type: none;
}
#primary-menu li, .default-menu li {
  margin-left: 30px;
  float: left;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
#primary-menu .current_page_item a, .default-menu .current_page_item a {
  color: #ff6316 !important;
}

#primary-menu a {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#primary-menu ul {
  position: absolute;
  display: none;
  width: 185px;
  top: 30px;
  left: -10px;
  z-index: 9999!important;
  text-shadow: none;
  line-height: 35px;
}
#primary-menu ul ul {
  top: auto;
}
#primary-menu li ul {
  padding-top: 7px;
}
#primary-menu li ul:last-child {
  border: none!important;
}
#primary-menu li ul a {
  background-color: #333;
  border-top: #404040 1px dotted;
  width: 170px;
  height: 38px;
  line-height: 38px;
  float: left;
  padding-left: 15px;
  color: #fff!important;
  /* Menu link background on hover */
}
#primary-menu li ul a:hover {
  background-color: #1f1f1f;
  color: #ff6316 !important;
}
#primary-menu li ul ul {
  left: 185px;
  padding: 0;
  margin: 0;
}

#primary-menu ul.sub-menu, #primary-menu ul.sub-menu ul {
  font-weight: normal;
}

#primary-menu ul.sub-menu li {
  margin-left: 0!important;
}

#primary-menu li:hover ul ul,
#primary-menu li:hover ul ul ul,
#primary-menu li:hover ul ul ul ul {
  display: none;
}

#primary-menu li:hover ul,
#primary-menu li li:hover ul,
#primary-menu li li li:hover ul,
#primary-menu li li li li:hover ul {
  display: block;
}

/* Mobile Menu
---------------------------------------*/
#tablet-menu-container {
  padding: 30px 0 0;
  float: right;
  text-align: left;
}
#tablet-menu-container ul li {
  float: left;
  margin-right: 20px;
}
#tablet-menu-container ul li a {
  text-decoration: none;
  line-height: 1.5em;
  color: #333333;
}

/*-----------------------------------------------------------------------------------*/
/*  6. Post
/*-----------------------------------------------------------------------------------*/
/* Meta
----------------------------------------*/
.icons-sprite, span.icon-comment, span.icon-date, span.icon-author, span.icon-category, span.icon-tags, span.icon-link, body.dark span.icon-comment, body.dark span.icon-date, body.dark span.icon-author, body.dark span.icon-category, body.dark span.icon-tags, body.dark span.icon-link {
  background: url('images/icons-s14425a6f72.png') no-repeat;
}

/*@include all-icons-sprites;*/
span.icons, span.icon-comment, span.icon-date, span.icon-author, span.icon-category, span.icon-tags, span.icon-link, body.dark span.icon-comment, body.dark span.icon-date, body.dark span.icon-author, body.dark span.icon-category, body.dark span.icon-tags, body.dark span.icon-link {
  display: inline-block;
  margin: 0 6px 0 0;
  vertical-align: middle;
}

span.icon-comment {
  background-position: 0 -160px;
  height: 20px;
  width: 20px;
}

span.icon-date {
  background-position: 0 -64px;
  height: 20px;
  width: 20px;
}

span.icon-author {
  background-position: 0 -200px;
  height: 24px;
  width: 24px;
}

span.icon-category {
  background-position: 0 -224px;
  height: 16px;
  width: 16px;
}

span.icon-tags {
  background-position: 0 -124px;
  height: 16px;
  width: 16px;
}

span.icon-link {
  background-position: 0 0;
  height: 24px;
  width: 24px;
}

span.blog-link {
  margin-right: 10px;
  font-size: 80%;
}

.entry-meta a {
  color: #333333 !important;
}
.entry-meta a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

a.preview {
  display: block;
  padding-bottom: 0!important;
  height: auto!important;
}

.preview img {
  max-width: 745px;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.entry-title {
  margin-bottom: 0.67em;
}

.post-nav {
  font-size: 90%;
  margin-bottom: 20px;
}

.big-image-header {
  position: relative;
  z-index: 0;
}
.big-image-header img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

p.bd-post-image-caption {
  text-shadow: none!important;
  color: #d9d9d9 !important;
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiSAMAAG8AaYLq42UAAAAASUVORK5CYII=');
  background: rgba(0, 0, 0, 0.4);
  padding: 3px 7px;
  margin: 15px;
  z-index: 5;
  font-size: 85%;
  opacity: 1!important;
  -moz-transition: none!important;
  -webkit-transition: 0!important;
  -o-transition: 0!important;
  transition: 0!important;
}

/* Lists
----------------------------------------*/
article.post, article.page {
  margin-bottom: 30px;
}
article.post ol, article.post ul, article.post article.page ul, article.page article.post ul, article.page ol, article.page article.post ul, article.post article.page ul, article.page ul {
  margin: 1em 3em;
}
article.post ul, article.page ul {
  list-style-type: inherit;
}

article.archives ul {
  margin-left: 1.2em;
  list-style-type: inherit;
  margin-top: -15px !important;
}

/* Comments
----------------------------------------*/
.avatar {
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  width: 80px;
  height: 80px;
}

span.comment-author {
  display: block;
  width: 100%;
}

.comment-content {
  width: 100%;
  font-size: 18px;
}
.comment-content:first-child {
  margin: 0 0 15px;
}

.children .comment {
  margin-left: 8%;
}
.children .comment-info, .children .comment-content {
  width: 100%;
}
.children .children .comment {
  margin-left: 0;
}

.reply-link {
  font-size: 16px;
}

#reply-title small {
  float: right;
}

/* Feature video
--------------------------------------------*/
.featured-video {
  margin-bottom: 1em;
}

/* Embed tweet
---------------------------------------*/
.entry-summary .twitter-tweet-rendered, .entry-content .twitter-tweet-rendered {
  max-width: 100%!important;
  margin: 3px 0 1px 0 !important;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  -moz-box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.entry-summary .twitter-tweet-rendered .footer, .entry-content .twitter-tweet-rendered .footer {
  margin-top: 15px !important;
}
.entry-summary .twitter-tweet-rendered p.entry-title, .entry-summary .twitter-tweet-rendered p.entry-title a, .entry-content .twitter-tweet-rendered p.entry-title, .entry-content .twitter-tweet-rendered p.entry-title a {
  font-size: 24px!important;
  line-height: 33px !important;
}
.entry-summary .twt-border, .entry-content .twt-border {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  max-width: 100% !important;
  min-width: 100px!important;
}

.twt-o.twt-tweethentrytwt-always-show-actions.wt-pinned.twt-standard {
  max-width: 745px!important;
  width: 100%!important;
  font-size: 18px !important;
}

/* Read more button
---------------------------------------*/
.bd-share-container {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* Read more default button
---------------------------------------*/
a.smooth-btn {
  opacity: 1!important;
  -moz-transition: none!important;
  -webkit-transition: 0!important;
  -o-transition: 0!important;
  transition: 0!important;
  border: 1px solid #DDD;
  text-shadow: 0 1px 1px white;
  -webkit-box-shadow: 0 1px 1px white;
  -moz-box-shadow: 0 1px 1px white;
  box-shadow: 0 1px 1px white;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 10px;
  margin: 0 0 15px -2px;
  white-space: nowrap;
  vertical-align: middle;
  color: #666!important;
  background: transparent;
  cursor: pointer;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
a.smooth-btn:hover, a.smooth-btn:focus {
  border-color: #999;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(#ffffff, #e0e0e0);
  background-image: -moz-linear-gradient(#ffffff, #e0e0e0);
  background-image: -o-linear-gradient(#ffffff, #e0e0e0);
  background-image: linear-gradient(#ffffff, #e0e0e0);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px white;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px white;
}
a.smooth-btn:active {
  border: 1px solid #AAA;
  border-bottom-color: #CCC;
  border-top-color: #999;
  -webkit-box-shadow: inset 0 1px 2px #aaaaaa;
  -moz-box-shadow: inset 0 1px 2px #aaaaaa;
  box-shadow: inset 0 1px 2px #aaaaaa;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #dcdcdc));
  background-image: -webkit-linear-gradient(#e6e6e6, #dcdcdc);
  background-image: -moz-linear-gradient(#e6e6e6, #dcdcdc);
  background-image: -o-linear-gradient(#e6e6e6, #dcdcdc);
  background-image: linear-gradient(#e6e6e6, #dcdcdc);
}

.entry {
  float: left;
  margin-left: 1%;
  width: 66%;
}

.format-audio .side-meta .preview {
  margin-bottom: 0;
}

.side-meta {
  float: left;
  margin-right: 1%;
  width: 32%;
}
.side-meta .preview {
  position: relative;
}
.side-meta .preview, .side-meta .flexslider {
  width: 80%!important;
  margin: 0.8em 0;
}
.side-meta .solo-player {
  width: 80%!important;
}
.side-meta .solo-player .jp-progress-container {
  width: 47%!important;
}
.side-meta .featured-link {
  margin: 1em 0;
  font-size: 18px;
}
.side-meta .flexslider .flex-direction-nav, .side-meta .flexslider .flex-caption {
  display: none!important;
}
.side-meta .flexslider .flex-control-nav {
  right: 3px;
  top: -5px;
}
.side-meta .featured-quote blockquote {
  margin-left: 0;
}

/* Edit Link
---------------------------------------*/
.edit-link a {
  text-shadow: none;
  display: inline-block;
  margin: 15px 0 5px;
  padding: 2px 10px;
  font-size: 15px;
  background-color: #ff6316;
  color: #fff!important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.edit-link a {
  text-shadow: none;
  display: inline-block;
  margin: 15px 0 5px;
  padding: 2px 10px;
  background-color: #ff6316;
  color: #fff!important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* WP pagination
---------------------------------------*/
.page-numbers {
  line-height: 26px;
  position: relative;
  color: #4d4d4d !important;
  font-weight: bold;
  float: left;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  width: 26px;
  margin: 8px 5px 10px 0;
  text-align: center;
  text-shadow: none;
  text-decoration: none!important;
  border: none;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #d9d9d9;
  -moz-box-shadow: inset 0 0 0 1px #d9d9d9;
  box-shadow: inset 0 0 0 1px #d9d9d9;
  font-size: 80%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.page-numbers:hover {
  color: #000!important;
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 0 0 0 1px #b3b3b3;
  -moz-box-shadow: inset 0 0 0 1px #b3b3b3;
  box-shadow: inset 0 0 0 1px #b3b3b3;
}

.page-numbers.current {
  color: #fff!important;
  background-color: #333333;
}

.page-numbers.dots {
  opacity: 1!important;
  background: none;
}

.bd-share-container.vertical .bd-share-facebook {
  margin-bottom: 8px;
}

.bd-share-container.horizontal .bd-share-facebook {
  margin-top: -5px;
}

/* Single post
--------------------------------------------*/
.single-post header.entry-header {
  text-align: center;
}
.single-post header.entry-header img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.single-post .entry-meta {
  margin: 0 0 1em;
  line-height: 1.5;
}
.single-post .side-col {
  width: 15%;
  float: left;
  margin: 0 1%;
}
.single-post .entry-content {
  width: 66%;
  margin: 0 1%;
  float: left;
}
.single-post span.comment-bubble {
  margin: 0 auto;
  text-shadow: none!important;
  display: block;
  text-align: center;
  float: none;
  line-height: 42px;
  height: 48px;
  width: 48px;
  position: relative;
  top: 0px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 70%;
  color: #999999;
  color: white;
  font-weight: bold;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: url("images/comment.png") center right no-repeat;
  background-size: 48px 48px;
}
.single-post span.comment-bubble:hover {
  background-image: url("images/comment_hover.png");
}
.single-post .featured-quote blockquote {
  font-size: 110%;
  text-align: left;
}
.single-post .bd-share-facebook, .single-post .bd-share-twitter, .single-post .bd-share-google, .single-post .bd-share-pinterest {
  width: 100%;
  float: none;
}

/*-----------------------------------------------------------------------------------*/
/*  7. Portfolio
/*-----------------------------------------------------------------------------------*/
/* Loader
---------------------------------------*/
#gallery-loader {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("images/gallery-loader.gif") no-repeat center center;
  overflow: hidden!important;
}

/* Portfolio Filter
---------------------------------------*/
#filter-container {
  width: 100%;
  padding: 13px 0 10px;
  background: #0d0d0d;
  height: auto;
  position: relative;
}

#filter {
  margin-top: 0px;
  font-size: 80%;
}
#filter li {
  float: left;
  padding: 0 10px 0 15px;
  background: url("images/filter-separator.gif") left no-repeat;
}
#filter li:first-child {
  background: none!important;
  padding: 0 10px 0 10px;
}
#filter li a {
  text-shadow: none;
  color: #e6e6e6;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline;
  padding: 1px 5px;
}
#filter li a:hover, #filter li a.active {
  color: #ff6316;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#portfolio-grid {
  min-height: 600px;
  width: 100%;
  opacity: 0;
}

#bd-instagram {
  opacity: 0;
}

.portfolio-item {
  float: left;
  position: relative;
  width: 0px;
  height: auto;
}

.portfolio-item img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

#portfolio-grid .entry-link, #home-portfolio-grid .entry-link {
  display: block;
  text-shadow: none!important;
  color: #a6a6a6 !important;
  text-shadow: none!important;
  text-align: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNi2A8AAMgAwofTZKcAAAAASUVORK5CYII=');
  background: rgba(0, 0, 0, 0.75);
}

.overlay-inner {
  display: table;
  position: absolute;
  padding: 0 1%;
  width: 98%;
  height: 100%;
}

.overlay-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 90%;
}

.overlay .entry-title {
  color: #fff!important;
  text-shadow: none!important;
  margin-bottom: 0;
}

/* Single portfolio layout
---------------------------------------*/
#portfolio-sidebar {
  background: #fff;
  width: 20%;
  height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
  font-size: 90%;
}
#portfolio-sidebar .inner {
  padding: 20px;
}
#portfolio-sidebar h1.entry-title {
  margin-bottom: 0.4em;
}

#single-portfolio-container {
  width: 100%;
  max-width: 2200px;
  position: relative;
}
#single-portfolio-container .inner {
  padding: 20px;
}

#single-portfolio-content {
  margin-left: 20%;
  width: 80%;
  max-width: 1920px;
  min-height: 500px;
}
#single-portfolio-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*-----------------------------------------------------------------------------------*/
/*  8. Gallery/Albums
/*-----------------------------------------------------------------------------------*/
#albums-grid {
  margin-top: 30px;
  margin-bottom: 30px;
  opacity: 0;
}

.album-item-container {
  position: relative;
  margin: 0;
  width: 0px;
  float: left;
  height: auto;
  margin-bottom: 10px;
  margin-top: 10px;
}

.album-item {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  -moz-box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  width: 90%;
  height: 95%;
  margin-left: 5%;
}

#albums-grid .entry-link, #home-albums-grid .entry-link {
  display: block;
  text-shadow: none!important;
  color: #a6a6a6 !important;
  text-shadow: none!important;
  text-align: center;
  color: #333333 !important;
}

.album-thumb {
  width: 100%;
  position: relative;
}

.album-thumb img {
  width: 88%;
  height: auto;
  margin: 6% auto;
  margin-bottom: 12%;
  -webkit-box-shadow: 0 0 0 1px #cccccc;
  -moz-box-shadow: 0 0 0 1px #cccccc;
  box-shadow: 0 0 0 1px #cccccc;
}

.album-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8%;
  line-height: 0px;
  font-family: 'AngelinaRegular';
  font-size: 26px;
  font-weight: bold;
}

span.album-overlay {
  position: absolute;
  width: 99%;
  height: 100%;
  display: block;
  background: url("images/album-overlay.png") top right no-repeat;
  background-size: cover;
}

#gallery-container {
  opacity: 0;
}

#gallery {
  min-height: 800px;
  width: auto;
}

.photo-item {
  margin: 0;
  float: left;
  height: auto;
  width: 0px;
}

.photo-item a {
  display: block;
}

.photo-item img {
  width: 100%!important;
  height: auto;
  vertical-align: middle;
}

/*-----------------------------------------------------------------------------------*/
/*  9. Video Gallery
/*-----------------------------------------------------------------------------------*/
#video-gallery-grid {
  opacity: 0;
}

.video-item {
  float: left;
  position: relative;
  width: 0px;
  height: auto;
}

.video-item img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

#video-gallery-grid .entry-link, #home-video-gallery-grid .entry-link {
  display: block;
  text-align: center;
}

span.play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("images/play.png") center center no-repeat;
}

/* Isotope styles for galleries and portfolio
---------------------------------------*/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Home page modules
---------------------------------------*/
#home-portfolio-grid .portfolio-item,
#home-video-gallery-grid .video-item {
  -webkit-box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  -moz-box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
  box-shadow: inset 0 0 0 1px #c4c4c4, 1px 1px 5px #cccccc;
}

#home-portfolio-grid .portfolio-item,
#home-albums-grid .album-item-container,
#home-video-gallery-grid .video-item {
  margin-top: 15px;
  margin-bottom: 10px;
}

#home-albums-grid .album-item {
  width: 100%;
  margin-left: 0;
}

#home-video-gallery-grid .video-item {
  width: 22%!important;
  margin: 0 1.5%;
}

#home-portfolio-grid .portfolio-item, #home-video-gallery-grid .video-item,
#home-albums-grid .album-item-container {
  width: 48%!important;
  margin: 0 1% 12px;
  margin-top: 12px;
}

#home-albums-grid .album-item-container .album-title {
  font-size: 32px;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Widgets
/*-----------------------------------------------------------------------------------*/
.widget-row .widget {
  display: inline;
  float: left;
  margin: 0 1%;
}
.widget-row .widget:first-child {
  margin-left: 0;
}
.widget-row .widget:last-child {
  margin-right: 0;
}
.widget-row .widget {
  width: 32%;
}

.widget {
  margin-bottom: 30px;
}
.widget ul {
  list-style-type: inherit;
  margin: 1em 1.5em;
}

.widget_calendar table {
  margin-top: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 80%;
}

.widget-thumbnails-list {
  margin-top: 15px;
}
.widget-thumbnails-list article {
  margin-bottom: 5px;
}
.widget-thumbnails-list .widget-thumb-link img {
  width: 80px;
  height: 80px;
  margin: 2px 10px 10px 0;
  float: left;
}

footer#colophon .widget-thumbnails-list .entry-title a {
  color: #e6e6e6 !important;
}

h3.widgettitle {
  margin-bottom: 0;
}

/* Twitter Widget*/
.widget ul.tweet_list {
  margin: 0!important;
}

.twitter-widget ul {
  list-style-type: none!important;
}

.twitter-widget ul li {
  margin: 0 0 15px;
  padding: 0 0 0 27px;
  background: url("images/quote.png") no-repeat left;
}

.tweet_time a {
  display: inline-block;
  width: 100%;
  border: none!important;
  text-decoration: none!important;
  font-size: 85%;
}

/* Flickr & Dribbble Widgets */
.widget ul.flickr-list, .widget ul.dribbble-list {
  margin: 15px 0 0 0;
  list-style-type: none !important;
}

.widget ul.flickr-list li, .widget ul.dribbble-list li {
  float: left;
  margin: 0 1% 10px;
  width: 23%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.widget ul.flickr-list li:hover, .widget ul.dribbble-list li:hover {
  -webkit-box-shadow: 0 0 3px 1px gray;
  -moz-box-shadow: 0 0 3px 1px gray;
  box-shadow: 0 0 3px 1px gray;
}
.widget ul.flickr-list li img, .widget ul.dribbble-list li img {
  width: 100%;
  height: auto;
  opacity: 1!important;
  display: block;
}

footer#colophon .widget ul.flickr-list li,
footer#colophon .widget ul.dribbble-list li {
  -webkit-box-shadow: 1px 1px 8px 1px black;
  -moz-box-shadow: 1px 1px 8px 1px black;
  box-shadow: 1px 1px 8px 1px black;
}

/* Dribbble Slideshow */
.dribbble-container {
  margin: 15px 0 0 0;
}

.dribbble-shot {
  width: 98%!important;
}
.dribbble-shot a {
  display: block;
}

.dribbble-shot-fluid-fix {
  position: relative !important;
  display: block !important;
  height: auto !important;
}

.dribbble-shot img {
  vertical-align: bottom;
  width: 100%;
}

.dribbble-shot a img {
  opacity: 1!important;
}

article.widget_reaction strong a {
  opacity: 1!important;
  color: #000!important;
  font-weight: normal;
  text-decoration: none;
}

/* Nav Widget */
.widget_nav_menu #primary-menu ul.sub-menu {
  margin-left: 20px;
  margin-top: 0;
}

/* Widget typo */
.widget {
  line-height: 1.3em;
  font-size: 85%;
}

.widget_network p,
.widget_video p, article.widget_reaction {
  font-size: 90%;
  line-height: 1.3em;
}

.widget_network p,
.widget_video p {
  margin-top: 1em;
}

body .widget ul.bd-instagram-list {
  margin: 15px 0 0 0;
  list-style-type: none!important;
}
body .widget ul.bd-instagram-list li {
  float: left;
  margin: 0 1% 10px;
  width: 23%;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
body .widget ul.bd-instagram-list li img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1 !important;
}
body .widget ul.bd-instagram-list li:hover {
  -moz-box-shadow: 0 0 3px 1px gray!important;
  -webkit-box-shadow: 0 0 3px 1px gray!important;
  -o-box-shadow: 0 0 3px 1px gray!important;
  box-shadow: 0 0 3px 1px gray!important;
}
body footer#colophon .widget ul.bd-instagram-list li {
  -moz-box-shadow: 1px 1px 8px 1px black!important;
  -webkit-box-shadow: 1px 1px 8px 1px black!important;
  -o-box-shadow: 1px 1px 8px 1px black!important;
  box-shadow: 1px 1px 8px 1px black!important;
}

/*-----------------------------------------------------------------------------------*/
/*  Tabs
/*-----------------------------------------------------------------------------------*/
.bd-tabgroup ul.tabs-menu, .ui-accordion-header {
  text-shadow: none;
  margin-bottom: 0;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

.bd-tabgroup {
  width: 100%;
}

.bd-tabgroup ul.tabs-menu {
  margin-left: 0;
  margin-bottom: 0;
  height: 46px;
  font-size: 90%;
  text-shadow: none;
}

.bd-tabgroup ul.tabs-menu a {
  color: #262626;
}

.bd-tabgroup ul.tabs-menu a:hover {
  color: #000;
}

.bd-tabgroup .tabs {
  margin-top: 8px;
}

.bd-tabgroup .tabs h5 {
  margin: 15px 0 0;
}

.bd-tabgroup .tabs p {
  margin: 0 0 0;
}

.bd-tabgroup ul.tabs-menu li {
  background-color: #ebebeb;
  border-bottom: none;
  text-align: center;
  list-style-type: none;
  float: left;
  height: 40px;
  width: 100px;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  position: relative;
  margin-right: 1%;
}

.bd-tabgroup ul.tabs-menu li:hover, .bd-tabgroup ul.tabs-menu li.ui-tabs-active {
  background-color: #fff;
}

.bd-tabgroup ul.tabs-menu li a {
  color: #262626;
  border-bottom: none;
  position: absolute;
  line-height: 40px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

.bd-tabgroup ul.tabs-menu li.ui-tabs-selected {
  background-color: #f2f2f2;
  border: 1px solid #ababab;
  border-bottom: none;
}

.bd-tabgroup ul.tabs-menu li.ui-tabs-selected a {
  color: #000;
}

/*Widget custom tabs in sidebar*/
aside .bd-tabgroup ul.tabs-menu li, #sidebar .bd-tabgroup ul.tabs-menu li,
#secondary .bd-tabgroup ul.tabs-menu li,
.widget-row .bd-tabgroup ul.tabs-menu li {
  width: 31%;
  margin-right: 1.5%;
}

/*-----------------------------------------------------------------------------------*/
/*  11. Form
/*-----------------------------------------------------------------------------------*/
.contactform {
  margin-top: 30px;
  font-size: 80%;
}

input, textarea {
  padding: 8px 10px;
  color: #555555;
  font-size: 13px;
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #fdfdfd;
  border: 1px solid #c2c2c2;
}

input:hover, textarea:hover {
  border: 1px solid #a2a2a2;
  outline: none;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

input:focus, textarea:focus {
  border: 1px solid #737373;
  outline: none;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

/* Comments */
#commentform {
  font-size: 80%;
}
#commentform textarea {
  width: 97%;
  font-size: 18px;
}
#commentform input[type=text], #commentform input[type=email] {
  float: right;
  width: 50%;
  font-size: 100%;
  height: 20px;
}
#commentform input[type=submit] {
  font-size: 100%;
  cursor: pointer;
}

/* Contact from */
.contactform .input {
  margin-bottom: 15px;
}
.contactform label {
  width: 30%;
  display: inline-block;
}
.contactform textarea {
  width: 96%;
  font-size: 100%;
  height: 200px;
}
.contactform input[type=text], .contactform input[type=email] {
  width: 65%;
  font-size: 100%;
  height: 25px;
}
.contactform input[type=submit] {
  font-size: 100%;
  cursor: pointer;
}

/* Error state */
.input.error label {
  color: #ff0000;
}
.input.error input, .input.error textarea {
  border: 1px solid red;
}

.input div.error-inline {
  color: #ff0000;
  text-align: right;
  display: none;
  width: 99%;
  margin-top: 10px;
}
.input div.error-inline:before, .input div.error-inline:after {
  content: '';
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

/* Search form*/
.search-form input {
  width: 94%;
  height: 25px;
  font-size: 100%;
}
.search-form #searchsubmit, .search-form label {
  display: none;
}

/* hide the antispam field in the contact form */
.hidden {
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
  text-indent: -9999px;
  height: 0!important;
  line-height: 0!important;
  visibility: hidden;
  border: 0;
  display: block;
}

/*-----------------------------------------------------------------------------------*/
/*  12. Flexslider
/*-----------------------------------------------------------------------------------*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  position: relative;
  display: none;
  /*-webkit-backface-visibility: hidden;*/
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0;
  background: #222222 url("images/ajax-loader.gif") center center no-repeat;
  border: none;
  position: relative;
  zoom: 1;
  overflow: hidden;
}

.flexslider ul.slides {
  padding: 0!important;
  margin-top: 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
  margin-bottom: 0!important;
  list-style-type: none;
}

.flexslider img {
  margin: 0 auto;
  vertical-align: bottom;
}

.flexslider a {
  opacity: 1!important;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url("images/bg_direction_nav.png") no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: auto;
  position: absolute;
  top: 0.5em;
  right: 0.8em;
  text-align: center;
}

.flex-control-nav {
  margin: 0!important;
  top: 5px;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: grey;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: grey;
}

.flex-control-paging li a.flex-active {
  background: #fff;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.post-slider .slides li:first-child img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: block;
}

p.flex-caption {
  text-shadow: none!important;
  color: #fff!important;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block!important;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiqAcAAIgAgoGu+rEAAAAASUVORK5CYII=');
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 7px;
  margin: 0.7em;
  z-index: 9999!important;
  opacity: 1!important;
  -moz-transition: none!important;
  -webkit-transition: 0!important;
  -o-transition: 0!important;
  transition: 0!important;
}

.post .flexslider {
  margin-bottom: 1em;
}

/*-----------------------------------------------------------------------------------*/
/*  13. Fancybox
/*-----------------------------------------------------------------------------------*/
.fancybox-overlay {
  background: none;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6/xQAAuwB59/v/RgAAAAASUVORK5CYII=');
  background: rgba(255, 255, 255, 0.9);
}

.fancybox-title {
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

.fancybox-nav {
  width: 60px;
}

.fancybox-nav span {
  visibility: visible;
}

.fancybox-next {
  right: -60px;
}

.fancybox-prev {
  left: -60px;
}

html .fancybox-inner {
  overflow: hidden!important;
}

/*-----------------------------------------------------------------------------------*/
/*  14. Media Queries
/*-----------------------------------------------------------------------------------*/
.mobile-hide, .mobile-format-date {
  display: none;
}

.solo-player .jp-progress-container {
  width: 78%!important;
}

#tablet-menu-container, #mobile-menu-container, #mobile-menu-dropdown {
  display: none;
}

@media screen and (max-width: 1280px) {
  #tablet-menu-container {
    display: block;
  }

  #primary-menu-container {
    display: none;
  }
}
@media screen and (max-width: 1140px) {
  .wrap {
    width: 100%;
    max-width: 960px;
  }

  .solo-player .jp-progress-container {
    width: 73%!important;
  }

  .bigtweet {
    font-size: 140%;
  }
  .bigtweet .bigtweet-content {
    padding-left: 20px;
  }
  .bigtweet .bigtweet-bird {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
  }

  .wolf-bigtweet-content {
    font-size: 0.9em;
  }

  .side-meta .preview, .side-meta .flexslider {
    width: 90%!important;
  }
  .side-meta .solo-player {
    width: 90%!important;
  }
  .side-meta .solo-player .jp-progress-container {
    width: 42%!important;
  }
}
/*Tablet Landscape Breakpoint
---------------------------------------------*/
@media screen and (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: none;
  }

  html {
    overflow-x: hidden;
  }

  header#masthead {
    padding-bottom: 15px;
  }

  #logo-container, #top-social-icons-container, #hello {
    float: none;
    width: 100%;
    text-align: center;
  }

  #top-social-icons-container {
    height: auto;
  }

  #top-social-icons-container .social-icons a img {
    width: 24px;
    height: 24px;
  }

  #logo-container {
    margin-top: 0;
    padding-top: 20px;
  }

  #tablet-menu-container {
    float: none;
    padding: 0;
  }

  .wrap {
    width: 100%;
    max-width: 860px;
  }

  .bigtweet span.tweet_text a {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
  }

  #main img {
    max-width: 100%;
    height: auto;
  }

  .mobile-format-date {
    display: inline;
  }

  .published {
    display: none;
  }

  .side-meta .solo-player .jp-progress-container {
    width: 38%!important;
  }

  a#top-arrow {
    display: none!important;
  }

  #copyright {
    text-align: center;
  }

  .wrap .avatar {
    width: 65px!important;
    height: 65px!important;
  }

  .children .comment {
    margin-left: 0;
  }

  .comment-content {
    width: 100%;
  }

  .pagination span, .pagination a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }

  #home-portfolio-grid .portfolio-item, #home-video-gallery-grid .video-item,
  #home-albums-grid .album-item-container {
    width: 47%!important;
    margin: 0 1.5% 12px;
    margin-top: 12px;
  }

  #home-albums-grid .album-item-container .album-title {
    font-size: 26px;
  }
}
/* Tablet Portrait Breakpoint
---------------------------------------------*/
@media screen and (max-width: 800px) {
  body, .widget, .widget_video p, article.widget_reaction, span.blog-link {
    font-size: 16px!important;
  }

  .wrap {
    width: 95%;
    max-width: 645px;
  }

  #primary, #secondary {
    width: 100%;
    float: none;
  }

  .left, .right {
    float: none;
  }

  .post-nav .left, #comments-container .left, #portfolio-sidebar .left {
    float: left;
  }

  .post-nav .right, #comments-container .right, #portfolio-sidebar .right {
    float: right;
  }

  .bigtweet {
    display: block;
  }
  .bigtweet .bigtweet-bird, .bigtweet .bigtweet-bird {
    display: block;
  }
  .bigtweet .bigtweet-bird {
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
  }

  .wolf-bigtweet-content {
    margin: 10px 0 30px;
    font-family: Georgia, "Times New Roman", Times, serif;
    min-height: 130px;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 0;
    font-size: 0.8em;
  }
  .wolf-bigtweet-content span.wolf-tweet-text {
    display: block;
    padding-left: 0;
    margin-left: 0;
    padding-top: 100px;
    font-style: normal;
    line-height: 140%;
    width: 100%;
  }
  .wolf-bigtweet-content .wolf-tweet-time_big {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: -20px;
  }
  .wolf-bigtweet-content:before {
    content: " ";
    background: url('images/twitterbird.png?1360734142') no-repeat left center;
    display: block;
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    top: 0;
  }

  .home-module-entry ul h2.entry-title, li h2.entry-title {
    float: none;
  }

  header#masthead {
    padding-bottom: 0;
  }

  span#header-holder {
    display: none;
  }

  #tablet-menu-container {
    display: none;
  }

  #mobile-menu-container {
    padding: 10px 0 0;
    float: none;
    text-align: center;
    display: block;
  }
  #mobile-menu-container #mobile-menu {
    display: none;
  }
  #mobile-menu-container #mobile-menu-dropdown {
    display: block;
  }
  #mobile-menu-container #mobile-menu-dropdown li {
    cursor: pointer;
    background: url('images/dropdown-arrow.gif?1360734142') center right no-repeat;
  }
  #mobile-menu-container ul li {
    float: none;
    font-size: 16px;
    margin-right: 0px;
    width: 100%;
    line-height: 40px;
    border-top: 1px dotted #ccc;
  }
  #mobile-menu-container ul li a {
    text-decoration: none;
    line-height: 40px;
    color: #333333;
    display: block;
  }

  .side-meta .comment-count {
    width: 100%;
    display: inline-block;
  }
  .side-meta .solo-player .jp-progress-container {
    width: 18%!important;
  }

  .mobile-date-format {
    width: 100%;
    display: inline-block;
  }

  #portfolio-sidebar, #single-portfolio-content {
    float: none;
    width: 100%;
    position: inherit;
  }

  #single-portfolio-content {
    margin-left: 0;
  }

  #filter-portfolio li {
    background: none;
    padding: 0 10px 0 0;
  }

  /* Comments */
  #commentform textarea {
    width: 96%;
  }
  #commentform input[type=text], #commentform input[type=email] {
    float: none;
    width: 96%;
  }

  .search-form input[type=text] {
    float: none;
    width: 96%;
  }

  /* Contact from */
  .contactform .input {
    margin-bottom: 15px;
  }
  .contactform label {
    width: 96%;
    display: inline-block;
  }
  .contactform textarea {
    width: 96%;
  }
  .contactform input[type=text], .contactform input[type=email] {
    width: 96%;
  }

  #secondary {
    margin-top: 35px;
  }

  .flex-control-nav {
    top: 10px;
  }

  .flex-direction-nav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .alignleft, .wp-caption.alignleft, .alignright, .wp-caption.alignright {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  footer#colophon .widget, .widget-row .widget {
    float: none;
    width: 100%;
  }

  .mobile-hide {
    display: block;
  }

  #videoblock-container, #fixheader-container {
    padding: 0!important;
  }

  #portfolio-sidebar {
    border-top: 1px dotted #ccc;
  }

  #main .frame,
  #main .avatar,
  #main .comment-author-admin .children .avatar,
  #main .widget-thumbnails-list img, #main .dribbble-shots {
    max-width: 98.5%;
  }

  #main-content {
    margin: 20px auto 20px;
  }

  p.bd-post-image-caption {
    display: none;
  }

  .bd-share-container {
    display: none;
  }

  .single-post .mobile-hide.comment-count {
    display: inline-block;
  }
  .single-post .entry-content {
    float: none;
    margin: 0;
    width: 100%;
  }

  .side-col {
    display: none;
  }

  .side-meta, .entry {
    float: none;
    margin: 0;
    width: 100%!important;
  }

  .side-meta .preview, .side-meta .flexslider {
    width: 100%!important;
  }
  .side-meta .flexslider .flex-direction-nav {
    display: none;
  }
  .side-meta .flexslider .flex-control-nav {
    right: 5px;
    top: 4px;
  }
  .side-meta .solo-player {
    width: 100%!important;
  }
  .side-meta .solo-player .jp-progress-container {
    width: 70%!important;
  }

  .page-template-template-blog-php .entry-title, .search-results .entry-title, .archive .entry-title, .page-template-template-home-blog-php .entry-title {
    margin-top: 0.7em;
  }

  footer#colophon {
    padding: 10px 0 0;
  }

  .site-info {
    margin-top: 10px;
  }
}
/* Mobile Landscape Breakpoint
---------------------------------------------*/
@media screen and (max-width: 500px) {
  .solo-player .jp-progress-container {
    width: 58%!important;
  }

  #home-albums-grid .album-item-container {
    width: 100%!important;
  }

  #home-portfolio-grid .portfolio-item, #home-video-gallery-grid .video-item {
    width: 100%!important;
    margin: 0 0 20px;
  }

  #home-albums-grid .album-item-container,
  #home-portfolio-grid .portfolio-item, #home-video-gallery-grid .video-item {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  /* Comments */
  #commentform textarea, #commentform input[type=text], #commentform input[type=email], .contactform textarea, .contactform input[type=text], .contactform input[type=email] {
    width: 93%;
  }

  .search-form input[type=text] {
    float: none;
    width: 93%;
  }

  .blog-link {
    width: 100%;
    display: block;
  }

  .side-meta .solo-player .jp-progress-container {
    width: 58%!important;
  }

  p {
    margin: 10px 0;
  }

  p.flex-caption {
    display: none;
  }

  hr {
    margin: 20px auto;
  }
}
/* Mobile Portrait Breakpoint
---------------------------------------------*/
@media screen and (max-width: 400px) {
  .wrap {
    width: 95%;
    max-width: 323px;
  }

  .solo-player .jp-progress-container {
    width: 47%!important;
  }

  .side-meta .solo-player .jp-progress-container {
    width: 47%!important;
  }
}
/*-----------------------------------------------------------------------------------*/
/*  18. Skins
/*-----------------------------------------------------------------------------------*/
body.dark {
  background: #333;
  color: #fff;
  text-shadow: 1px 1px black;
}
body.dark header#masthead, body.dark body {
  background-color: #2b2b2b;
}
body.dark #portfolio-sidebar {
  background: #333;
}
body.dark span#header-holder {
  background: url("images/dark/header-holder.png") repeat-x bottom;
}
body.dark hr {
  background-image: none;
  background-color: #404040;
  height: 2px;
}
body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6, body.dark body {
  color: #fff;
  text-shadow: 1px 1px black;
}
body.dark .entry-title a {
  color: white !important;
}
body.dark span.icon-comment {
  background-position: 0 -140px;
  height: 20px;
  width: 20px;
}
body.dark span.icon-date {
  background-position: 0 -24px;
  height: 20px;
  width: 20px;
}
body.dark span.icon-author {
  background-position: 0 -180px;
  height: 20px;
  width: 20px;
}
body.dark span.icon-category {
  background-position: 0 -104px;
  height: 20px;
  width: 20px;
}
body.dark span.icon-tags {
  background-position: 0 -84px;
  height: 20px;
  width: 20px;
}
body.dark span.icon-link {
  background-position: 0 -44px;
  height: 20px;
  width: 20px;
}
body.dark #primary-menu a,
body.dark .default-menu a,
body.dark #tablet-menu-container ul li a,
body.dark #mobile-menu-container ul li a {
  color: white;
}
body.dark #mobile-menu-container ul li {
  border-top: 1px dotted #0d0d0d;
}
body.dark .entry-meta a {
  color: white !important;
}
body.dark #feature-container {
  border-bottom: none!important;
}
body.dark .album-item {
  -webkit-box-shadow: inset 0 0 0 1px black, 1px 1px 5px #333333;
  -moz-box-shadow: inset 0 0 0 1px black, 1px 1px 5px #333333;
  box-shadow: inset 0 0 0 1px black, 1px 1px 5px #333333;
}
body.dark #home-portfolio-grid .portfolio-item,
body.dark #home-video-gallery-grid .video-item {
  -webkit-box-shadow: inset 0 0 0 1px black, 1px 1px 5px #333333;
  -moz-box-shadow: inset 0 0 0 1px black, 1px 1px 5px #333333;
  box-shadow: inset 0 0 0 1px black, 1px 1px 5px #333333;
}
body.dark .frame,
body.dark .avatar,
body.dark .comment-author-admin .children .avatar,
body.dark .widget-thumbnails-list img, body.dark .dribbble-shots {
  padding: 4px;
  -webkit-box-shadow: 0 0 2px 3px #1c1c1c;
  -moz-box-shadow: 0 0 2px 3px #1c1c1c;
  box-shadow: 0 0 2px 3px #1c1c1c;
}
body.dark .home-module-entry ul, body.dark .home-module-entry li {
  list-style-type: none!important;
  margin: 0!important;
  border-bottom: 1px dashed #101010;
  border-top: 1px dashed #313131;
}
body.dark .home-module-entry ul:first-child, body.dark .home-module-entry li:first-child {
  border-top: none;
}
body.dark .home-module-entry ul:last-child, body.dark .home-module-entry li:last-child {
  border-bottom: none;
}
body.dark .page-numbers {
  -webkit-box-shadow: inset 0 0 0 1px #0d0d0d;
  -moz-box-shadow: inset 0 0 0 1px #0d0d0d;
  box-shadow: inset 0 0 0 1px #0d0d0d;
}
body.dark .page-numbers:hover {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
body.dark #gallery-loader {
  background-image: url("images/dark/gallery-loader.gif");
}
body.dark blockquote {
  color: white!important;
}
body.dark .entry-summary .twitter-tweet-rendered, body.dark .entry-content .twitter-tweet-rendered {
  -webkit-box-shadow: inset 0 0 0 1px black, 1px 1px 5px #0d0d0d;
  -moz-box-shadow: inset 0 0 0 1px black, 1px 1px 5px #0d0d0d;
  box-shadow: inset 0 0 0 1px black, 1px 1px 5px #0d0d0d;
}
body.dark .fancybox-overlay {
  background: none;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNieAoAAO4A6HfO1f4AAAAASUVORK5CYII=');
  background: rgba(0, 0, 0, 0.9);
}
body.dark .fancybox-title {
  color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*  15. IE8 Fixes
/*-----------------------------------------------------------------------------------*/
body.ie7, body.ie8 {
  line-height: 32px;
  font-size: 18px;
}
body.ie7 #main img, body.ie7 .big-image-header img, body.ie8 #main img, body.ie8 .big-image-header img {
  max-width: 1920px;
  height: auto;
}
body.ie7 a, body.ie8 a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}
body.ie7 ul, body.ie8 ul {
  margin-left: 0;
}
body.ie7 h1, body.ie8 h1 {
  font-size: 2em;
  margin-bottom: 0.67em;
}
body.ie7 h2, body.ie8 h2 {
  font-size: 1.5em;
  margin-bottom: 0.83em;
}
body.ie7 h3, body.ie7 .bigtweet, body.ie8 h3, body.ie8 .bigtweet {
  font-size: 1.17em;
  margin-bottom: 1em;
}
body.ie7 h4, body.ie8 h4 {
  font-size: 1em;
  margin-bottom: 1.33em;
}
body.ie7 h5, body.ie8 h5 {
  font-size: 0.83em;
  margin-bottom: 1.67em;
}
body.ie7 h6, body.ie8 h6 {
  font-size: 0.75em;
  margin-bottom: 2.33em;
}
body.ie7 footer#colophon, body.ie8 footer#colophon {
  padding: 50px 0;
  padding-bottom: 0;
}
body.ie7 footer#colophon .widget.last-child, body.ie8 footer#colophon .widget.last-child {
  margin-right: 0!important;
}
body.ie7 .widget-row .widget.last-child, body.ie8 .widget-row .widget.last-child {
  margin-right: 0!important;
}
body.ie7 .album-item-title, body.ie8 .album-item-title {
  line-height: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  Debug
/*-----------------------------------------------------------------------------------*/
.bd-debug {
  width: 98%;
  padding: 0 1%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  background: #FF0000;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  position: fixed;
  bottom: 0;
}