/*

Theme Name: SmartPress

Theme URI: http://izithemes.com

Description: SmartPress is A Magazine Wordpress Theme with Responsive Action

Version: 1.0

Author: IziThemes

Author URI: http://izithemes.com

*/


/* =Reset default browser CSS.
-------------------------------------------------------------- */
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, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, caption, 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; }



:focus { outline: 0; }

ol, ul { list-style: none; padding: 0; margin: 0; }

table { /* tables still need 'cellspacing="0"' in the markup */ 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: none; }

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

/* =Structure
----------------------------------------------- */

.container { background-color: #f9f9f9; padding: 0 10px; }
.thumb { display: block; padding: 3px; border: 1px solid #ddd; background-color: #fff; }
.thumb:hover { border-color: #999; }


/* Alignment */
.alignleft { display: inline; float: left; margin-right: 15px; }
.alignright { display: inline; float: right; margin-left: 15px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }


/* =Global
----------------------------------------------- */
body, input, textarea { font: 13px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.625; color: #111; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body { background: #ccc url(images/patterns/pattern-3.png); } 



/* =Typography
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #cc3300; }
h1, h2, h3 { font-family: "Oswald", "League Gothic", "Droid Sans", "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; }
h4, h5, h6 { font-family: "Droid Sans", Arial, "Times New Roman", Helvetica, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 32px; line-height: 38px; margin-bottom: 12px; }
h2 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }
h3 { font-size: 26px; line-height: 32px; margin-bottom: 8px; }
h4 { font-size: 15px; line-height: 22px; margin-bottom: 4px; font-weight: bold; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 13px; line-height: 18px; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }


/*	Blockquotes  */
blockquote, blockquote p { font-size: 16px; line-height: 28px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 3px double #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* definition list styles */
dl { padding: 0; margin: 0; }
dt { font-weight: bold; margin-bottom: 5px; }
dd { padding: 0; padding-left: 20px; margin: 0; margin-bottom: 10px; }


/* code format */
pre { border: 1px solid #ddd; background: #fff url(images/pre.png) 0 0 no-repeat; padding: 10px; padding-top: 20px; font-family: Courier; color: #CC0000; margin: 20px 0; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
pre:hover { background-color: #f9f9f9; }


/* =Links
----------------------------------------------- */
a { color: #cc3300; text-decoration: none; outline: 0; }
a:hover { color: #000; text-decoration: underline; }
a, .button, button, input[type="submit"], input[type="reset"], input[type="button"] { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }
p a { line-height: inherit; }


/* =Lists
----------------------------------------------- */

ul, ol { margin: 0; padding: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }


/* =Images
----------------------------------------------- */
img { vertical-align: top; max-width:100%;height: auto;}
img.scale-with-grid { max-width: 100%; height: auto; }


/* =Forms
----------------------------------------------- */
form { margin: 0; padding: 0; }
fieldset { margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select { border: 1px solid #ccc; padding: 3px 10px; outline: none; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; line-height: 1; background: #fff; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
select { padding: 0; }
input[type="text"],
input[type="password"],
input[type="email"] { height: 22px; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); }
textarea { min-height: 60px; }
label,
legend { display: block; font-weight: bold; margin-bottom: 10px; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
label span,
legend span { font-weight: normal; font-size: 13px; color: #444; }


/* Search form */
input#s { background: #fff url("images/search.png") no-repeat 4px center; padding: 3px 10px 3px 25px; }
input#searchsubmit { display: none; }


/* =Buttons
----------------------------------------------- */
.pagination a,
.widget.widget_tag_cloud .tagcloud a,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] { background: #eee url(images/overlay_button.png) repeat-x; border: 1px solid #ddd; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 #fff; cursor: pointer; line-height: normal; padding: 8px 10px; margin: 0; }

.pagination li a:hover,
.pagination li.current-cat a,
.pagination li a.selected,
.widget.widget_tag_cloud .tagcloud a:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover { color: #222; background-color: #ddd; border-color: #aaa; }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }


/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }


.pagination li a:active,
.widget.widget_tag_cloud .tagcloud a:active,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active { background-image: url(images/overlay_button_press.png); }


/* =Tooltip effect
----------------------------------------------- */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }



/* =Header
----------------------------------------------- */
#top { background: #252525 url(images/noise.png); border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #cc3300; font-size: 12px; color: #f5f5f5; }
#top .container { padding: 8px 0; background: none; }
#top .top_alignleft { float: left; }
#top .top_alignright { float: right; }
#top .topmenu { margin: 0; padding: 0; }
#top .topmenu li { display: inline; padding: 0; margin: 0; }
#top .topmenu li a { margin-right: 6px; padding-right: 6px; text-decoration: none; border-right: 1px solid #ddd; color: #f5f5f5; }
#top .topmenu li.current-menu-item a,
#top .topmenu li.current_page_item a,
#top .topmenu a:hover { color: #fff; }


#header { padding: 2px 5px; margin-bottom: 0px; /*width:940px;*/ }
#header .alignright { margin: 0; padding: 0; padding-top: 4px; }
#logo { float: left; }
#logo h1 a,
#logo h1 { padding: 0; margin-bottom: 0; color: #fff; }


/* Social  Network */
#social_network { float: left; }
#social_network { }
#social_network { margin-top: 6px; }
#social_network a { float: left; width: 28px; height: 28px; position: relative; margin-right: 10px; background-color: #fff; background-position: top left; background-repeat: no-repeat; }
#social_network a:hover { background-position: bottom left; }
#social_network a.facebook { background-image: url(images/icon_facebook.png); }
#social_network a.twitter { background-image: url(images/icon_twitter.png); }
#social_network a.feed { background-image: url(images/icon_feed.png); }


#branding { float: right; }
#branding { }
#branding { margin-top: 6px; }
#branding #s { width: 120px; margin: 0; border: none; }
#branding #s:focus { background-color: #F9F9F9; }


#advert { float: right; }
#advert { margin-right: 10px; }
#advert { margin-top: 26px; }



/* =Navigation
----------------------------------------------- */

#nav { background: #fff url(images/box_bg.png) bottom repeat-x; border: 1px solid #ddd; height: 44px; /*width:940px*/ }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; font-size: 13px; }
.sf-menu ul { position: absolute; top: -999em; width: 180px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
/* fixes IE7 'sticky bug' */
.sf-menu li { float: left; position: relative; }
.sf-menu li li { padding-right: 0; }
.sf-menu a { display: block; position: relative; }
.sf-menu li li a { font-size: 13px; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: -1px; top: 40px; 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; top: -1px; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 180px; top: 0; }



/*** MENU SKIN ***/
.sf-menu { float: left; }
.sf-menu a { padding: 11px 15px 11px 15px; text-decoration: none; }
.sf-menu a, .sf-menu a:visited { color: #666; }
.sf-menu > li { border-right: 1px solid #ddd; }
.sf-menu > li > a { font-family: "League Gothic", BebasNeue, Oswald, "Droid Sans","Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-size: 20px; text-transform: uppercase; }
.sf-menu > li.home > a { width: 40px; height: 40px; text-indent: -9999em; overflow: hidden; padding: 0; background: #666 url(images/icon_home_normal.png) center no-repeat; }
.sf-menu li ul { border: 1px solid #ddd; border-bottom: 0; }
.sf-menu li li { background: #fff; border-bottom: 1px solid #ddd; }
.sf-menu li li a { padding: 8px 15px 8px 15px; text-decoration: none; }

.sf-menu li.current-menu-item a,
.sf-menu li.current_page_item a,
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:hover,
.sf-menu a:active { background-color: #fafafa; color: #cc3300; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }


/* home actived */
.sf-menu > li.home.current-menu-item > a,
.sf-menu > li.home.current_page_item > a { background-color: #cc3300; background-image: url(images/icon_home_actived.png); }
.sf-menu li li a:hover { padding-left: 25px; }


/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 20px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 15px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
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: -10px -100px; /* arrow hovers for modern browsers*/ }


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; top: 10px; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }


/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; }
.sf-shadow ul.sf-shadow-off { background: transparent; }


/* Mobile Navigation */
#nav {margin: 15px 0;}
#nav .select-menu { background: #fff; color: #444; padding: 5px; font-size: 13px; line-height: 21px; border: 1px solid #ddd; display: none; /*width:100%*/ }
@media (max-width: 767px) {
    div#nav .select-menu { display: block;margin: 10px 0 20px 0;width: 100%;height: 45px;line-height: 45px;font-size: 19px;}
}
@media only screen and (max-width: 767px) {
    div#nav {
        display: block;
    }
}


/* =FlexSlider
----------------------------------------------- */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }

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



/* FlexSlider Necessary Styles
*********************************/
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* 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; }



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



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


/* FlexSlider Default Theme
*********************************/
.flexslider { background: #eee; position: relative; zoom: 1; overflow: hidden; border-bottom-color: #cc3300; border-bottom-style: solid; border-bottom-width: 4px; }
.flexslider img { display: block; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; margin: 0; padding: 0; overflow: hidden; }

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }


/* Caption style */

/* IE rgba() hack */

.flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; }
.flex-caption { width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; }



/* Direction Nav */
.flex-direction-nav { height: 0; position: absolute; bottom: 0px; width: 100%; }
.flex-direction-nav li a { width: 27px; height: 27px; background: url(images/bg_direction_nav.png) no-repeat; display: block; position: absolute; bottom: 60px; cursor: pointer; text-indent: -999em; }
.flex-direction-nav li .next { background-position: -27px 0; right: 60px; }
.flex-direction-nav li .prev { left: 60px; }
.flex-direction-nav li .disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }



/* Control Nav */
.flexslider .flex-control-nav { position: absolute; left: 15px; bottom: -35px; }
.flexslider .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; padding: 0; }
.flexslider .flex-control-nav li:first-child { margin: 0; }
.flexslider .flex-control-nav li a { background-color: #fff; width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999em; -moz-border-radius: 3px; -webkit-border-radius: 32px; border-radius: 3px; }
.flexslider .flex-control-nav li a:hover { background-color: #ddd; }
.flexslider .flex-control-nav li a.active { background-color: #cc3300; cursor: default; }



/* Added */
.flexslider .caption { background: url(images/slider_caption.png); color: #fff; position: absolute; left: 40px; bottom: 40px; text-align: left; width: 860px; font-size: 30px; color: #fff; text-align: center; padding: 20px 0; }
.flexslider .caption h2 { color: #fff; text-shadow: none; margin: 0; padding: 0; }
.flexslider .caption a { color: #fff; }



/* fit content mode */
.fitcontent .flexslider .caption { width: 580px; left: 20px; bottom: 20px; padding: 10px 0; }
.fitcontent .flexslider .caption h2 { font-size: 22px; }
.fitcontent .flex-direction-nav li a { bottom: 30px; }
.fitcontent .flex-direction-nav li .next { right: 40px; }
.fitcontent .flex-direction-nav li .prev { left: 40px; }


/* =Error 404
------------------------------------------------*/
#error_404 { text-align: center; margin-top: 50px; }
#error_404 h1 { font-size: 45px; margin-bottom: 30px; border: none; }
#error_404 p { font-size: 14px; margin-bottom: 0; }
#error_404 .e404 { font-size: 250px; line-height: 1.2; color: #ddd; border-radius: 5px; text-shadow: 2px 2px 0px #bbb; -moz-text-shadow: 2px 2px 0px #bbb; -webkit-text-shadow: 2px 2px 0px #bbb; margin-bottom: 30px; }



/* =Archive & Post & Page
------------------------------------------------*/
.post_content h1 { border-bottom: 1px solid #ddd; padding-bottom: 5px; color: #666; }
.post { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.post .thumb { float: left; width: 270px; margin-right: 20px; }
.post_meta { margin-bottom: 10px; color: #777; font-size: 12px; }
.post_meta span { padding: 3px 0 3px 20px; margin-right: 10px; margin-bottom: 5px; display: inline-block; }
.post_date { background: url(images/small_icons/date.png) center left no-repeat; }
.post_by { background: url(images/small_icons/user.png) center left no-repeat; }
.post_cat { background: url(images/small_icons/folder.png) center left no-repeat; }
.post_comment { padding: 3px 0 3px 0px; margin-right: 10px; }
.post_readmore { font-style: italic; text-align: right; }

.post_author { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 20px 0; }
.post_author h4 { margin-bottom: 5px; }
.post_author p { margin: 0; padding: 0; }


/* Table styles */
.post_entry table { width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 20px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
.post_entry table th { font-size: 14px; font-weight: normal; color: #333; padding: 5px 8px; background-color: #f9f9f9; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: bold; }
.post_entry table td { padding: 5px 8px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.post_entry table tbody tr:hover td { background-color: #f5f5f5; }


/* Post share */
.post_share { margin-bottom: 10px; }
.post_share img { display: inline; margin-right: 10px; margin-bottom: 10px; }
.post_share a:hover img { opacity: 0.6; }
.post_share h2 { display: inline; font-size: 26px; line-height: 32px; }



/* Related Post */

.related_post { margin-bottom: 20px; }
.related_post .title { font-weight: bold; }



/* Pagination */
.pagination { margin: 0; height: 22px; }
.pagination li { float: left; margin: 0 5px 0 0; display: inline; }
.pagination a { padding: 4px 10px; }
.pagination li.current-cat a,
.pagination li a.selected { }

/* =Comments

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

#comments { }
ol.comment_list { margin: 0px; margin-bottom: 20px; list-style: none; }
ol.comment_list .comment_body { border-bottom: 1px solid #ddd; margin-top: 22px; padding-bottom: 22px; }
ol.comment_list ul { margin: 0px 0px 0px 30px; list-style: none; }
div.comment_avartar { float: left; }
div.comment_context { margin-left: 75px; font-size: 13px; border-left: 3px double #ddd; padding-left: 15px; }
span.comment_author { margin-right: 5px; font-size: 16px; font-weight: bold; color: #333; }
span.comment_date { margin-right: 5px; font-style: italic; font-size: 11px; color: #666; }
span.comment_time { margin-right: 5px; font-style: italic; }
div.comment_content { margin-top: 0px; }
div.comment_content p { margin: 0; padding: 0; }


.comment-reply-link { background: #777; position: relative; overflow: visible; border: 1px solid #555; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 10px; color: #fff !important; cursor: pointer; display: inline-block; outline: none; line-height: 14px; padding: 0 5px; }
.comment-awaiting-moderation { font-style: italic; color: #888; font-size: 11px; }
.edit-link { font-size: 11px; }


.comments_navigation { margin-bottom: 20px; height: 20px; }
.comments_navigation a { background: #777; position: relative; overflow: visible; border: 1px solid #555; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #fff !important; cursor: pointer; outline: none; line-height: 14px; padding: 2px 5px; }
.comments_navigation .previous { float: left; }
.comments_navigation .next { float: right; }


#cancel-comment-reply-link { background-color: #cc3300; color: #fff; font-size: 11px; padding: 1px 5px; margin-top: 5px; }
.nocomments { padding: 0; margin: 0; }

#respond { }
#respond textarea { width: 95%; }
#respond li { padding-bottom: 10px; margin-bottom: 10px; }
#respond li.last { padding: 0; margin: 0); }
.required { color: #cc3300; }



/* =Sidebar & Widget

----------------------------------------------- */
#sidebar { }
.widget { }


.box_wrapper { padding: 20px; margin-bottom: 20px; background: #fff url(images/box_bg.png) bottom repeat-x; border: 1px solid #ddd; position: relative; }
.widget_text { padding: 0px; border: 0px; background: none; }
.cd-fb-like-widget { padding: 0px; border: 0px; background: none; }
.box_wrapper2 { padding: 0px; margin-bottom: 0px; position: relative; }
.box_wrapper2 ul.more li { border-top: 1px solid #EEE; padding: 5px 0; margin: 0; }
.box_wrapper2 ul.more li a { background: url(images/small_icons/arrow_list.png) left center no-repeat; padding-left: 14px; display: block; }
.box_wrapper2 .thumb { margin-bottom: 10px; }
.box_wrapper2 ul.more { clear: both; margin-top: 5px; border-bottom: 1px solid #EEE; }
.box_wrapper2 h3 a { color: #858585; }



/* =Custom Widgets

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

/* Homepage Tab */
.homepage_tab { }
.homepage_tab .box_wrapper { border-top: none; }
.homepage_tab .tab_wrapper { border: 1px solid #ddd; }
.homepage_tab .homepage_tabs { float: left; padding: 0; margin: 0; }
.homepage_tab .homepage_tabs li { float: left; padding: 0; margin: 0; border-right: 1px solid #ddd; background: url(images/overlay_button.png) repeat-x; }
.homepage_tab .homepage_tabs li a { float: left; padding: 8px 28px; color: #666; border-right: 1px solid #fff; font-family: "League Gothic", BebasNeue, Oswald, "Droid Sans","Georgia", "Times New Roman", Helvetica, Arial, sans-serif; font-size: 22px; text-transform: uppercase; }
.homepage_tab .homepage_tabs li a:hover { color: #cc3300; }
.homepage_tab .homepage_tabs li.active a { background-color: #fff; margin-bottom: -1px; padding-bottom: 9px; color: #cc3300; }

.homepage_tab .item_wrapper { display: none; }
.homepage_tab .item { margin-bottom: 10px; border-bottom: 1px solid #eee; }
.homepage_tab .item .thumb { float: left; margin-right: 20px; width: 115px; }
.utw .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size:11px; }



/* Elastislide Carousel  widget */
.es-carousel-wrapper { padding: 20px; background: #fff url(images/box_bg.png) bottom repeat-x; border: 1px solid #ddd; position: relative; }
.es-carousel { overflow: hidden; }
.es-carousel ul { display: none; padding: 0; margin: 0; }
.es-carousel ul li { height: 100%; float: left; display: block; padding: 0; margin: 0; }
.es-carousel ul li a img { display: block; border: none; max-height: 100%; max-width: 100%; }
.es-nav { position: absolute; width: 30px; height: 18px; top: 20px; right: 20px; }
.es-nav span { position: absolute; background: #cc3300 url(images/es_nav.png) no-repeat center left; width: 10px; height: 18px; top: 0px; text-indent: -9000px; cursor: pointer; }
.es-nav span:hover { background-color: #ddd; }
.es-nav span.es-nav-prev { left: 0px; }
.es-nav span.es-nav-next { right: 0px; background-position: center right; }
.es-nav span:hover { opacity: 0.8; }



/* Recent Posts widget*/
.recent_posts { margin: 0; padding: 0; }
.recent_posts li { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.recent_posts li:last-child { border: none; margin-bottom: 0; }
.recent_posts .title { display: block; margin-bottom: 5px; }
.recent_posts span.datetime { background: url(images/small_icons/date.png) center left no-repeat; padding: 2px 0 2px 20px; opacity: 0.8; }
.recent_posts p { padding: 0; margin: 0; }

/* Facebook like box widget*/
.facebook_wrapper { overflow: hidden; }
.facebook_wrapper iframe { margin: -1px; margin-bottom: -1px; }


/* Authors widget */
.widget.author_widget { }
.author_widget .author_title { font-weight: bold; }
.author_widget li { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; }
.author_widget li:last-child { border-bottom: none; padding-bottom: 0; }
.widget.author_widget p { padding: 0; margin: 0; }



/* Advertise */
.advertising { text-align: center; padding: 0px; }
.widget.advertising { }


/* Recent Tweets widget */
.widget.recent_tweets .twitter-timestamp { color: #848484; font-size: 11px; padding-left: 60px; }
.twitter-user { color: #848484; font-size: 12px; display: block; text-align: left; margin-left: 1px; padding-left: 0px; }
.twitter-list .twitter-item { margin-bottom: 10px; padding-bottom: 10px; }
.tweet-text { border: 1px solid #C2C2C2; display: block; float: left; padding: 5px; background-color: #f7f7f7; }
.tweet-text a { color: #2F3E5D; }



/* Social widget */
.social_widget a { background-position: left center; background-repeat: no-repeat; padding: 0 0 1px 24px; display: block; }
.social_widget a:hover { background-position: 1px center; }
.social_widget a.facebook { background-image: url(images/social_icons/facebook.png); }
.social_widget a.twitter { background-image: url(images/social_icons/twitter.png); }
.social_widget a.feed { background-image: url(images/social_icons/feed.png); }
.social_widget a.google_plus { background-image: url(images/social_icons/google_plus.png); }
.social_widget a.linkedin { background-image: url(images/social_icons/linkedin.png); }
.social_widget a.delicious { background-image: url(images/social_icons/delicious.png); }
.social_widget a.vimeo { background-image: url(images/social_icons/vimeo.png); }
.social_widget a.youtube { background-image: url(images/social_icons/youtube.png); }
.social_widget a.stumbleupon { background-image: url(images/social_icons/stumbleupon.png); }
.social_widget a.digg { background-image: url(images/social_icons/digg.png); }
.social_widget a.flickr { background-image: url(images/social_icons/flickr.png); }
.social_widget a.reddit { background-image: url(images/social_icons/reddit.png); }

.formContainer {width: 100% !important;float:none;}

/* Flickr widget */
.flickr_widget ul.flickr { }
.flickr_widget ul.flickr li { float: left; margin: 0 15px 15px 0; }
.flickr_widget img { width: 50px; height: 50px; }



/* Newsletter widget */
.newsletter_widget { padding: 20px; margin-bottom: 20px; background-image: url(images/noise.png); }
.newsletter_widget.blue { background-color: #6eced3; }
.newsletter_widget.red { background-color: #cc3300; }
.newsletter_widget.orange { background-color: #f17521; }
.newsletter_widget.brown { background-color: #af8449; }
.newsletter_widget.green { background-color: #7dc165; }
.newsletter_widget.purple { background-color: #c57ac7; }
.newsletter_widget.black { background-color: #252525; }
.newsletter_widget h3 { background: url(images/newsletter_mail.png) left center no-repeat; padding-left: 35px; color: #fff; margin-bottom: 10px; }
.newsletter_widget .newsletter_content { background: url(images/newsletter_dot.png) repeat-x; padding-top: 15px; margin-bottom: 10px; color: #fff; }
.newsletter_widget input.input_text { border: none; width: 150px; display: inline; }
.newsletter_widget input.button { display: inline; border: none; }


/* Newsletter YMLP widget */
.nsu_widget { padding: 20px; margin-bottom: 20px; background-image: url(images/noise.png); background-color: #6eced3; }
.nsu_widget h3 { background: url(images/newsletter_mail.png) left center no-repeat; padding-left: 35px; color: #fff; margin-bottom: 10px; }
.nsu_widget .nsu-text-before-form { background: url(images/newsletter_dot.png) repeat-x; padding-top: 15px; margin-bottom: 10px; color: #fff; }
.nsu_widget input.input_text { border: none; width: 150px; display: inline; }
.nsu_widget input.button { display: inline; border: none; }
.nsu_widget label { display: none; }

/* =Wordpress default widget

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

/* Categories */
.widget.widget_categories li a { background: url(images/small_icons/folder.png) center left no-repeat; padding-left: 22px; display: block; }
.widget.widget_categories li a:hover { background-position: 1px center; }

/* Pages */
.widget.widget_pages > ul > li > a { background: url(images/small_icons/page.png) center left no-repeat; padding-left: 22px; display: block; }
.widget.widget_pages > ul > li > a:hover { background-position: 1px center; }

/* Posts */
.widget.widget_recent_entries li a { background: url(images/small_icons/post.png) center left no-repeat; padding-left: 22px; display: block; }
.widget.widget_recent_entries li a:hover { background-position: 1px center; }

/* Archive */
.widget.widget_archive li a { background: url(images/small_icons/calendar.png) center left no-repeat; padding-left: 22px; display: block; }
.widget.widget_archive li a:hover { background-position: 1px center; }



/* Links & Meta */
.widget_nav_menu li a,
.widget.widget_meta li a,
.widget.widget_links li a { background: url(images/small_icons/link.png) center left no-repeat; padding-left: 22px; display: block; }

.widget_nav_menu li a:hover,
.widget.widget_meta li a:hover,
.widget.widget_links li a:hover { background-position: 1px center; }

/* Recent comments */
.widget li.recentcomments { background: url(images/small_icons/comment.png) center left no-repeat; padding-left: 22px; display: block; }

/* Tags cloud */
.widget.widget_tag_cloud .tagcloud a { padding: 4px 8px; font-size: 13px !important; font-weight: normal; margin: 0; margin-right: 5px; margin-bottom: 5px; }


/* Calendar Widget */
.widget_calendar #wp-calendar { width: 95%; text-align: center; }
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th { text-align: center; }
.widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; }
.widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: bold; }
.widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }



/* WordPress Styles

----------------------------------------------- */
/*captions*/
.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; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption.alignnone { margin: 5px 15px 15px 0; }
.wp-caption.alignleft { margin: 5px 15px 15px 0; }
.wp-caption.alignright { margin: 5px 0 15px 15px; }


/*smiley reset*/

.wp-smiley { margin: 0 !important; max-height: 1em; }

.wp-caption { margin-top: 0.4em; }
.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; }
.wp-caption img { display: block; margin: 0 auto; max-width: 98%; }
.wp-caption .wp-caption-text,
.gallery-caption { color: #666; font-family: Georgia, serif; }
.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; }
.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; }
#content .gallery { margin: 0 auto 1.625em; }
#content .gallery a img { border: none; }
img#wpstats { display: block; margin: 0 auto 1.625em; }
.gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; }
.gallery-columns-4 .gallery-item img { width: 100%; height: auto; }



/* =Homepage  styles

----------------------------------------------- */
.homepage_widget { }
.homepage_widget h3 { text-shadow: none; }
.homepage_widget h3 a { color: #fff; }
.homepage_widget h3 .arrow { font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #999; padding-left: 5px; }
.homepage_widget .thumb { margin-bottom: 10px; }
.homepage_widget .mt0 { margin-left: 0; margin-right: 20px; }
.homepage_widget .mt1 { margin-left: 0; margin-right: 0; }
.homepage_widget ul.more { clear: both; margin-top: 5px; border-bottom: 1px solid #eee; }
.homepage_widget ul.more li { border-top: 1px solid #eee; padding: 5px 0; margin: 0; }
.homepage_widget ul.more li a { background: url(images/small_icons/arrow_list.png) left center no-repeat; padding-left: 14px; display: block; }
.homepage_widget ul.more li a:hover { text-decoration: none; background-position: 2px center; }

/* Video */
.homepage_widget.video_block { margin-bottom: 20px; background: #252525 url(images/noise.png); position: relative; padding: 20px; }
.homepage_widget.video_block h3 { margin: 0; margin-bottom: 10px; text-shadow: none; }
.homepage_widget.video_block h3,
.homepage_widget.video_block h3 a,
.homepage_widget.video_block h4 a { color: #fff; background: none; border: none; text-shadow: none; }
.homepage_widget.video_block .text { padding-top: 10px; color: #fff; }
.homepage_widget.video_block ul.slides li { display: none; }

/* Control Nav */
.video_block .flex-control-nav { position: absolute; top: 22px; right: 20px; }
.video_block .flex-control-nav li { float: left; margin-left: 5px; }
.video_block .flex-control-nav li a { background-color: #fff; width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999em; }
.video_block .flex-control-nav li a:hover { background-color: #ddd; }
.video_block .flex-control-nav li a.active { background-color: #999; cursor: default; }


/* Video in Template */
.video_menu_wrapper { }
#video_content .video_item { }
.related_video .rel_video_item { width: 209px; float: left; margin-right: 20px; }
.related_video .rel_video_item.last { margin-right: 0px; }
.related_video .rel_video_item h4 a,
#video_content h4 a { background: url(images/small_icons/play.png) left center no-repeat; padding-left: 22px; }
.related_video .rel_video_item h4 a:hover,
#video_content h4 a:hover { background-position: 1px center; }

/* Related Video */
.related_video .rel_video_item { margin-bottom: 20px; }

/* =Footer
----------------------------------------------- */
#footer { background: #252525 url(images/noise.png); border-top: 4px solid #cc3300; border-bottom: 4px solid #cc3300; padding: 20px 10px; padding-bottom: 0; margin: 0 -10px; }
#footer .widget { color: #aaa; margin-bottom: 20px; }

/* =Footer Special styles= */
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer a { color: #fff; }
#footer .thumb { background: none; border-color: #444; }
#footer .thumb:hover { border-color: #666; }
#footer .recent_posts li { border-bottom: 1px solid #444; }
#footer .widget_calendar #wp-calendar th { background: none; border-top: 1px solid #444; border-bottom: 1px solid #444; font-weight: bold; }
#footer .widget_calendar #wp-calendar tfoot td { background: none; border-top: 1px solid #444; border-bottom: 1px solid #444; }
#footer .facebook_wrapper { border: 1px solid #444; }
#footer .twitter-list .twitter-item { border-bottom: 1px solid #444; }

#footer .widget.widget_tag_cloud .tagcloud a { background-color: #777; border: 1px solid #888; text-shadow: none; }
#footer .widget.widget_tag_cloud .tagcloud a:hover { color: #222; border-color: #aaa; text-decoration: none; border-top: 1px solid #aaa; border-left: 1px solid #aaa; }


/* copyright */
#copyright { background: url(images/header_inner.png) repeat-x; padding: 8px 20px; margin: 0 -10px; color: #333; font-size: 12px; position: relative; padding-bottom: 120px;}
#copyright .copyright_left { float: left; }
#copyright .copyright_right { float: right; margin-right: 0px; }


/* =Scroll to top
----------------------------------------------- */
#toTop { width: 43px; height: 35px; background: #cc3300 url(images/toTop.png) center no-repeat; cursor: pointer; position: absolute; top: 0; right: 0; }


/* =Font-face
----------------------------------------------- */
@font-face { font-family: 'Oswald'; src: url('fonts/Oswald/Oswald.eot'); src: url('fonts/Oswald/Oswald.eot?iefix') format('eot'), url('fonts/Oswald/Oswald.woff') format('woff'), url('fonts/Oswald/Oswald.ttf') format('truetype'), url('fonts/Oswald/Oswald.svg') format('svg'); font-weight: normal; }
@font-face { font-family: 'League Gothic'; src: url('fonts/League_Gothic/league_gothic-webfont.eot'); src: url('fonts/League_Gothic/league_gothic-webfont.eot?iefix') format('eot'), url('fonts/League_Gothic/league_gothic-webfont.woff') format('woff'), url('fonts/League_Gothic/league_gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic/league_gothic-webfont.svg') format('svg'); font-weight: normal; }
@font-face { font-family: 'BebasNeue'; src: url('fonts/BebasNeue/BebasNeue.eot'); src: url('fonts/BebasNeue/BebasNeue.eot?iefix') format('eot'), url('fonts/BebasNeue/BebasNeue.woff') format('woff'), url('fonts/BebasNeue/BebasNeue.ttf') format('truetype'), url('fonts/BebasNeue/BebasNeue.svg') format('svg'); font-weight: normal; }
@font-face { font-family: 'Droid Sans'; src: url('fonts/Droid_Sans/DroidSans.eot'); src: url('fonts/Droid_Sans/DroidSans.eot?iefix') format('eot'), url('fonts/Droid_Sans/DroidSans.woff') format('woff'), url('fonts/Droid_Sans/DroidSans.ttf') format('truetype'), url('fonts/Droid_Sans/DroidSans.svg') format('svg'); font-weight: normal; }
.rating span { /* both full and empty symbols */ display: block; margin: 2px; width: 20px; height: 20px; float: left; text-indent: -9999px; background: url('star_full.png') no-repeat left top; }
.rating span.empty { /* overwrite empty symbols image value */ background: url('star_empty.png') no-repeat left top; }
.rating:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; /* triggers hasLayout */ }
#dcssb-float { margin-top: 198px; bottom: 0px; }


div#advert { width: 728px; height: 90px; }



@media (min-width:768px) and (max-width: 959px) {
    #newslettersignupwidget-3 input[type="text"], input[type="password"], input[type="email"], textarea, select { width: 173px; }
}

/* hide the color scheme customizer on the home page */
 #izi-control-panel {display: none;} 

/* hide the sidebar ad when it doens't fit */
@media (min-width:768px) and (max-width: 959px) {
    #sovrn_ad_unit_498707_async {display:none;}
}



/*Hide the select menu and use the mobile nav instead*/
.menu-main-menu-container select {display: none!important;}

/*Smaller than tablet*/
@media (max-width:767px) {
    /* create mobile nav */
    #hamburger_button { border: 1px solid #a1a1a1;width: 100%;font-family: "League Gothic", BebasNeue, Oswald, "Droid Sans","Georgia", "Times New Roman", Helvetica, Arial, sans-serif;font-size: 20px;text-transform: uppercase;background: #f9f9f9;margin-bottom: 10px;}
    #mainmenu { max-height: 0;transition: max-height 0.5s;overflow: hidden;display: block !important;}
    #nav.show #mainmenu { transition: max-height 0.5s;max-height: 1400px; margin-bottom: 20px;}
    #nav.show #hamburger_button:before {content: 'Close';padding-right: 5px;}
    .sf-menu .sub-menu { visibility: visible !important; display: block !important; position: static; width: auto; text-indent: 5%;}
    .sf-menu .sf-sub-indicator {display: none;}
    .sf-menu li {display: block;width: 100%;border-bottom: 1px solid #a1a1a1; border-right: 0 !important; }
}

/*Tablet and up*/
@media (min-width:768px) {
    #hamburger_button {display: none;}
}

