/*
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; font-weight:bold;}

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: 22px; line-height: 26px; 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:bottom}
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:4px; 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:25px 20px; background: #cc3300 url(images/header_inner.png) repeat-x; margin-bottom:20px;}
#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 {margin-right:20px;}
#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 #s {width: 120px;margin:0; border:none}
#branding #s:focus {background-color: #F9F9F9}

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

/*** 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:30px;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:18px}
.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 20px;background: url(images/small_icons/comment.png) center left no-repeat;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}

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

/* =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 20px; color:#666; font-weight:bold; border-right:1px solid #fff}
.homepage_tab .homepage_tabs li a:hover{color:#cc3300;text-decoration:none; }
.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:20px; border-bottom:1px solid #eee}
.homepage_tab .item .thumb{ float:left; margin-right:20px; width: 250px;}

/* 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}
.widget.advertising{}

/* Recent Tweets widget */
.widget.recent_tweets .twitter-timestamp{color:#999;font-size:11px;display:block;text-align:right}
.twitter-list .twitter-item{margin-bottom:10px;padding-bottom:10px;	border-bottom:1px solid #eee}

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

/* =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:15px}
.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:15px;border-bottom:1px solid #eee}
.homepage_widget ul.more li {border-top:1px solid #eee;padding:10px 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:40px;}

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