/*********************************************************************************************

Theme Name: Elastik
Theme URI: http://www.wpzoom.com/themes/elastik
Version: 1.0.4
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

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

**********************************************************************************************

1. Toolbox CSS  -----------------------  All Theme Files
2. Global Styles  ---------------------  All Theme Files
3. Header  ----------------------------  header.php
4. Homepage  --------------------------  index.php
5. Archive Posts ----------------------  loop.php
6. Single Post ------------------------  single.php
7. Sidebar & Widgets ------------------  sidebar.php
8. Comments ---------------------------  comments.php
9. Footer  ----------------------------  footer.php
10. Media Queries  --------------------  All Theme Files

**********************************************************************************************/


/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;  }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.floatleft { float: left; }
.floatright { float: right; }


/* Text Selection Color */
::-moz-selection { background: #05C; color: #fff; text-shadow: none; }
::selection      { background: #05C; color: #fff; text-shadow: none; }
img::-moz-selection { background: transparent; }
img::selection      { background: transparent; }

/* Navigation */
div.navigation { text-align:center; margin: 0 0 10px; font-size: 12px; }
div.navigation a { font-weight: normal; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); color: #fff; padding:3px 8px; line-height: 50px; background:rgba(0,0,0,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
div.navigation a:hover, div.navigation a:active { background:rgba(0,0,0,0.4); }
div.navigation span.current { padding: 3px 8px; color: #fff; font-weight:bold; background:rgba(0,0,0,0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }


/* Forms */
input, textarea { padding:3px; border: 1px solid #D9D6D6;  color: #000;  -webkit-box-shadow: inset 0 1px 1px #E1E1E1 ; -moz-box-shadow: inset 0 1px 1px #E1E1E1 ; box-shadow: inset 0 1px 1px #E1E1E1;  background: #fff; font-family:Arial, Helvetica, sans-serif; }
input:focus, textarea:focus { border-color: #999;  }
button,
input[type=button],
input[type=reset],
input[type=submit] {  background: #000; padding:5px 10px; border: none 0; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow:none; height:33px;}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { background: #222;  cursor: pointer; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }



/* Tooltip effect */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('images/tipsy.gif'); font-family:Arial, Helvetica, sans-serif;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

body {
    background: #fff url('images/background.gif');
    color: #222;
    font-family: 'Lato', Arial, Helvetica,  sans-serif;
    font-size: 13px;
    overflow-x: hidden;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    min-width: 980px;
}

/* Links */
a { color: #2790bb; text-decoration: none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
a:focus { outline: none; }
a:hover, a:active { color: #3B5998; outline: none; }

p { margin: 0 0 15px; padding: 0; }


.wrap {
    margin: 0 auto;
    width: 980px;
}

.wrap_header {
    margin:0 auto;
    width:980px;
    padding:45px 0;
}


/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

header {
	color: #d6d6d6;
    background: #0F2029 url("images/header.png") repeat-x top;
    position:relative;
    overflow: hidden;
}

header.no-home, .paged header {
    overflow: visible;
}


#logo, #navbar {
    float: left;
    padding: 0;
}

#logo h1 {
    line-height: 100%;
}

#logo a {
    color:#F3F3F3;
	text-decoration: none;
    font-weight:normal;
    font-size:34px;
}

#navbar {
    float:right;
	font-size: 16px;
	line-height: 34px;
}

#navbar p {
	margin: 0;
}

#navbar p a {
	text-decoration: underline;
}


.adv {
    float:right;
    margin: 20px 0 0;
}

/* Search Form */
#searchform {
    margin:33px 0 15px;
    height: 33px;
    width: 278px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background: #f5f5f5;
	border:1px solid #ddd;
	border-top-color: #bbb;
}

#s {
	outline: none;
	background: #f5f5f5;
	border: none;
    color: #bababa;
    line-height: 26px;
    height: 26px;
    width: 245px;
    float:left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding:3px 0 0 5px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#searchsubmit {
	float:left;
	width:25px;
	height: 26px;
	background: url("images/s.gif") no-repeat 0 2px;
    text-indent:-2999px;
}


/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline;  position: relative; }
.dropdown a {  position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:34px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }

.dropdown {
    float:left;
    width: 100%;
}
.dropdown li {
	margin-right: 10px;
}
.dropdown li:last-child {
	margin-right: 0;
}
.dropdown a {
    margin:0;
    text-decoration:none;
    line-height:34px;
    display:block;
    font-size:14px;
    font-weight:normal;
    padding:0 10px;
    color:#B4BBC0;
    border-color:transparent;
    border-width:4px 4px 0 4px;
    border-style:solid;
}

.dropdown a:hover {
    background:none;
    color:#d6d6d6;
}

.dropdown ul {
    text-align: left;
    margin: 0;
    padding: 4;
    background:#F7FCFC;
    z-index:999;
    border:4px solid #DEE1E2;
    padding:5px 0 10px;
}

.dropdown ul ul {
    top:0;
    padding:0 0 10px;
}

.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
    outline:0;
    font-weight:normal;
     color:#fff;
 }
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
    outline:0;
    font-weight:normal;
}

.dropdown li ul li {
    float:left;
    margin:0;
    padding:0;
 }

.dropdown li ul li a {
    margin:0;
    padding:3px 10px;
    line-height:1.5;
    font-size:11px;
    color:#555;
    border:none;
}

.dropdown li:hover a {
    background:none;
    color:#d6d6d6;
}

.dropdown li:hover ul a {
    color:#555;
}

.dropdown li:hover li a:hover {
    color:#2790BB;
}

.dropdown a.sf-with-ul:hover {
    min-width:1px;
    background: #F7FCFC;
    color: #5C6577;
    border-color: #DEE1E2;
    border-bottom:none;
    z-index:1000;
}


.dropdown li:hover a.sf-with-ul {
    background: #F7FCFC;
    color:#555;
    border-color: #DEE1E2;
    border-bottom:none;
    z-index:1000;
}


/*********************************************************************************************

4. Homepage    -------------------------  index.php

*********************************************************************************************/

.featured_area {
	color: #d6d6d6;
 	padding-bottom: 45px;
    display:none;
}

.featured_area p a {
	text-decoration: underline;
	color: #d6d6d6;
}

.featured_area .wrap {
	position: relative;
}

#content {
    width:660px;
    float:left;
}


/* Featured Slider -- wpzoom-slider.php */
#slider { margin: 0; overflow: visible; }
#slider .notice { color: #999; }
#slider .slides li, #slider .slides li .thumb img, #slider .slides li .thumb iframe, #slider .slides li .thumb embed, #slider .slides li .thumb object, #slider .slides li .slide_content { -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; transition-duration: 300ms; }
#slider .slides li { list-style-type: none; height: auto !important; width: 690px !important; opacity: 0.3; }
#slider .slides li.active { opacity: 1; }
#slider .slides li .thumb img { height: 321px; width: 580px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 39px 0 0 55px; }
#slider .slides li embed, #slider .slides li iframe {  height: 321px; width: 580px; margin: 39px 0 0 55px; }
#slider .slides li.active embed, #slider .slides li.active iframe {  height: 388px; width: 690px; margin: 27px 0 0 55px; margin:0; }

#slider .slides li.active .thumb img { height: 388px; width: 690px; margin: 0; }
#slider .slides li .slide_content { opacity: 0; color: #a4a8a8; font-size:14px; }
#slider .slides li.active .slide_content { opacity: 1; }
#slider .slides li .slide_content h2 { font-size: 26px; font-weight: normal; line-height: 100%; padding: 20px 0 10px; width:645px;}
#slider .slides li .slide_content h2 a { color: #f7f7f6; }
#slider .slides li .slide_content h2 a:hover, #slider .slides li .slide_content h2 a:active { color: #2790bb; }
#slider .slides li .slide_content p { margin: 0; }
#slider .navi_btn { position: absolute; top: 415px; left: 651px; z-index: 100; }
#slider .navi_btn .browse { display: block; float: left; cursor: pointer; background-image: url('images/slidernav.png'); height: 18px; width: 19px; overflow: hidden; opacity: 0.5; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; transition-duration: 200ms;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    }
#slider .navi_btn .browse:hover { opacity: 1; }
#slider .navi_btn .next { background-position: 19px 0; margin-left: 1px; }

#slider #nav-items .active-left { height: 450px; left: -1105px; width:400px; position: absolute; z-index: 100; background: none; }
#slider #nav-items .active-right { height: 450px; right:-1100px; width:1000px; position: absolute;   z-index: 99; background: none; }
#slider #nav-items { top:0;}


#margin-shadows .shadow { z-index:1000; width:154px; position:absolute; height:1000px; top:0; opacity:1;}

#margin-shadows:hover a {opacity:0.7; }

.left-shadow {background:url("images/left_shadow.png") repeat-y -83px; left:0; }
.right-shadow {background:url("images/right_shadow.png") repeat-y 83px; right:0; }

#nav-margin .left {left:50px; }
#nav-margin .right {background-position: -35px 0;  right:50px; }

#nav-margin a {
    background:url(images/arr_shadow.png) no-repeat;
    opacity:0.7;
    width:34px;
    height:51px;
    top:330px;
    z-index:1001;
    position:absolute;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

#nav-margin a:hover {
    opacity: 1;
}

/*********************************************************************************************

5. Archive posts styling -------------------------  loop.php

*********************************************************************************************/

.fluid-wrap {
    width:90%;
    margin:auto;
}


#main {
    margin:20px 0 0;
}

#recent-posts {
    margin:0 auto;
    padding-top:30px;
}

#recent-posts .archive_title {
    margin-top:-20px;
}

.author #recent-posts .archive_title {
    margin-top:-60px;
}

.author #recent-posts {
    margin:0 auto;
    padding-top:60px;
}

.recent-post {
	float: left;
	margin: 15px 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
    background:#fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.recent-post:hover {
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.recent-post .post-thumb {
    margin: 0 0 8px 0;
    background:#000;
    position:relative;
     -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}

.recent-post .post-thumb span {
    position:absolute;
    top:16px;
    color:#ccc;
    display:none;
}

.recent-post .post-thumb span.comments {
    left:16px;
}

.recent-post .post-thumb span.category {
    right:16px;
}

.recent-post .post-thumb span a {
    color:#ccc;
    font-size:12px;
}

.recent-post .post-thumb span a:hover {
    color:#fff;
}

.recent-post .post-thumb:hover span {
    display:block;
}

.recent-post .post-thumb span.comments a {
    background:url(images/comments.png) no-repeat 0 3px;
    padding-left:19px;
}


.recent-post .post-thumb img {
     -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.recent-post .post-thumb:hover img {
    opacity:0.4;
}



.post-thumb:hover .format-icon  { overflow: hidden;  position: absolute; left: 42%; top: 40%; }

.format-image .post-thumb:hover .format-icon  { background: url("images/post/photo.png") no-repeat; height: 49px; width:48px; }
.format-video .post-thumb:hover .format-icon  { background: url("images/post/video.png") no-repeat; height: 49px; width:48px; }
.format-gallery .post-thumb:hover .format-icon  { background: url("images/post/image.png") no-repeat; height: 51px; width:49px; }
.format-quote .post-thumb:hover .format-icon  { background: url("images/post/quote.png") no-repeat; height: 48px; width:51px; }
.format-audio .post-thumb:hover .format-icon  { background: url("images/post/music.png") no-repeat; height: 49px; width:45px; }


h1.archive_title, h3.archive_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 15px 0;
    padding:0;
	color: #52524C;
}

h3.archive_title {
	margin: 15px 0 10px;
}

h1.archive_title a, h3.archive_title a {
	color: #52524C;
}

.recent-post h2 {
    line-height: 100%;
    margin-bottom:5px;
}

.recent-post h2 a {
    font-size: 16px;
	line-height: 100%;
	color: #444040;
}

.recent-post h2 a:hover {
	text-decoration: none;
	color: #3B5998;
}

.recent-post .post-content {
    padding: 0;
	overflow: hidden;
    margin:15px 15px;
}

.recent-post .entry {
    margin:8px 0 0;
}

.recent-post .entry p {
	font-size:13px;
	line-height:1.5;
    margin-bottom:10px;
}

.recent-post .entry *:last-child {
	margin-bottom: 0;
}

.recent-meta {
  	margin:11px 0;
    font-size:11px;
    color:#999;
}

.recent-meta .comments a, .recent-meta a.post-edit-link {
	color: #999;
}

.recent-meta a:hover {
	color: #3B5998;
}

.recent-meta span {
	margin-right:9px;
}

.recent-meta span.date {
    background:url(images/date.png) no-repeat;
    padding-left:17px;
}


/* Read more button */
a.more-link {  margin:0 0 10px; float:left; font-size:13px; font-weight:bold; background: url(images/more.png) no-repeat right; padding-right:13px; float:left;}


/*********************************************************************************************

6. Single Posts Styling  ---------------------------------  single.php, page.php

*********************************************************************************************/

.single .post,
.page .page {
    margin: 0 0 15px;
    background:#fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.entry { overflow:hidden; margin:0 25px; }

.entry a { color:#000; }
.entry a:hover { color:#3B5998; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin-bottom: 12px;
    line-height:1.3;
}
.entry p { margin-bottom: 14px; }

.entry img { margin-bottom:10px; }

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright,
.entry img.attachment-fullsize {
    margin-bottom: 10px;
    max-width: 100%;
    height:auto;
}

.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color:#8E8E8E;
    background: url('images/quote.png') 0 5px no-repeat;
    padding:0 15px 0 40px;
    margin: 10px;
    line-height:1.8;
}

.galleria-container { margin-bottom:15px; }

h1.title  {
    margin:0 0 0 -1px;
    padding:15px 0 15px 3%;
    line-height:1.3;
    font-size:28px;
    font-weight:bold;
    width:67%;
    float:left;
    border-right: 1px solid #eee;
}

h1.title a {
	color: #5f5f5c;
}

h1.title a:hover, h1.title a:active {
	color: #2790bb;
}

.page h1.title {
     border-bottom: 1px solid #eee;
    margin: 0 0 20px;
    width:auto;
    float:none;
    border-right:none;
}

.post-cover {
    margin:0;
    font-size:12px;
    color:#999;
    position: relative;
    background:#000
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.post-cover img {
	width: 100%;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;

	-webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.post-cover p {
    position:absolute;
    color:#fff;
    bottom:15px;
    left:15px;
}


.post-cover:hover img {
    opacity:0.7;
}


.meta-right {
    float:right;
	padding: 20px 0 20px 2%;
    border-left: 1px solid #eee;
    width:28%;
    margin-left:-1px;
}

.post-details {
    vertical-align: middle;
    display:inline-block;
}

.post-meta {
    padding: 0;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px;
}

.post-meta-bottom {
	padding: 0 25px;
	border-top: 1px solid #eee;
	margin: 20px 0 0;
    border-bottom:none;
}

.post-meta .post-details {
	float: left;
	margin: 0;
}

.post-meta .post-details span {
    display:block;
}

.post-meta .share_box {
	float: right;
    width:46%;
    border-left: 1px solid #eee;
    margin:0 0 0 -1px;
    padding:15px 0 25px 4%;
}

.post-meta .share_box h4, .post-meta .share_box .share_btn {

	margin: 0;
}

.post-meta .share_box h4 {
	display: block;
	font-size: 13px;
	font-weight: bold;
    color:#383F46;
    margin: 0 0 8px;
}

.post-meta .share_box .share_btn {
	display: inline-block;
	vertical-align: top;
	height: 21px;
	overflow: hidden;
}

.post-meta .share_box .share_btn_twitter { width: 90px; }
.post-meta .share_box .share_btn_facebook { width: 90px; }
.post-meta .share_box .share_btn_google { width: 70px; }





/* Related Posts */
.related_posts {
    margin:0 0 15px;
}

.related_posts h3 {
    font-size: 18px;
	color: #383F46;
  	margin:0 0 15px;
}

.related_posts ul {
    margin-left:-27px;
}

.related_posts ul li {
    display:block;
    list-style-type:none;
    padding:0 0 10px;
    margin:0 0 10px 29px;
    float:left;
    width:200px;
    font-size:12px;
    color:#888;
}

.related_posts ul a {
    font-weight:bold;
    display:block;
    font-size:14px;
    color:#383F46;
}

.related_posts ul li .thumb  {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background:#000;
}

.related_posts ul li .thumb img {
    float: left;
    margin:0 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
 }

.related_posts ul li .thumb img:hover {
    opacity:0.7;
}

/* Sharing buttons */
.share_box .share_btn { margin: 0 0 4px;}

/* Tags */
.tag-list { color: #63676A; padding:15px 2% 15px 0; margin:0 0 10px; float:left; width:48%; }
.tag-list h5 { color: #383F46; margin:0 0 8px; }
.tag-list a {  color: #928f8f;  }

/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:143px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}


div.page-link a { font-weight: normal; padding:8px 10px; line-height: 50px; background:#f6f6f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.page-link span.current { padding: 8px 10px; font-weight:bold; background:#f6f6f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }


/* Images align */
.entry .aligncenter, div.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin-right:15px; }
.alignright, .entry .alignright { float: right; margin-left:15px; }

/* Caption for images */
.entry .wp-caption { max-width: 100% !important; text-align:center;   }
.entry .wp-caption img { background:none; margin:0; border:0 none; max-width:100%;  width:auto; height:auto;}
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { border: none; padding: 0; }

.thumbnails { clear: both; float: left; font-size: 11px; line-height: 1.6em;  }
.thumbnails img { height: 100px; margin:0 20px 15px 0; width: 100px; }
.thumbnails .active img { border:3px solid #FFCB65; }

/* Template: Full-width */
.full-width #content { width: 980px; }
.full-width h1.archive_title { width:980px; }
.full-width .entry, .page .entry { float: none; display: block; padding-right: 0; }
.full-width .entry img { max-width: 980px; height:auto; }
.full-width .entry .wp-caption { max-width:980px;  text-align:center;   }


.full-width #content.no_left_side .entry img.alignnone,
.full-width #content.no_left_side .entry img.aligncenter,
.full-width #content.no_left_side .entry img.alignleft,
.full-width #content.no_left_side .entry img.attachment-fullsize,
.full-width #content.no_left_side .entry img.alignright {
    max-width: 980px;
}


/*********************************************************************************************

7. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
    float: right;
    width: 300px;
    overflow:hidden;
    font-size:13px;
    color:#5C5C5C;
}

.widget {
    margin-bottom:20px;
}


.widget h3.title { color: #383F46; font-size: 18px; font-weight: bold; margin:0 0 10px;}

#sidebar .widget { float: left; line-height: 1.5; width: 100%; border-bottom:1px solid #DDD; padding:0 0 20px; }

.widget ul { clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget a { font-weight: bold; }
.side_ad { text-align: center; margin:0 0 10px; }

.widget .cats a { font-weight:normal; }

/* Category Widget */
.widget_categories ul li { color: #8B8A8A; text-align: right; font-weight: normal; padding: 2px 0; clear: both; }
.widget_categories ul li li { padding-left:10px; }
.widget_categories ul li a { text-align: left; float: left; font-weight: normal; }

/* Recent Comments */
.recent-comments-list .avatar { margin-right: 8px; float: left; }
.recent-comments-list li { padding: 0; margin:0 0 15px;  line-height:1.4; font-size:11px; }
.recent-comments-list li a { font-size:12px; }

/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.feature-posts-list img { margin: 4px 12px 5px 0; float: left; }
.widget .feature-posts-list small { font-size: 12px; color: #8B96A0; margin: 2px 0 4px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block;}
.widget .feature-posts-list li { padding: 6px 0; margin:0;  line-height:1.4; }
.widget .feature-posts-list li a { font-weight:bold; }

/* Flickr widget */
.widget .flickr_badge_image {margin-right: 10px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { width: 64px; height: 64px; }
.widget .flickr_badge_image img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

/* Social widget */
.wpzoomSocial  {margin:10px 3px;}
.wpzoomSocial li {float:left; margin:0 0 15px 15px;}
.wpzoom-social h3 { float:left; }
.wpzoom-social .wpzoomSocial { clear:none; margin:0;}

/* Twitter widget */
.widget .twitter-list li {font-style: italic;  padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #727272;font-size: 10px; font-style: normal; text-align: right; }
.widget .follow-user { margin: 0; padding: 5px 0; }


/* Tag cloud Widget */
.widget_tag_cloud div a { padding: 0 3px; }

/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* Archive widget */
.widget_archive li { width:49%; float:left; display:block; margin:0;  padding:0 0 6px;}


/*********************************************************************************************

8. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments { clear: both; }
#comments h3 { font-size: 18px; font-weight: bold; color: #383F46; margin: 0 0 15px; }
#comments .navigation { padding: 0 0 18px 0; }
h3#reply-title { font-size: 20px;  margin: 18px 0; color:#373737;}
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment {font-size:12px; line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 66px; position: relative; min-height: 90px; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
.commentlist li.comment > div { background-color: #f4f4f4; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 0; left: 0; padding: 4px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.comment-author { margin-bottom:3px; }
.comment-author cite { color: #383F46; font-weight: bold; font-style:normal; font-size:14px; }
.comment-author .says {  display:none; }
.comment-meta { display: inline; font-size: 12px;  margin: 0 0 0 5px; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }
.reply { display: inline; position: absolute; top: 62px; left: 0; font-size: 12px; text-align: center; width: 56px; padding: 0; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.reply a { display: block; height: 100%; width: 100%; }
.commentlist .children { list-style: none; margin: 10px 0 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback {margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }

/* Comments form */
#respond { margin: 24px 0 0; overflow: hidden; position: relative; }
#respond h3#reply-title { font-size: 18px; color: #383F46; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required_lab { color: #FF6565; font-weight: bold; float: right; }
#respond label { color: #6A6A6A; font-size: 12px;}
#respond input { margin: 0 0 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#respond textarea { width: 96%; height: 145px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:none; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { text-align:left; margin-top:10px; }
#respond .form_fields { float: left; width: 36%; margin-right: 5%; }
#respond .form_fields p { margin-bottom:7px; }
#respond .form_fields input { width:100%; }
#respond .comment-form-comment { width: 80%; float: left; }
#respond .form_fields input, #respond textarea { clear: both; display: block; font-size: 13px; padding: 8px 6px; margin: 3px 0 0; }

#respond input[type="submit"] {
    background: #076792; /* Old browsers */
    background: -moz-linear-gradient(top,  #2484BB 0%, #076792 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #2484BB 0%,#076792 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #2484BB 0%,#076792 100%); /* W3C */
    padding: 4px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px rgba(0, 0, 0, .35);
    cursor: pointer;
    margin-bottom: 0;
    line-height: normal;
    padding: 5px 14px;
}

#respond input[type="submit"]:hover {
    background: #1083B6; /* Old browsers */
    background: -moz-linear-gradient(top,  #1B8CCC 0%, #1083B6 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #1B8CCC 0%,#1083B6 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #1B8CCC 0%,#1083B6 100%); /* W3C */
}

#respond input[type="submit"]:active {
    text-shadow: 1px 1px rgba(0, 0, 0, .35);
    background: #1B8CCC; /* Old browsers */
    background: -moz-linear-gradient(top,  #1083B6 0%, #1B8CCC 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #1083B6 0%,#1B8CCC 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #1083B6 0%,#1B8CCC 100%); /* W3C */
}


/*********************************************************************************************

9. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {
    font-size:12px;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 45px 0;
	margin-top: 45px;
}

#footer .widget-area {
    padding:0 0 15px;
    margin:0 0 15px;
    border-bottom:1px solid #ddd;
}

#footer .widget-area .widget {
	float: left;
	width: 300px;
	margin: 0 0 20px;
}

#footer .column {
    float:left;
    margin-right:40px;
}

#footer .column.last {
    margin-right:0;
}



#footer .widget-area .widget a:hover, #footer .widget-area .widget a:active {
	color: #000;
}

#footer #footmenu { font-size: 13px; font-weight: bold; }
#footer #footmenu ul { list-style: none; }
#footer #footmenu ul li { display: inline; float: left; margin-right: 15px; }
#footer #footmenu ul li:last-child { margin-right: 0; }

.copyright { font-size: 11px; color: #999; width: 100%; }
.copyright .left { margin: 0; float: left; }
.copyright .right { float: right; margin: 0;}
p.wpzoom { display: inline; float: right; line-height: 16px; margin: 0;  }
p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }


/*********************************************************************************************

10. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 1180px) {
    #margin-shadows {display: none; }
}

@media screen and (max-width: 1090px) {
    .fluid-wrap {  width: 100%;  }
}

@media screen and (max-width: 2560px) {
   .fluid-wrap {width:1300px;}
}

@media screen and (max-width: 1350px) {
   .fluid-wrap {width:96%;}
}

@media screen and (max-width: 980px) {

    body { min-width:100%; }
    .wrap { width: 90%; padding: 0 5%; }
    .wrap_header { width: 90%; padding: 30px 5%; }
    .recent-post img {max-width:100%; width:100%; height:auto; }

    #content { width:100%; }
    #sidebar { width:100%; float:left; margin-top:25px; }

    .post-cover img { width:100%; max-width:100%; height:auto; }


    /* Template: Full-width */
    .full-width #content { width: 100%; }
    .full-width h1.archive_title { width:100%; }
    .full-width .entry img { max-width: 100%; }
    .full-width .entry .wp-caption { max-width:100%;  }
}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

    #logo { width:100%; }
    #logo  img { max-width:100%; height:auto;}
    #navbar { width:100%; float:left; }

    #footer .column { margin-right:0; }
    #footer .widget-area .widget {width:100%; }

    #slider {overflow:hidden !important; }
    #slider .slides li {  width: 670px !important;  }
    #slider .slides li.active {display:block; }
    #slider .slides li .slide_content h2 { width:85%; }
   #slider .slides li.active .thumb img,
    #slider .slides li .thumb img { max-width: 100%;   height:auto; }

    #slider .navi_btn { top:415px; right:5%; left:auto;}

    #slider .slides li.active embed,
    #slider .slides li.active iframe,
    #slider .slides li embed,
    #slider .slides li iframe   {width:600px; height:300px; }

}


@media screen and (max-width: 640px) {

  	.recent-post .post-content {overflow:visible; }
    #respond .form_fields { width:97%; margin:0; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }

	#sidebar { width:100%; margin-left:0%;}
    #sidebar .widget {width:100%; margin-right:0%; float:none; }
	#sidebar .tabbertabs { width:95%; }
 	#sidebar .wpzoom_social { width:95%; }

    .post-meta .share_box .share_btn { margin-bottom:10px; }

    #slider {overflow:hidden !important; }
    #slider .slides li {  width: 480px !important;  }
    #slider .slides li.active {display:block; }
    #slider .slides li .slide_content h2 { width:85%; }

    #slider .navi_btn { top:295px; right:2%; left:auto;}

    #slider .slides li.active embed,
    #slider .slides li.active iframe,
    #slider .slides li embed,
    #slider .slides li iframe   {width:400px; height:220px; }

 }

@media screen and (max-width: 480px) {

    #slider .slides li { width: 320px !important;  height:380px !important;}
    #slider .slides li.active {display:block; }
    #slider .slides li .slide_content h2 { width:65%; font-size: 18px; line-height: 1.3; }

    #slider .navi_btn { top:217px; right:2%; left:auto;}

    #slider .slides li.active embed,
    #slider .slides li.active iframe,
    #slider .slides li embed,
    #slider .slides li iframe   {width:320px; height:180px; }

}