/*
Theme Name: FitnessMag
Theme URI: http://www.wpexplorer.com
Description: WordPress theme by <a href="http://www.wpexplorer.com">WPExplorer.com</a>
Author: WPExplorer
Author URI: http://themeforest.net/user/WPExplorer
Version: 1.21
License: Dual Licensed GPL + Themeforest License
License URI: README_License.txt
*/


/* = Reset default browser CSS.
/* = Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
================================================== */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0 }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; padding: 0; margin: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
a img { border: 0 }
/* Block elements */
header, hgroup, footer, section, article, aside { display: block }
/*jetback wpstats smiley hide*/
#wpstats { display: none }
/* = Body, Common Classes & Wrap
================================================== */
body { background-color: #ccc; font-size: 13px; line-height: 1.6em; color: #555; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #e73525; }
a:hover { text-decoration: underline }
p { margin: 0 0 20px }
hr { outline: none; display: block; margin-top: 25px; margin-bottom: 25px; background: none; border: none; height: 1px; background: #eee; clear: both; }
#wrap img { max-width: 100% }
strong { font-weight: 700 }
em { font-style: italic }
pre { background: #fff url("images/pre-bg.png") repeat; margin: 30px 0px; padding: 25px 20px; line-height: 25px; border: 1px solid #ddd; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
address { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: 20px; margin-bottom: 20px; }


blockquote { border-left: 4px solid #ccc; padding-left: 20px; margin: 30px 0px; }

.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .clearfix { zoom: 1 }
/* IE6 */
*:first-child+html .clearfix { zoom: 1 }
/* IE7 */
.remove-margin { margin-right: 0 !important }
.bottom-border { margin-bottom: 20px; padding-bottom: 20px; background: url("images/dotted-border.png") left bottom repeat-x; }
a.read-more { font-size: 11px }
/*white frame with stacked paper look*/
.boxframe { position: relative; padding: 20px; background: #fff; border: 1px solid #bbb; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1), inset 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1), inset 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1), inset 0 0 5px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.boxframe:before, .boxframe:after { content: ""; position: absolute; height: 1px; background: #fff; border: 1px solid #bbb; border-top: 0; box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.boxframe:before { bottom: -3px; left: 3px; right: 3px; }
.boxframe:after { left: 6px; right: 6px; bottom: -5px; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
/* = Structure
================================================== */
#wrap { margin: 0 auto }
.wrapper { width: 960px; margin: 0 auto; }
#main { margin-bottom: 23px !important }
/* = Headings
================================================== */
h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1.5em; font-weight: bold; }
h1 { font-size: 24px; margin-bottom: 25px; line-height: 1.2em; color: #f9f9f9; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h2, h3, h4, h5, h6 { margin-top: 35px; margin-bottom: 25px; }
h1 a, h2 a, h3 a, h4 a { color: #000 }
h2 a:hover, h3 a:hover, h4 a:hover { color: #e73525; text-decoration: none; }
.heading-border { font-size: 14px; margin: 0 0 20px; background: url("images/dotted-border.png") left center repeat-x; }
.heading-border span { margin-right: 5px; background: #fff; padding-right: 10px; }
/* = WordPress Styles
================================================== */
/*sticky*/
.sticky { }
/*gallery captio*/
.gallery-caption { }
/*by post author*/
.bypostauthor { }
/*aligns*/
.aligncenter { display: block; margin: 0 auto; }



.posttitleheading {

color: #00a8af;
font-size: 28px;
font-family: Georgia;
line-height: 1.2em;

}

.circle
{
width:25px;
height:25px;
border-radius:50%;
font-size:16px;
color:#fff;
line-height:25px;
text-align:center;
margin-top: 10px;
margin-bottom: 10px;
background:#04839a
}



.alignright { float: right; margin: 0 0 10px 20px; }
.alignleft { float: left; margin: 0 20px 10px 0; }
/*floats*/
.floatleft { float: left }
.floatright { float: right }
/*text style*/
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }
/*captions*/
.wp-caption { max-width: 100% !important }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/*smiley reset*/
.wp-smiley { margin: 0 !important; max-height: 1em; }
/*blockquote*/
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }
/*img attachment*/
#img-attch-page { text-align: center; overflow: hidden; }
#img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; max-width: 100%; transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; }
#img-attach-page-content { margin-top: 25px }
/* = Headings
================================================== */
#page-heading { text-align: center; margin-bottom: 20px; }
#page-heading.textleft { text-align: left }
#page-heading h1, #page-heading h2 { font-size: 28px; margin: 0px !important; }
#page-tagline { font-size: 13px; margin-top: 15px; }
#page-tagline p:last-child { margin: 0 }
/*posts*/
#single-header { position: relative }
#single-header h1, #single-header h2 { font-size: 24px; color: #000; margin: 0px !important; }
/* = Header
================================================== */
#header-top { width: 100%; background: #272d32 url("images/header-top.png"); position: relative; border-bottom: 1px solid #000; -webkit-box-shadow: 0 0 4px rgba(0,0,0,1); -moz-box-shadow: 0 0 4px rgba(0,0,0,1); box-shadow: 0 0 4px rgba(0,0,0,1); }
#header-top-inner { position: relative; height: 35px; line-height: 35px; }
/*top nav*/
#topnav { float: left }
#topnav li, #topnav a { display: block; float: left; font-size: 10px; color: #98a4af; font-weight: bold; }
#topnav a { transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; }
#topnav li { margin-right: 10px; padding-right: 15px; background: url("images/topnav-dash.png") right center no-repeat; }
#topnav li:last-child { margin: 0; padding: 0; background: none; }
#topnav a:hover, #topnav .current-menu-item a { background: none; color: #000; text-decoration: none; }
/*main header*/
#header { margin-bottom: 20px; border-top: 1px solid rgba(255,255,255,0.25); background: #e73525 url("images/diagonal-light.png") repeat; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,.4); box-shadow: 0 0 6px rgba(0,0,0,.4); }
#header-inner { position: relative; padding: 40px 0; }
/*logo*/
#logo a { color: #fff; padding: 0px; margin: 0px; text-decoration: none; text-shadow: 1px 1px 1px #000; }
#logo a:hover { color: #000 }
#logo img { max-width: 100%; display: inline-block; margin: 0 0 -3px; }
#logo h1, #logo h2 { font-size: 38px; margin: 0 !important; line-height: 1em !important; }
/* header banner*/
#header-banner { position: absolute; right: 0; top: 0; }
/* =  Navigation
================================================== */
/*man nav styles*/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 180px; }
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit }
.sf-menu li { display: inline-block; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; nowhitespace: afterproperty; nowhitespace: afterproperty; top: 50px; /* match top ul list item height */ z-index: 99; ; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; /* match ul width */ top: 0; ; }
/*** navigation skin ***/
#navigation-wrap { position: relative; background: #1f2529 url("images/navbg.png") repeat-x; color: #fff; height: 50px; border: 1px solid #000; }
#navigation a, #navigation li { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.sf-menu { float: left; border-left: 1px solid #2e363c; border-right: 1px solid #000; }
.sf-menu > li { display: block; float: left; height: 50px; min-height: 50px; }
.sf-menu > li > a { display: block; float: left; color: #fff; padding: 0 25px; height: 50px; line-height: 50px; font-weight: bold; text-decoration: none; border-right: 1px solid #2e363c; border-left: 1px solid #000; }
.sf-menu a span { margin-right: 2px }
.sf-menu > li:hover, .sf-menu > li.sfHover, .sf-menu .current-menu-item { background: url("images/navbg-hover.png") repeat-x }
.sf-menu > li.sfHover > a, .sf-menu .current-menu-item > a { border-right: 1px solid #3d474f }
/*Subs*/
.sf-menu ul { font-size: 11px; background: #1f2529; margin-top: 1px; border: 1px solid #000; border-top: none; }
.sf-menu ul ul { border-top: none }
.sf-menu ul a { font-size: 11px; display: block; margin: 0px; padding: 15px 10px; height: auto; line-height: 1.3em !important; color: #777; }
.sf-menu ul a:hover { color: #fff; background: url("images/navbg-hover.png") repeat-x; text-decoration: none; }
.sf-menu ul li { display: block; border-top: 1px solid #000; border-bottom: 1px solid #2e363c; }
.sf-menu ul li:last-child { border-bottom: none }
.sf-menu ul li:hover ul, .sf-menu ul li.sfHover ul { margin-top: -1px }
.sf-menu ul ul li:last-child a { border-bottom: none !important }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 35px; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; top: 50%; margin-top: -3px; right: 15px; width: 5px; height: 5px; text-indent: -999em; overflow: hidden; background: url('images/menu-arrow.png'); }
a:focus >.sf-sub-indicator, a:hover >.sf-sub-indicator, a:active >.sf-sub-indicator, li:hover >a >.sf-sub-indicator, li.sfHover >a >.sf-sub-indicator { background-position: 0 -5px }
/*menu icons*/
.sf-menu .icon-bolt > a, .sf-menu .icon-pig > a, .sf-menu .icon-briefcase > a, .sf-menu .icon-camera > a, .sf-menu .icon-film > a, .sf-menu .icon-gear > a, .sf-menu .icon-grid > a, .sf-menu .icon-home > a, .sf-menu .icon-mail > a, .sf-menu .icon-pencil > a, .sf-menu .icon-photo > a, .sf-menu .icon-graph > a, .sf-menu .icon-lab > a, .sf-menu .icon-map > a, .sf-menu .icon-cloud > a, .sf-menu .icon-cart > a, .sf-menu .icon-flag > a, .sf-menu .icon-bulb > a, .sf-menu .icon-date > a, .sf-menu .icon-brush > a, .sf-menu .icon-megaphone > a, .sf-menu .icon-support > a, .sf-menu .icon-person > a, .sf-menu .icon-bubble > a, .sf-menu .icon-rss > a, .sf-menu .icon-link > a, .sf-menu .icon-trophy > a, .sf-menu .icon-shirt > a, .sf-menu .icon-basket > a, .sf-menu .icon-film > a, .sf-menu .icon-ice-cream > a, .sf-menu .icon-users > a, .sf-menu .icon-chart > a, .sf-menu .icon-male > a, .sf-menu .icon-female > a, .sf-menu .icon-calendar > a, .sf-menu .icon-timer > a, .sf-menu .icon-video-camera > a { background-position: 20px 50%; background-repeat: no-repeat; padding-left: 50px; }
.sf-menu .icon-bolt > a { background-image: url("images/menu-icon/icon-bolt.png") }
.sf-menu .icon-briefcase > a { background-image: url("images/menu-icon/icon-briefcase.png") }
.sf-menu .icon-camera > a { background-image: url("images/menu-icon/icon-camera.png") }
.sf-menu .icon-film > a { background-image: url("images/menu-icon/icon-film.png") }
.sf-menu .icon-gear > a { background-image: url("images/menu-icon/icon-gear.png"); : ; }
.sf-menu .icon-grid > a { background-image: url("images/menu-icon/icon-grid.png") }
.sf-menu .icon-home > a { background-image: url("images/menu-icon/icon-home.png") }
.sf-menu .icon-mail > a { background-image: url("images/menu-icon/icon-mail.png") }
.sf-menu .icon-pencil > a { background-image: url("images/menu-icon/icon-pencil.png") }
.sf-menu .icon-photo > a { background-image: url("images/menu-icon/icon-photo.png") }
.sf-menu .icon-graph > a { background-image: url("images/menu-icon/icon-graph.png") }
.sf-menu .icon-lab > a { background-image: url("images/menu-icon/icon-lab.png") }
.sf-menu .icon-map > a { background-image: url("images/menu-icon/icon-map.png") }
.sf-menu .icon-cloud > a { background-image: url("images/menu-icon/icon-cloud.png") }
.sf-menu .icon-cart > a { background-image: url("images/menu-icon/icon-cart.png") }
.sf-menu .icon-flag > a { background-image: url("images/menu-icon/icon-flag.png") }
.sf-menu .icon-date > a { background-image: url("images/menu-icon/icon-date.png") }
.sf-menu .icon-bulb > a { background-image: url("images/menu-icon/icon-bulb.png") }
.sf-menu .icon-brush > a { background-image: url("images/menu-icon/icon-brush.png") }
.sf-menu .icon-megaphone > a { background-image: url("images/menu-icon/icon-megaphone.png") }
.sf-menu .icon-support > a { background-image: url("images/menu-icon/icon-support.png") }
.sf-menu .icon-person > a { background-image: url("images/menu-icon/icon-person.png") }
.sf-menu .icon-bubble > a { background-image: url("images/menu-icon/icon-bubble.png") }
.sf-menu .icon-pig > a { background-image: url("images/menu-icon/icon-pig.png") }
.sf-menu .icon-rss > a { background-image: url("images/menu-icon/icon-rss.png") }
.sf-menu .icon-link > a { background-image: url("images/menu-icon/icon-link.png") }
.sf-menu .icon-trophy > a { background-image: url("images/menu-icon/icon-trophy.png") }
.sf-menu .icon-shirt > a { background-image: url("images/menu-icon/icon-shirt.png") }
.sf-menu .icon-basket > a { background-image: url("images/menu-icon/icon-basket.png") }
.sf-menu .icon-film > a { background-image: url("images/menu-icon/icon-film.png") }
.sf-menu .icon-ice-cream > a { background-image: url("images/menu-icon/icon-ice-cream.png") }
.sf-menu .icon-users > a { background-image: url("images/menu-icon/icon-users.png") }
.sf-menu .icon-chart > a { background-image: url("images/menu-icon/icon-chart.png") }
.sf-menu .icon-male > a { background-image: url("images/menu-icon/icon-male.png") }
.sf-menu .icon-female > a { background-image: url("images/menu-icon/icon-female.png") }
.sf-menu .icon-calendar > a { background-image: url("images/menu-icon/icon-calendar.png") }
.sf-menu .icon-timer > a { background-image: url("images/menu-icon/icon-timer.png") }
.sf-menu .icon-video-camera > a { background-image: url("images/menu-icon/icon-video-camera.png") }
/* = Header
================================================== */
#featured-posts { background: #181c1f; padding: 0 15px; margin-bottom: 20px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); }
#featured-posts-inner { margin-right: -15px; position: relative; }
#featured-posts a { width: 174px; display: block; float: left; margin-right: 15px; padding: 15px 0; text-align: center; color: #abb6be; line-height: 1.4em; font-size: 12px; transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; }
#featured-posts a div { padding: 5px 5px 0 }
#featured-posts a:hover { background: #2e363c; color: #d1effe; text-decoration: none; }
#featured-posts a:last-child { margin: 0 }
/* = Image Slider
================================================== */
/* FlexSlider necessary styles */
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li { display: none }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block }
* html .slides { height: 1% }
.no-js .slides > li:first-child { display: block }
/*slider wrap */
#slider-wrap { width: 100%; min-height: 70px; position: relative; padding: 10px; margin-bottom: 20px; background: #fff url("images/loader.gif") center center no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#homeslider img { display: block; margin: 0; padding: 0; }
#homeslider .slides_container { width: 100%; display: none; }
#homeslider .caption { position: absolute; max-width: 300px; height: auto; left: 25px; bottom: 25px; background: #000; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.9); font-size: 16px; font-weight: bold; padding: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#homeslider .prev, #homeslider .next { display: none; background: #fff; position: absolute; top: 50%; margin-top: -23px; width: 40px; height: 46px; line-height: 46px; font-size: 18px; text-align: center; color: #bbb; z-index: 90; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; }
#homeslider .prev { left: 7px }
#homeslider .next { right: 7px }
#homeslider .prev:hover, #homeslider .next:hover { color: #000; text-decoration: none; }
#homeslider .flex-control-nav { position: absolute; right: 25px; bottom: 25px; }
#homeslider .flex-control-nav li { display: block; float: left; text-indent: -9999px; }
#homeslider .flex-control-nav a { height: 8px; width: 8px; display: block; cursor: pointer; font-weight: bold; font-size: 10px; background: none; border: 2px solid #fff; margin-left: 3px; }
#homeslider .flex-control-nav a:hover, #homeslider .flex-control-nav a.active { text-decoration: none; background: #e73525; }
/* = Posts & Pages
================================================== */
.container { float: left; width: 630px; }
.full-width { float: none !important; width: 100% !important; margin-bottom: 24px; }
.loop-entry { width: 305px; float: left; margin-right: 20px; margin-bottom: 24px; }
.loop-entry-thumbnail img { width: 100%; display: block; }
.loop-entry p:last-child { margin: 0 }
.loop-entry-thumbnail { position: relative; margin: -20px -20px 15px; }
.loop-entry-thumbnail:hover img { opacity: 0.8 }
.loop-entry-meta { color: #777; font-size: 11px; padding-top: 15px; margin-top: 15px; background: url("images/small-border.png") left top no-repeat; }
.loop-entry-meta a { color: #888 }
.loop-entry-meta a:hover { color: #000; text-decoration: none; }
.loop-entry-thumbnail a:hover img { color: #fc7251 }
.loop-entry h2 { margin: 0 0 10px; font-size: 16px; line-height: 1.4em; }
.single .entry img { max-width: 100% }
.entry ul, .entry ol { margin-left: 30px; margin-bottom: 10px; list-style: inherit; }
.entry ol { list-style: decimal }
/*thumbnail*/
.post-thumbnail { display: block; margin-bottom: 15px; }
.post-thumbnail img { display: block; max-width: 100%; }
/*post meta*/
.single-meta { font-size: 12px; margin-top: 10px; }
.single-meta ul { margin: 0 }
.single-meta li { list-style: none; margin-right: 10px; display: block; float: left; }
.single-meta li span { color: #bbb }
/*post bottom meta*/
#post-bottom-meta { font-size: 12px; margin-top: 20px; padding-top: 20px; background: url("images/small-border.png") left top no-repeat; }
#post-bottom-meta span { margin-right: 5px; color: #bbb; }
#post-bottom-meta a { padding-right: 11px; margin-right: 2px; background: url("images/dot.png") right center no-repeat; }
#post-cats a:last-child, #post-tags a:last-child { margin: 0; padding: 0; background: none; }
/*posts ads*/
#above-post-ad { margin-bottom: 15px }
#below-post-ad { margin-top: 20px }
#above-post-ad, #below-post-ad { text-align: center }
#above-post-ad img, #below-post-ad img { border: 5px solid #eee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#above-post-ad img:hover, #below-post-ad img:hover { border-color: #ddd }
/*post author */
#single-author { margin-top: 20px }
#author-image { float: left; width: 60px; }
#author-image img { border: 4px solid #eee }
#author-bio { float: right; width: 500px; }
#author-bio h4 { margin: -2px 0 5px }
#author-bio p:last-child { margin: 0 }
/*related posts */
#related-posts { margin-top: 20px }
#related-posts .alignleft { margin-bottom: 0 }
#related-posts .related-entry p::last-child { margin: 0 }
#related-posts .alignleft { max-width: 45%; border: 4px solid #eee; }
#related-posts .alignleft:hover img { opacity: 0.8 }
#related-posts .alignleft img { display: block }
#related-posts h4 { margin: 0 0 5px }
#related-posts .related-entry { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
#related-posts div.related-entry:last-child { margin: 0; padding: 0; border: none; }
/* = Pagination
================================================== */
.page-pagination { margin-top: 10px; position: relative; overflow: hidden; margin-bottom: -4px; overflow: hidden; border-top: 1px solid rgba(102,102,102,0.3); }
.page-pagination-inner { border-top: 1px solid rgba(255,255,255,0.5); padding-top: 20px; padding-right: 100px; line-height: 20px; height: 20px; }
.page-pagination a, .page-pagination span { position: relative; font-size: 10px; font-weight: bold; line-height: 20px; height: 20px; width: 20px; text-align: center; margin-right: 7px; display: block; float: left; background: #7f7f7f; color: #fff; transition: all 0.4s ease; transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-pagination a:hover, .page-pagination span.current { text-decoration: none; background: #000; }
#page-of-page { position: absolute; right: 0px; top: 20px; height: 20px; font-size: 10px; }
.page-pagination a.arrow-link:hover { font-size: 8px !important }
.page-pagination a.arrow-link:hover span { text-decoration: none; background: #000; }
/* = Comments
================================================== */
#commentsbox { width: 100%; margin-top: 20px; }
#commentsbox ol, #commentsbox ul { list-style: none; margin: 0 !important; }
.children { list-style: none; margin: 30px 0 0; text-indent: 0; }
.children li.depth-2 { margin: 0 0 0px 65px }
.children li.depth-3 { margin: 0 0 0px 65px }
.children li.depth-4 { margin: 0 0 0px 65px }
.children li.depth-5 { margin: 0 0 0px 65px }
.children li.depth-6 { margin: 0 0 0px 65px }
.children li.depth-7 { margin: 0 0 0px 65px }
.children li.depth-8 { margin: 0 0 0px 65px }
.children li.depth-9 { margin: 0 0 0px 65px }
.children li.depth-10 { margin: 0 0 0px 65px }
.comment-body { position: relative; margin-bottom: 20px; padding: 20px; background: #f9f9f9; border-bottom: 1px solid #ddd; margin-left: 60px; }
.comment-body p { margin: 0 }
.comment-reply-link:hover { color: #000; font-weight: bold; text-decoration: none; }
#commentsbox .avatar { position: absolute; top: 0; left: -60px; border: 4px solid #eee; }
.comment-author { font-weight: bold; color: #000; }
.says { display: none }
.comment-meta { margin-bottom: 10px }
.comment-meta a { font-size: 11px; font-style: italic; color: #666; }
#respond h4 { margin: 0 0 20px }
#respond a#cancel-comment-reply-link { display: block; font-size: 12px; margin: -10px 0 10px; font-weight: bold; }
#commentform label { font-size: 12px; font-weight: bold; display: block; float: left; height: 35px; line-height: 35px; background: #eee; width: 80px; text-align: center; }
#commentform input { margin-top: 0 !important }
#commentform input#author, #commentform input#email, #commentform input#url { width: 30%; margin-top: 10px; }
#commentform textarea { display: block; width: 100%; margin-top: 20px; }
/*WP JetPack*/
.comment-subscription-form { font-size: 12px }
.comment-subscription-form input { float: left; margin-right: 5px; }
/* = Form Styling
================================================== */
input[type="text"], input[type="password"] { height: 35px; line-height: 35px; }
input[type=search], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; color: #999; line-height: 1.6em; padding: 0 10px; border: none; outline: none; background: #f9f9f9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
textarea { padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { color: #000 !important; background: #f5f5f5; }
#submit { margin-bottom: 20px; cursor: pointer; font-size: 11px; display: block; height: 28px; line-height: 28px; padding: 0 10px; background: #648F0A url("images/yellow-btn.png"); border: 1px solid #F9B653; color: #9C6533 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#submit:hover { background: url("images/yellow-btn-hover.png") }
#submit:active { background: url("images/yellow-btn-active.png") }
/* = Sidebar
================================================== */
#sidebar { width: 310px; float: right; font-size: 12px; }
.sidebar-box { margin-bottom: 20px }
.sidebar-box h4 { margin-top: 0px !important; margin-bottom: 20px; font-size: 14px; background: url("images/dotted-border.png") left center repeat-x; }
.sidebar-box h4 span { background: #fff; padding-right: 10px; margin-left: 10px; padding-left: 10px; }
.sidebar-box ul { list-style: none; list-style-position: inside; margin: 0px; }
.sidebar-box li { margin-bottom: 5px }
#sidebar a { color: #777 }
#sidebar a:hover { color: #000; text-decoration: none; }
/* = Widgets
================================================== */
.widget_nav_menu a, .widget_recent_entries a, .widget_categories a { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
#sidebar .widget_nav_menu li:first-child a, #sidebar  .widget_recent_entries li:first-child a, #sidebar  .widget_categories li:first-child a { padding-top: 10px; border-top: 1px solid #eee; }
.widget_nav_menu li:last-child a, .widget_recent_entries li:last-child a, .widget_categories li:last-child a { margin-bottom: 0 }
#footer .widget_nav_menu a, #footer .widget_recent_entries a, #footer .widget_categories a { border-color: #333 }
/*tagcloud*/
.tagcloud a { float: left; font-size: 11px !important; line-height: 1em !important; display: block; margin-right: 7px; margin-bottom: 7px; padding: 7px; background: #648F0A url("images/yellow-btn.png"); border: 1px solid #F9B653; color: #9C6533 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#sidebar .tagcloud a:hover { background: url("images/yellow-btn-hover.png") }
#sidebar .tagcloud a:active { background: url("images/yellow-btn-active.png") }
/*calendar*/
#wp-calendar caption { color: #000; text-align: center; margin-bottom: 10px; }
#wp-calendar, #footer #wp-calendar tr { width: 100% }
#wp-calendar th { text-align: center }
#wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee; }
#wp-calendar tbody td:hover { background: #eee; color: #000; }
#wp-calendar tbody a { display: block }
#sidebar #wp-calendar a { color: #e73525 }
#sidebar #wp-calendar a:hover { text-decoration: underline }
#footer #wp-calendar caption { color: #fff }
#wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee; }
#wp-calendar tbody td:hover { background: #fff; color: #000; }
/*subscribe*/
#subscribe-blog #subscribe-field { margin-top: 5px; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#subscribe-blog input { width: 100px !important }
#subscribe-blog #subscribe-field:focus { }
#subscribe-blog input[type="submit"] { cursor: pointer; padding: 5px; font-size: 11px; background: #648F0A url("images/yellow-btn.png"); border: 1px solid #F9B653; color: #9C6533 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#subscribe-blog input[type="submit"]:hover { opacity: 0.90 }
#sidebar #subscribe-blog { font-size: 12px }
#sidebar #subscribe-blog #subscribe-field { font-size: 11px; width: 100% !important; padding: 10px 5px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer #subscribe-blog #subscribe-field { background: #444; border: 1px solid #2b2b2b; }
#footer #subscribe-blog #subscribe-field:focus { background-color: #555; color: #fff; }
/*twitter*/
.widget_twitter h4 { background: url("images/twitter-widget-icon.png") right top no-repeat }
ul.tweets li { margin-bottom: 10px }
#sidebar .tweets a { color: #444; font-weight: bold; }
#sidebar .tweets a:hover { text-decoration: none; color: #000; background: #f0b910; }
/*flickr*/
.flickr-widget { margin-right: -5px !important }
.flickr-widget  li { float: left }
.flickr-widget a { display: block; float: left; width: 55px; height: 55px; margin-right: 5px; margin-bottom: 5px; }
.flickr-widget img { display: block; width: 55px; height: 55px; }
#footer .flickr-widget { margin-right: -8px !important }
#footer .flickr-widget a { width: 64px; height: 64px; margin-right: 8px; margin-bottom: 8px; }
#footer .flickr-widget img { display: block; width: 64px; height: 64px; }
/*video*/
.video-widget-description { margin-top: 10px; text-align: center; }
/*recent posts with thumbnail*/
.recent-posts-widget h5 { margin: 0; font-size: 13px; line-height: 1.2em; }
.recent-posts-widget .alignleft { max-width: 30%; margin-bottom: 0; border: 4px solid #eee; }
.recent-posts-widget .alignleft:hover img { opacity: 0.8 }
.recent-posts-widget img { display: block }
.recent-posts-widget li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.recent-posts-widget li:last-child { margin: 0; padding: 0; border: none; }
#sidebar .recent-posts-widget h5 a { color: #333 }
#sidebar .recent-posts-widget h5 a:hover { color: #e73525 }
.recent-posts-widget .recent-post-date { color: #777; font-size: 11px; margin-top: 5px; }
/* = Footer
================================================== */
#footer { width: 100%; background: #222 url("images/diagonal.png"); color: #718491; font-size: 12px; }
#footer-inner { padding: 5px 20px }
#footer a { color: #aaa; text-decoration: none; }
#footer a:hover { color: #fff }
#footer ul { margin-left: 0px !important }
/*footer widgets*/
#footer-widget-wrap { }
.footer-widget { margin-bottom: 20px }
#footer-left, #footer-middle, #footer-right { margin-top: 25px }
.footer-widget { color: #7f7f7f; margin-bottom: 25px; }
.footer-widget h4 { color: #fff; font-size: 14px; padding-bottom: 15px; margin: 0 0 15px; border-bottom: 1px solid #333; }
/*footer bottom*/
#footer-bottom { background: #020202; border-top: 1px solid #333; }
#footer-bottom-inner { padding: 10px 20px; font-size: 11px; }
#footer-bottom a { color: #aaa }
#footer-bottom a:hover { color: #fff }
#copyright { float: left; width: 30%; color: #999; }
#footer-menu { width: 65%; float: right; text-align: right; font-size: 11px; }
#footer-menu li { display: inline }
#footer-menu a { margin-right: 5px; padding-right: 10px; text-decoration: none; background: url("images/dash-footer.png") right center no-repeat; }
#footer-menu li:last-child a { margin: 0; padding: 0; background: none; }
#toplink { display: none; position: absolute; bottom: 0; right: -35px; height: 25px; line-height: 25px; width: 25px; text-align: center; background: #000; color: #fff !important; font-size: 13px; }
#toplink:hover { background: none; color: #000 !important; text-decoration: none; }
/* = Search Bar
================================================== */
#main-search { display: block; position: absolute; top: 0; right: 0; height: 35px; width: 200px; }
#main-search #search { position: absolute; top: 0; font-size: 11px; width: 100%; padding: 0 30px 0 10px; outline: none; border: none; background: #3d474f; color: #98a4af; margin: 0; height: 35px; line-height: 35px; border: 1px solid #000; border-bottom: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#main-search #search:focus { color: #c8ced4 !important; background: #454f58; }
#main-search #searchsubmit { background: url("images/search.png") center center no-repeat; position: absolute; top: 50%; right: 11px; height: 10px; width: 10px; margin-top: -5px; border: none; outline: none; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; line-height: 0; }
/*footer and sidebar search*/
#sidebar #search, #footer #search { width: 100%; font-size: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#sidebar #search { background: #eee }
#sidebar #search:focus { background: #f5f5f5 }
#sidebar #searchsubmit, #footer #searchsubmit { display: none }
/* = Shortcodes
================================================== */
/*google*/
.google-map { overflow: hidden }
/*hr*/
hr.none { border: none; outline: none; height: 1px; background: none; }
hr.dotted-line { border: none; border-top: 1px dotted #ddd; }
hr.solid-line { border: none; border-top: 1px solid #ddd; }
hr.dashed-line { border: none; border-top: 1px dashed #ddd; }
/*alerts*/
.alert-red, .alert-yellow, .alert-green, .alert-blue { margin: 0; /*IE fail fix*/ color: rgba(0,0,0, .6);; text-shadow: 0px 0px 1px rgba(255,255,255, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; ; }
.alert-inner { nowhitespace: afterproperty; font-weight: normal; margin: 0; padding: 10px; border-top: 1px solid rgba(255,255,255,0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.alert-red.alignright, .alert-yellow.alignright, .alert-green.alignright, .alert-blue.alignright { float: right; width: 50%; margin: 0 0 10px 20px; }
.alert-red.alignleft, .alert-yellow.alignleft, .alert-green.alignleft, .alert-blue.alignleft { float: left; width: 50%; margin: 0 20px 10px 0; }
.alert-red p:last-child, .alert-yellow p:last-child, .alert-green p:last-child, .alert-blue p:last-child { margin-bottom: 0 }
.alert-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: rgba(0,0,0, .7); }
.alert-red { background-color: #feebeb; color: #b15353; border: 1px solid #efa4a4; }
.alert-red .alert-title { color: #b15353 }
.alert-yellow { background: #fcf1d2; color: #bf6913; font-weight: bold; border: 1px solid #f1d06c; }
.alert-yellow .alert-title { color: #bf6913 }
.alert-green { background: #d1e3aa; color: #6e8340; border: 1px solid #9cb565; }
.alert-green .alert-title { color: #6e8340 }
.alert-blue { background: #d2e3f4; color: #416081; border: 1px solid #95b9db; }
.alert-blue .alert-title { color: #416081 }
/*buttons*/
.button { display: inline-block; background-image: url("images/shortcodes/button-gradient.png"); background-repeat: repeat-x; color: #fff; border: none; outline: none; cursor: pointer; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.2); margin: 10px 5px 10px 0; }
.button span { font-size: 12px; display: block; padding: 6px 14px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); border-top: 1px solid rgba(255,255,255,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button:hover { background-image: url("images/shortcodes/button-gradient-hover.png"); text-decoration: none; }
.button:focus { top: -2px; position: relative; }
.button.black { background-color: #000 }
.button.gray { background-color: #666 }
.button.light-gray { background-color: #999 }
.button.red { background-color: #e73525 }
.button.orange { background-color: #fd5c36 }
.button.blue { background-color: #0c6fb1 }
.button.pink { background-color: #e22092 }
.button.green { background-color: #86b662 }
.button.rosy { background-color: #FE4365 }
.button.brown { background-color: #7B5C5D }
.button.purple { background-color: #66435F }
.button.gold { background-color: #febd4c }
.button.yellow { background-color: #f9d928 }
/*toggle*/
.toggle-wrap { margin: 10px 0 }
.toggle-wrap h3.trigger { margin: 0px }
.toggle-wrap h3.trigger a { display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 5px; text-indent: 25px; background-color: #f9f9f9; background-image: url("images/plus.png"); background-position: 15px center; background-repeat: no-repeat; }
.toggle-wrap h3.trigger a:hover, .toggle-wrap h3.active a { color: #000; background-color: #f5f5f5; }
.toggle-wrap h3.active a { background-image: url("images/minus.png") }
.toggle-wrap h3.active a:hover { }
.toggle-wrap .toggle_container { display: none; background-color: #fff; overflow: hidden; padding: 20px; border: 1px solid #ddd; border-top: 0px; }
/*accordion*/
.accordion h3 { font-size: 12px; margin-bottom: 0px; margin-top: 5px; }
.accordion h3 a { display: block; padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9; background-image: url("images/plus.png"); background-position: 15px center; background-repeat: no-repeat; outline: 0 !important; font-weight: 400; text-indent: 25px; }
.accordion h3.ui-state-active  a { background-image: url("images/minus.png") }
.ui-state-focus { outline: none }
.accordion h3 a:hover, .accordion .ui-state-active a { color: #000; background-color: #f5f5f5; border-color: #ddd; }
.accordion .ui-accordion-content { padding: 20px; background: #fff; border: 1px solid #ddd; border-top: 0px; }
.accordion .ui-accordion-content p:last-child { margin: 0px }
/*tabs*/
.tab-shortcode { margin-bottom: 20px }
.tab-shortcode ul.ui-tabs-nav { display: block; margin: 0 !important; padding: 0; border-bottom: solid 1px #ddd; margin-left: 1px !important; }
.tab-shortcode  ul.ui-tabs-nav li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; }
.tab-shortcode  ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; color: #666; background: #f9f9f9; font-size: 12px; }
.tab-shortcode  ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; }
.tab-shortcode ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0 }
.tab-shortcode ul.ui-tabs-nav li:first-child a { border-width: 1px 1px 0 1px }
.tab-shortcode .tab-content { background: #fff; padding: 20px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
/* Clearfixing tabs for beautiful stacking */
ul.tab-shortcode:before, ul.tab-shortcode:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
ul.tab-shortcode:after { clear: both }
ul.tab-shortcode { zoom: 1 }
.ui-tabs-hide { display: none }
/*columns*/
.one-half, .two-columns { width: 48% }
.one-third, .three-columns { width: 30.66% }
.one-two-third { width: 65.33% }
.one-fourth, .four-columns { width: 22% }
.one-three-fourths { width: 74% }
.one-fifth { width: 16.8% }
.one-sixth { width: 13.33% }
.two-columns, .three-columns, .four-columns, .one-two-third, .one-three-fourths, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; }
.column-last { margin-right: 0px }
.column-first { margin-left: 0px }
.column-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
/*social*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }
.social-icons ul { margin-right: -5px }
.social-icons li { display: block; float: left; margin: 0; }
.social-icon { margin-right: 7px; margin-bottom: 7px; }
.social-icons .social-icon { display: block; float: left; }
.social-icons .social-icon img { display: block }
.social-icon img { margin: 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.social-icon:hover img { -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
/* Sitemap
================================================== */
.sitemap-container ul { margin-bottom: 25px }
#sitemap-wrap h2 { font-size: 13px; margin-bottom: 10px; margin-top: 0px; }
.sitemap-container li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; border-bottom-color: rgba(192,192,192, 0.2); }
.sitemap-container ul li:first-child { padding-top: 5px; border-top: 1px solid #eee; border-top-color: rgba(192,192,192, 0.2); }
.sitemap-container a:hover { color: #000; text-decoration: none; }
/* 404 Page
================================================== */
#error-page-title { font-size: 300px; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000; background: none; line-height: 1em; border: none; }
#error-page-text { margin-top: -40px; text-align: center; font-size: 14px; color: #999; }