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

Theme Name: Magazine Explorer
Theme URI: http://www.wpzoom.com/themes/magazine-explorer
Version: 1.1.2
Author: WPZOOM
Author URI: http://www.wpzoom.com/
Description: A spacious magazine-style theme packed full of features! Tons of unique widgets, custom features, and a mobile-ready design make Magazine Explorer a premium-quality theme
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; }
ins { background: #ff9; color: #000; text-decoration: none; }
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; padding:8px 10px; line-height: 50px; background:#f6f6f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.navigation span.current { padding: 8px 10px;   font-weight:bold; background:#f6f6f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
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; }

@font-face {
    font-family: 'Social';
    src: url('images/social.otf');
    font-weight: normal;
    font-style: normal;
}


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

2. Global Styles

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

body {
    background: #FFFFFF;
    color: #222;
    font-family: 'Open Sans', Arial, Helvetica,  sans-serif;
    font-size: 13px;
    overflow-x: hidden;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    min-width: 980px;
}

/* Links */
a { color: #000; 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: #ef4832; outline: none; }

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


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

body > .wrap { padding-top: 35px; }

.cats a { line-height:2.5; margin:1px 4px 0 0; font-weight:normal; position: relative; font-size: 11px; color: #000; background-color: #fff; padding: 2px 5px; border: 1px solid #888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0.5; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;  }
.cats a:after { content: ''; position: absolute; top: 0; left: 0; right: -3px; bottom: -3px; border: 1px solid #bbb; border-top: 0; border-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cats a:hover { text-decoration: none; color: #ef4832; opacity: 1; }


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

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

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

#header {
	border-bottom:1px solid #d9d9d9;
}

#logo {
    float: left;
    padding: 25px 0 25px;
}


#logo h1 {
    font-size:34px;
}

#logo a {
	color:#000;
}

#logo a:hover {
	color:#3c3c3c;
	text-decoration:none;
}

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

/* Search Form */
#searchform {
	float: right;
    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:28px; /* 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: 20px;
}
.dropdown li:last-child {
	margin-right: 0;
}
.dropdown a {
    margin:0;
    text-decoration:none;
    line-height:1.5;
    display:block;
    font-size:13px;
    font-weight:bold;
    padding:0 0 9px;
}

.dropdown a:hover {
   background:none;
}

.dropdown ul {
    text-align: left;
    margin: 0;
    padding: 4;
     background:#ef4832;
    border-top:none;
    z-index:999;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    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:bold;
 }
.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:7px 10px;
    font-size:11px;
    color:#fff;
}

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

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

.dropdown li:hover li a:hover {
    color:#E1DFDD;
}

.dropdown a.sf-with-ul {
    min-width:1px;
}



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

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

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

.featured_area {
	background:#f6f6f4;
	border-bottom:1px solid #d9d9d9;
	padding:25px 0;
}

.featured_area .wrap {
	position: relative;
}

#content {
    float: left;
    width: 490px;
    overflow:hidden;
    padding-top:1px;
}

#content.no_left_side {
    width:640px;
}

.home_widgets { padding-top: 30px; border-top: 1px solid #ddd; margin-top: 30px; }


/* Featured Slider -- wpzoom-slider.php */
#slider { float:left; margin: 0; position: relative; width: 670px; }
#slider h3 { font-weight: bold; font-size: 14px; line-height: 2.5; color: #ef4832; max-width: 150px; margin-bottom: 5px; }

#slider .notice { color: #999; }
#slider #slides .slides .thumb { position: absolute; top: 0; right: 0; background-color: #000; }
#slider #slides .slide_content { font-size: 13px; }
#slider #slides .slide_content > *:not(h2) { max-width: 150px; }
#slider #slides .slide_content p { margin-bottom: 5px; }
#slider #slides .slide_content .cats { margin-bottom: 15px; }
#slider #slides .slide_content .date { font-size: 11px; color: #999; margin-top: 15px; }
#slider #slides h2 { position: relative; z-index: 2; font-size: 30px; font-weight: bold; line-height: 1.6; max-width: 400px; margin-bottom: 25px; }
#slider #slides h2 a { background-color: #fff; padding: 8px 0; -moz-box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; -webkit-box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; }
#slider #slides .slides li { list-style-type: none; display:none; }

#slider_nav { position: absolute; top: 270px; left: 190px; }
#slider_nav ul { list-style: none; }
#slider_nav li { float: left; margin-right: 5px; }
#slider_nav li:last-child { margin-right: 0; }
#slider_nav li a { display: block; cursor: pointer; background-color: #fff; height: 13px; width: 13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; opacity: 0.5; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
#slider_nav li a:hover { text-decoration: none; }
#slider_nav li a:hover, #slider_nav li a.current { opacity: 1; }

/* Slider Widget */
.slider_widgets { float:right; width: 290px; }
.slider_widgets .widget h3.title { font-weight: bold; font-size: 14px; line-height: 2.5; color: #ef4832; margin: 0 0 10px 0; }
 .widget ul.feature-posts-list-slider { margin: 0; }
 .widget ul.feature-posts-list-slider li { position: relative; min-height: 110px; padding: 0; border: 0; margin: 0 0 20px 0; }
 .widget ul.feature-posts-list-slider li:last-child { margin: 0; }
 .widget ul.feature-posts-list-slider li .thumb { position: absolute; top: 0; right: 0; padding: 0; margin: 0; }
 .widget ul.feature-posts-list-slider li h4 { position: relative; z-index: 2; font-size: 18px; line-height: 28px; max-width: 240px; padding-top: 20px; margin-left: 10px; }
 .widget ul.feature-posts-list-slider li h4 a { color: #fff; background-color: #ef4832; padding: 5px 0; -moz-box-shadow: 10px 0 0 #ef4832, -10px 0 0 #ef4832; -webkit-box-shadow: 10px 0 0 #ef4832, -10px 0 0 #ef4832; box-shadow: 10px 0 0 #ef4832, -10px 0 0 #ef4832; }
 .widget ul.feature-posts-list-slider li h4 a:hover { color:#ef4832; background:#fff; -moz-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; -webkit-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; }
 .widget ul.feature-posts-list-slider li .date { color: #999; }
 .widget ul.feature-posts-list-slider.notitle li .thumb { position: static; }


/* Carousel Widget */
.carousel-slider .thumb img { display: block;  padding:3px; border: 1px solid #d1d1d1; margin:0 0 7px; }
.carousel-slider .date { font-size: 11px; color: #999; margin:5px 0; }
.carousel-slider { position: relative; width: 1000px; }
.carousel-slider .item { float: left; height: 230px; padding: 0 0 20px; width: 190px; margin: 0 10px 0 0; }
.carousel-slider .fredsel_pagination { margin-left: 48%; width: 200px; height: 20px; position: absolute; bottom: -15px; }
.carousel-slider .fredsel_pagination a { width: 12px; height: 12px; float: left; margin: 2px; background: url(images/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; cursor: pointer; text-indent: -2999em; background-position: 0 -11px; }
.carousel-slider .fredsel_pagination a:hover { background-position: 0 0; }
.carousel-slider .fredsel_pagination a.selected { background-position: 0 0; }


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

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

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

.recent-post {
	border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    padding-bottom: 25px;
}

.recent-post .post-thumb {
    margin: 0 15px 0 0;
    float:left;
}

.recent-post .post-thumb img {
	border: 1px solid #d9d9d9;
	padding:4px;
}

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

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

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

.recent-post h2 a {
    font-size: 21px;
	color: #000;
}

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

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

.recent-post .entry p {
	font-size:12px;
	line-height:1.7;
}

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

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

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

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


/* Read more button */
a.more-link { display:block; margin:5px 0 0; font-size:12px;  text-align:left; font-weight:bold; }


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

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

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

.entry { overflow:hidden; }

.entry a { color:#ef4832; }
.entry a:hover { color:#000; }

.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: 490px;
    width:auto;
    height:auto;
}

#content.no_left_side .entry img.alignnone,
#content.no_left_side .entry img.aligncenter,
#content.no_left_side .entry img.alignleft,
#content.no_left_side .entry img.alignright {
    max-width: 640px;
}

.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 {
    color:#8E8E8E;
    border-left: solid 3px #ececec;
    padding:0 15px;
    margin: 10px;
}

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

.post-details p.cats {
	float: left;
}

.post-details p.date {
	float: right;
	font-size: 11px;
	color: #999;
}

h1.title  {
    margin:0 0 10px;
    line-height:1.3;
    font-size:28px;
    font-weight:bold;
}

.post-cover {
    margin:25px 0 15px;
    font-size:12px;
    color:#999;
}

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

.post-cover p {
    margin:5px 0;
}

h1.fixed { position: absolute; z-index: 2; font-size: 30px; font-weight: bold; line-height: 1.6; max-width: 400px; margin-bottom: 25px; }
h1.fixed a { background-color: #fff; padding: 8px 0; -moz-box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; -webkit-box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; }


.post-meta {
	float: right;
	font-size: 11px;
	color: #656565;
	max-width: 110px;
	padding: 8px 15px;
	border-left: 1px solid #d2d3dc;
	margin: 0 0 15px 15px;
}

.post-meta .post-author a {
	font-weight: bold;
}

.post-meta * {
	margin: 0;
}

.post-meta > * {
	margin-bottom: 15px;
}

.post-meta > *:last-child {
	margin-bottom: 0;
}


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

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

.related_posts ul li {
    display:block;
    list-style-type:none;
    padding:0 0 10px;
    margin:0 0 10px;
    border-bottom: 1px solid #ececec;
    float:left;
    width:100%;
    font-size:12px;
    color:#888;
}

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

.related_posts ul li .thumb img {
    padding: 3px;
    border: 1px solid #d1d1d1;
    margin: 0 10px 0 0;
    float: left;
}


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

/* Tags */
.tag-list { color: #63676A; border-bottom: 1px solid #ececec; padding:0 0 10px; margin:0 0 10px;}
.tag-list h5 { color: #eb6a2c; float:left; margin:0 10px 0 0; }
.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;}
.gallery img { width:150px; height:auto; }

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;
}

/* Template: Archives */
.post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.post .col_arch .left { display:block; text-transform: uppercase; font-size:12px; font-weight:bold; }
.post .col_arch .right { float: left; margin-top:12px; }
.post .col_arch .right ul {margin-left:0; }
.post .col_arch .right ul li a { font-weight: normal; }
.post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; }
.post .col_arch:last-child { border-bottom:none; }
.entry .col_arch a { color:#000; }
.entry .col_arch a:hover { color:#ef4832; }

/* Misc */
.sticky {}
.bypostauthor {}


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

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

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

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

.widget {
    margin-bottom:20px;
}

#left_sidebar {
	float: left;
	width: 150px;
	margin-right: 20px;
	overflow: hidden;
}

#left_sidebar .widget h3.title {
    font-size: 14px;
}

#sidebar .widget h3.title {
	font-size: 16px;
}

 .widget h3.title {
 	color: #ef4832;
}

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

#sidebar .widget { float: left; line-height: 1.5; width: 100%; }
.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; padding: 3px; border: 1px solid #d1d1d1;  }
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; 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; padding: 3px; border: 1px solid #d1d1d1; }
.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; border-bottom:1px solid #ececec; 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 */
#sidebar .wpzoom_social {  display:block; padding:15px 10px 0; width:278px; border:1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#sidebar .tabbertabs .wpzoom_social { border:none; }
#sidebar .wpzoom_social h3 { border-bottom:1px solid #ececec; text-align:center; padding:0 0 10px; margin: 0 0 10px;}
.wpzoom_social li { float:left; margin:0 8px 10px 0; line-height:33px; }
.wpzoom_social li a .s-icon { background: url("images/social.png") no-repeat 0 0; display: block; float: left; height: 42px; width: 42px; margin: 0 8px 0 0; }
.wpzoom_social li a:hover .s-icon { -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;}

.wpzoom_social .rss .s-icon { background-position:-110px 0; }
.wpzoom_social .twitter .s-icon { background-position:-55px 0; }
.wpzoom_social .vimeo  .s-icon{ background-position:-278px 0; }
.wpzoom_social .youtube .s-icon { background-position:-222px 0; }
.wpzoom_social .flickr .s-icon { background-position:-333px 0; }
.wpzoom_social .google .s-icon { background-position:-166px 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; }

/* Popular Posts Widget */
#sidebar .popular-news li { font-size:12px; }
.popular-news .comments {  color: #A9A9A9; margin-left:6px; }
.popular-news li {  padding: 0 0 6px; }

/* 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 */
#sidebar .widget_archive li,
#footer .widget_archive li { width:49%; float:left; display:block; margin:0;  padding:0 0 6px;}


/* Tabbed Widget */
#sidebar .tabbertabs { padding:15px 10px; width:278px; border:1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none; }
.tabbertabs h4 { color:#EF4832; text-align:center; padding:5px 0 0;}
ul.tabbernav li { float: left; margin: 0 7px 0 0; padding: 0; height: 29px; line-height: 29px;  overflow: hidden; position: relative;  list-style-type: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
ul.tabbernav { margin: 0; padding: 1px 0; font: bold 12px; border-bottom:1px solid #ececec;}
*html  ul.tabbernav { padding: 2px 0; /* ie6 only */ }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style: none; display: inline; }
ul.tabbernav li a { text-decoration: none; /* inactive tabs */ color: #999; display: block; font-size: 12px; font-weight: bold; padding: 0 5px; outline: none; }
ul.tabbernav li.tabberactive {   /* active tab */   }
ul.tabbernav li.tabberactive a { color: #000; }
ul.tabbernav { margin: 0 0 5px; padding:10px 10px 0; list-style: none; height: 29px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
-webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;  }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { padding: 5px 0 0;  }
.tabbertab h2.widgettitle { display: none; }


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

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

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

#comments { clear: both; }
#comments h3 { font-size: 18px; font-weight: bold; color: #eb6a2c; 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: #eb6a2c; 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: #eb6a2c; }
#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: #ed7942; /* Old browsers */ background: #ed7942 -moz-linear-gradient(top, #ed7942 0%, #d36028 100%); /* FF3.6+ */ background: #ed7942 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed7942), color-stop(100%,#d36028)); /* Chrome,Safari4+ */ background: #ed7942 -webkit-linear-gradient(top, #ed7942 0%,#d36028 100%); /* Chrome10+,Safari5.1+ */ background: #ed7942 -o-linear-gradient(top, #ed7942 0%,#d36028 100%); /* Opera11.10+ */ background: #ed7942 -ms-linear-gradient(top, #ed7942 0%,#d36028 100%); /* IE10+ */ background: #ed7942 linear-gradient(top, #ed7942 0%,#d36028 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 10px;  }
#respond input[type="submit"]:hover { background: #f19468; /* Old browsers */ background: #f19468 -moz-linear-gradient(top, #f19468 0%, #dc8053 100%); /* FF3.6+ */ background: #f19468 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f19468), color-stop(100%,#dc8053)); /* Chrome,Safari4+ */ background: #f19468 -webkit-linear-gradient(top, #f19468 0%,#dc8053 100%); /* Chrome10+,Safari5.1+ */ background: #f19468 -o-linear-gradient(top, #f19468 0%,#dc8053 100%); /* Opera11.10+ */ background: #f19468 -ms-linear-gradient(top, #f19468 0%,#dc8053 100%); /* IE10+ */ background: #f19468 linear-gradient(top, #f19468 0%,#dc8053 100%); /* W3C */ }
#respond input[type="submit"]:active { background: #d36028; /* Old browsers */ background: #d36028 -moz-linear-gradient(top, #d36028 0%, #ed7942 100%); /* FF3.6+ */ background: #d36028 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d36028), color-stop(100%,#ed7942)); /* Chrome,Safari4+ */ background: #d36028 -webkit-linear-gradient(top, #d36028 0%,#ed7942 100%); /* Chrome10+,Safari5.1+ */ background: #d36028 -o-linear-gradient(top, #d36028 0%,#ed7942 100%); /* Opera11.10+ */ background: #d36028 -ms-linear-gradient(top, #d36028 0%,#ed7942 100%); /* IE10+ */ background: #d36028 linear-gradient(top, #d36028 0%,#ed7942 100%); /* W3C */ text-shadow: 1px 1px rgba(0, 0, 0, .35); }



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

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

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

#footer {
    font-size:12px;
	border-top: 1px solid #d9d9d9;
	padding:30px 0 0;
	margin-top: 45px;
}

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

#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; min-height:80px;  width: 100%; }
.copyright .left { margin: 10px 0; float: left; }
.copyright .right { float: right; margin: 10px 0;}
p.wpzoom { display: inline; float: right; line-height: 16px;  }
p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }




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

10. Media Queries

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

/* Tablet Landscape */
@media screen and (max-width: 980px) {

    body { min-width:100%; }
    .wrap { width: 90%; padding: 0 5%; }

    #navbar .wrap { width:100%; padding:0; }
 	#slider { width:70%; }
	.slider_widgets { width:27%; }
	.carousel-slider { width:100%; }

 	#left_sidebar { width:15%; margin-right: 2%; }

 	#content.no_left_side {  width:76%; }

 	#content { width:60%; }

 	#sidebar {width:20% }

	#sidebar .wpzoom_social { width:95%; padding:15px 2% 0; }
	#sidebar .tabbertabs { width:95%; padding:15px 2% 0; }

    /* 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%;  }

	#footer div.column { margin-right: 2%;  width: 31%; }
	#footer .column .widget {  width:100%; }
}

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

	.carousel-slider .item img { max-width:150px; }
	.carousel-slider .item { width:157px; margin:0 15px 0 0; }
 	#left_sidebar { width:20%; margin-right: 4%; }
 	#content { width:76%; }
	#content.no_left_side {  width:100%; }
  	#sidebar {width:100% }
 	#sidebar .widget { width:100%; }
 	#sidebar .tabbertabs { width:95%; }
 	#sidebar .wpzoom_social { width:95%; }
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

    .wrap { width: 94%; padding: 0 3%; }
    #content { width:100%;}
	#left_sidebar { width:100%; }
	.search_form { display:none; }
	.carousel-slider .item img { max-width:135px; }
	.carousel-slider .item { width:140px; margin:0 10px 0 0; }

	#slider { width:100%; }
	.slider_widgets { width:100%; }
	.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%; }
}

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

	.recent-post .post-thumb { width:100%; margin-bottom:10px; }
	.recent-post .post-content .entry { overflow:visible; }
	#sidebar .tabbertabs { width:92%; }
 	#sidebar .wpzoom_social { width:92%; }

}