/*

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: #333 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; }

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}

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 .select-menu {background: #fff;color:#444;padding: 5px;font-size: 13px;line-height:21px;border: 1px solid #ddd;display:none;/*width:100%*/}



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



/* 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)}



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

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

}