/**************************************
Theme Name: Blogged
Theme URI: http://templatescrunch.com/
Description: A Free WordPress Blog Theme
Author: TemplatesCrunch
Author URI: http://templatescrunch.com
Version: 1.0
Tags: microformats, rtl-language-support

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
------------ Index ------------
01. GENERAL STYLES
02. LAYOUT & GRID STYLES
03. H1, H2, H3, H4, H5 STYLES
04. LINK STYLES
05. HEADER STYLES
06. NAVIGATION STYLES
07. POSTS & CONTENT STYLES
08. SIDEBARS & ASIDES
09. COMMENT STYLES
10. COMMENT FORM STYLES
11. WORDPRESS BODY CLASSES
12. PAGE NAVI STYLES
13. FOOTER STYLES
14. FONT AWESOME
******************************************/

/*********************
01. GENERAL STYLES*/

*{ padding:0; margin:0;	outline:none; list-style:none; border: 0 none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {}
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.5; color:#333;  background-color: #f2f2f2; width:100%;}
strong{}
p{word-spacing:0.1em; padding:10px 0;line-height: 1.9; font-size:13px;  font-family: 'Open sans', Arial, Helvetica, sans-serif;}

a{text-decoration:none;}
.clr {clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.author-name{text-transform: capitalize;}
#form_1 input[type="submit"]{padding:16px 24px;}
.firstname , .lastname{float: left; width: 49%;}
.firstname input[type=text], .lastname input[type=text]{width:96%;}
.firstname label, .lastname label{ font-weight:normal;}
.post-title{display: block; padding: 5px 0 0 1px; color: #333; margin-bottom: 0; font-size: 32px; line-height: 38.5px;
font-weight: 600;}
body .post-categories a:hover{color:#fff !important;}
a.adhere{ display: block; color: #666; font-weight: bold; font-size: 12px; background: #e7e7e7; text-align: center;border: 1px solid #ccc; width: 123px; height: 123px; line-height: 1000%;}
a.adhere:hover{border: 1px solid #999; background: #ddd; color: #333;}
#text-8 input[type="submit"]{padding: 9px 15px; transition: all 0.15s linear 0s; font-size: 14px; right: 5px; position: absolute; top: 7px; border-radius: 0px; text-transform: capitalize; font-weight: 600; background: none repeat scroll 0% 0% #888; color: #fff;}
input[type="submit"]{webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; text-transform: uppercase; background-color:#333; color:#fff; webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
input[type="submit"]:hover{background-color:#25A8E0; color:#fff;}
#text-8 input[type="submit"]:hover{background: #25a8e0;}
#subscribe{margin: 15px 0 0 0; position: relative; overflow: hidden;}
#subscribe .email{width: 100%; padding: 8px 12px; transition: all 0.15s linear 0s; border-radius: 2px; box-shadow: none; line-height: 26px;
height: 48px; border: 1px solid #AAA; color: #212628;}
img{max-width:100%;height:auto;}
textarea, input[type=text], input[type=password], input[type=email], select {border: 1px solid #ddd; background: #fff; font-size: inherit;}


input, select {cursor: pointer;}
input[type=text], input[type=password], input[type=email] {cursor: text;}
input[type=text]{border: 1px solid #DDD; transition: all 0.4s ease 0s; border-radius: 0; text-shadow: none;box-shadow: none;
padding: 7px 12px; width: 47%;}
select{padding: 5px 0 5px 0; background-color: #fff; border: 1px solid #ddd; color: #777; font-size: 11px;  width: 47%;}
textarea {overflow:auto; width: 99.2%;}
textarea, input {padding: 5px;outline: none;}

option {padding: 0 4px;}
input[type=button], button {padding: 4px;cursor: pointer;vertical-align: middle;} input:hover{color:#111;}
input.text_input,textarea.textarea {border: 1px solid #ddd;-moz-border-radius: 1px;-webkit-border-radius: 1px; border-radius: 1px;}
input.text_input:focus,textarea.textarea:focus {border: 1px solid #999;	} 

#menu-icon, .search-block .search-button, .post-meta-author,.post-meta-date,.post-meta-comments,
#gototop, .facebook, .twitter, .pinterest, .rss,.youtube, .googleplus, .stumbleupon
{background-image:url(images/sprite.png); background-repeat: no-repeat;}
 
/********************* 
02. LAYOUT & GRID STYLES */

.aligncenter{float:center;}
.alignright {float:right;}
.alignleft {float:left;}
.center {text-align:center;}
.wrap {margin:0 auto;}

.container {max-width:1024px; margin:auto; clear:both;}
.post-container,.page-container,.cat-container,.home-container {margin-right: 440px; overflow:auto;} 
.full-width{margin-right:0px !important; margin-left:0px !important; }

.entry-content p, .entry-content li{font-size:15px}
.entry-content a{color: #0e7cbf; font-weight: 400; text-decoration: underline}
.entry-content a:hover{color: #0e7cbf; text-decoration: none}


#inner-content{overflow:auto; border: 1px solid #d8d8d8; background: #fff;}
#content{float: left; width: 67.5%; padding: 12px 25px 25px;  }


.one-col       {width: 6.85483%; }
.two-col       {width: 15.32258%;}
.three-col   {width: 23.79032%;}
.four-col     {width: 32.25806%;}
.five-col     {width: 40.7258%; }
.six-col       {width: 49.19354%;}
.seven-col   {width: 57.66129%;}
.eight-col   {width: 66.12903%;}
.nine-col     {width: 74.59677%;}
.ten-col       {width: 83.06451%;}
.eleven-col {width: 91.53225%;}
.twelve-col {width: 100%; margin-right: 0;}

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
	clear: none; display: inline; float: left; margin-bottom: 10px;	margin-right:1.61291%;overflow:hidden; padding: 0; position: relative;}

.first {margin-left: 0 !important; }
.last {margin-right:0 !important; }
.mtop{ margin-top:50px;}
.mbottom {margin-bottom:12px;}
.mleft {margin-left:20px;}
.mright {margin-right:20px;}
.mdefault{margin:20px;}
.mnone {margin:0px;}
.pnone {padding:0px;}
.vsmall {font-size:11px; float:left;}   
.small   {font-size:12px;}
.medium {font-size:13px;}
.big  {font-size:14px;}
.sticky {}
.bypostauthor {}

/*******************************
03. H1, H2, H3, H4, H5 STYLES */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ margin:10px 0; font-family: 'Open Sans', Helvetica, sans-serif;  color:#333; clear:both;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a , h6 a, .h6 a { text-decoration: none; color:#333;}
h1,.h1 {font-size:30px}
h2,.h2 {font-size: 26px;}
h3,.h3 {font-size: 18px;}
h4,.h4 {font-size: 17px;}
h5,.h5 {font-size: 20px;}
h6,.h6 {font-size: 18px;}

/*********************
04. LINK STYLES */

a{color:#232323;}
a, a:visited {}
a:hover, a:visited:hover,
a:focus, a:visited:focus { color:#3d87b5 !important;}
a:link, a:visited:link {}

/******************
05. HEADER SYTLES */

#top-header{ margin:auto; position: relative; background-color: #232323; width: 100%; min-height:90px; -webkit-box-shadow: 0 0 2px 2px #ccc; -moz-box-shadow: 0 0 2px 2px #ccc; box-shadow: 0 0 2px 2px #ccc;}
#top-header .logo, #footer-logo .logo{ position: relative; float: left; color: #fff; font-size: 42px; font-weight:bold;
max-height: 63px; z-index:999;}
#top-header h1, #top-header h2{float:left; margin-top:15px;}
#top-header .logo {height:60px; min-width:180px; background-repeat:no-repeat; /* background-image: url(images/logo-wpcrunch.png); */ }

/**********************
06. NAVIGATION STYLES */

#main-nav  {margin:0 auto;  height:35px; float:right; margin-top:29.5px; margin-right: 28px;}
#main-nav #main-menu{float:left; margin:0px;  }
#main-nav  #main-menu li{position: relative; float: left;  text-align: center;}
#main-nav  #main-menu li a { display: inline-block; color: #ddd; padding:8px 4px; font-size:13px; font-weight:bold; min-width:90px;  text-transform: uppercase;}
body #main-nav  #main-menu li a:hover{color:#fff !important;}
#main-nav  #main-menu ul {display: none; padding:0; position: absolute; top: 34px; width: 186px;
			z-index: 99999;	float: left; left:0px; background-color:#333; }
#main-nav #main-menu li.simplemenu ul {width:186px;}
#main-nav  #main-menu ul li, #top-nav ul li { z-index: 99999; min-width: 186px; border:0 none; border-bottom: 1px solid #73626E;
			font-size:12px;	height:auto; margin:0; padding:0px;}
#main-nav  #main-menu ul a, #top-nav ul a { border:0 none; background: none !important; height: auto !important;line-height: 1em;
		                          padding: 10px 0px 10px 12px; width: 174px; display: block !important; margin-right: 0 !important;
                                  z-index: 99999;	color: #FFF !important; text-align:left; font-weight:normal; font-size:11px;}

#main-nav  #main-menu li:hover, #main-nav #main-menu li.current-menu-item, .widget_nav_menu #menu-top-menu li:hover, .widget_archive ul li:hover, 
.widget_categories ul li:hover, .widget_meta ul li:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover
{background-color:#202020; }
#main-nav  #main-menu li:hover > a, #main-nav  #main-menu :hover > a {}
#main-nav  #main-menu li:hover > ul, #top-nav li:hover > ul {display: block;}	
 
#main-nav  #main-menu ul li:hover > a, #main-nav  #main-menu ul :hover > a , .top-nav ul li:hover > a, .top-nav ul :hover > a{color: #FFF;}
#main-nav  #main-menu ul li {background-color:#333;}
#menu-icon{display:none; color:#fff; height:30px; cursor:pointer;
          padding:8px 8px 0 45px; float:left; font-weight:bold; background-position: -225px -2px;}

#main-nav #socialcircle{float:right;}
#main-nav #socialcircle li {float:left;margin-right: 20px;margin-top:7px}
#image-navigation{float:right; margin-top:20px;}

/*********************
07. POSTS & CONTENT STYLES */

#crumbs{margin-bottom: 10px;font-family: 'Open Sans', Arial, Helvetica, sans-serif;
       clear: both; font-size:12px; padding-bottom: 5px; color:#3d87b5; border-bottom: 1px solid #F0F0F0;}

.post-meta {font-size: 11px; color: #3d87b5; padding-top:0px;border-bottom: 1px solid #F0F0F0;}
.post-meta-author{ background-repeat: no-repeat; padding-left: 25px; background-position: -239px -100px; margin-right: 59px;}
.post-meta-date{ background-repeat: no-repeat; padding-left: 25px; margin-right:15px; background-position: -239px -44px;}
.post-meta-comments{ background-repeat: no-repeat; padding-left: 25px; background-position: -239px -73px; margin-right: 15px;}
.posted-by{float:left;}
.post-comments{float:right;}
.cont-read {font-size: 14px;  border-bottom: 1px solid #ccc; font-weight: 600; }

/* Authors Page */
.our_authors {overflow: hidden;}
.our_authors .item {padding: 10px; width: 10%; margin:20px 5px; float: left; min-width:120px; height:120px; position:relative;}
.our_authors .item img{border-radius:100px; width:100%; height:auto; margin:0px;}
.our_authors .item .desc {display:none;	position: absolute; top:10px; z-index: 2; text-align: center; width: 120px }
.our_authors .item:hover .desc{ display:block;}
.our_authors .item:hover img{opacity:0.1 !important;}
.our_authors .item .desc h6 {font-weight: bold; margin-bottom: 5px; font-size:12px; margin-top:29px;}
.our_authors .item .desc p {font-size:14px; font-weight:bold; margin-bottom: 5px;}

/* Category Pages */
.cat-container article, .home-container article{width: 100%; position:relative; }
.post-container, .page-container, .cat-container, .home-container{margin-right: 0px;}
article p.vsmall{float:none;}
.cat-container .item-list:nth-child(even) {margin-right: 2.5%;}
.home-container .item-list:nth-child(odd) {margin-right: 2.5%;}
.item-list{background-color:#fff;float:left;}

.cat-head{background-color: #fff; margin-top: 0px; padding: 20px;overflow: auto;}
.cat-head h1{margin:0px;}
.catpost{width: 468px; float: left; text-align: justify; margin-left: 10px;}
.catpost p:first-child{padding-top:0px;}

.cthumb {position: relative; width:150px;   overflow:hidden; float: left; padding: 3px; border: 1px solid #eee; }
.cthumb a {display:block; max-height:150px;}
.cthumb a:hover{opacity:0.9}
.cthumb a img {height:150px; width:100%; }


.catbox { position: absolute; z-index: 10; bottom: 10px; left: 10px;}   
.catbox ul li{float:left;display:inline-block;}
.catbox a, .hcat a:visited { color: #fff !important; padding: 3px 10px; background: #3d87b5; margin-right:1px;}

.cdetail {}
.cdetail  h3, .cdetail  h2{margin:0px; font-size:24px}
.cdetail  h3 a:hover, .cdetail  h2 a:hover{color:#3d87b5;}
.cdetail .postmeta{border-bottom:1px solid #eee; border-top:1px solid #eee; margin: 20px 0px; color: #777;}
.cdetail .postmeta .post-comments a, .post-comments a{color: #777;}
.cdetail .postmeta .posted-by a , .posted-by a{color: #777; border-bottom:1px solid #ccc;}

.singlebox{background-color:#fff; padding:20px;}
.byline { color: #999;}
.entry-content ul, .entry-content ol{ margin: 0px; padding:0px}
.entry-content ol{margin-left:20px}
.entry-content  ul li, .entry-content  ol li{font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.entry-content  ul li { }
.entry-content  ol li {list-style: decimal; padding:3px 0px 5px}
.single-post-thumb { width: 100%;}

.article-footer .tags a, .widget_tag_cloud a{
background-color: #f2f2f2; padding: 2px 4px; color: #73626E; font-size: 13px; border: 1px solid #E0E0E0; white-space:nowrap;}

.post-shares{padding-bottom:20px;}					  
.post-share{overflow:auto; padding:20px 0 20px 0;}
.post-share li{float:left; margin-right:20px;}

blockquote {font-style: italic; margin-left: 10px; border-left: 2px solid; padding-left: 10px;}

/*Author Box*/
.authorbox { overflow: hidden; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.authorleft { float: left; overflow: hidden; padding: 20px 0 20px 0; width:100%; }
.authorleft .authorimg { float: left; width: 90px; }
.authorbio { line-height: 170%; margin-left: 113px; }
.author-title{font-size:15px;font-weight:bold; font-family: 'Bree Serif', Arial, Helvetica, sans-serif;} 
.author-site{font-size:15px; text-align:right;font-weight:bold; font-family: 'Bree Serif', Arial, Helvetica, sans-serif; float:right;}
.authorleft .authorimg img {}
.authorbio .socialcircle { margin-top: 5px; color: #999; }
.authorbio .socialcircle li { float: left; margin-right: 15px; }
.authorbio .socialcircle li:first-child{margin-top:-2px;}

/*Related Articles*/
.related-articles{border-bottom: 1px solid #f0f0f0;overflow:auto;}
.related-articles h4{margin:20px 0px;}
.related-article:nth-child(3) {margin-right: 0;}
.related-article img{ height:auto; width:374px; height:199px;}
.related-article h5{text-align:center;margin-top:0px;}
.related-article h5 a{color:#333;}
.related-article h5 a:hover{color: #333;}
/* Scroll to top */
#gototop{ z-index: 2; background-color: #333; background-position: -157px -36px;
         width: 40px; height: 40px; text-indent: -99999px; overflow: auto;
         position: fixed; bottom: -100px; right: 10px; cursor: pointer;
         -webkit-transition: all .7s ease-in-out;
         -moz-transition: all .7s ease-in-out;
         -o-transition: all .7s ease-in-out;
         -ms-transition: all .7s ease-in-out;
         transition: all .7s ease-in-out;}
#gototop:hover{background-color:#3d87b5;}
/* Search Box */		 
.search-block { overflow: hidden; float: right;margin-top: 29.5px;}

#searchform{ overflow: hidden; border: 1px solid #73626E;
border-radius: 2px; height: 29px;}
			 
.search-block .search-button { background-position: -193px -43px; cursor: pointer;
float: left; height: 29px;
width: 30px; text-indent: -999999px;
display: block; border: 0 none; background-color:#333 }

.search-block #s { background-color: #fff; float: right; font: normal 11px Trebuchet MS;
padding: 0 10px 0 10px; width: 180px; height:29px; color: #9F9F9F; border:none; border-radius:2px;
-o-transition: width .7s , color .4s; -webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s; transition: width .7s , color .4s;}

.search-block #s:focus{background-color:#fff;  border:none !important;}

/* 404 Page */
.not-found-block #s{background: #fff; font: normal 11px Trebuchet MS;
padding: 6px 12px 7px 12px; width:50%;
border: 1px solid #ececec;-o-transition: width .7s , color .4s;
-webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s;
transition: width .7s , color .4s;}

.not-found-block #s:focus{background-color:#3d87b5; color:#fff; }
.not-found-block .search-button{ background-color:blue; cursor: pointer;
color:#fff; width:10%; min-width:80px; height: 35px;border: 0 none;}

.entry-content { clear:both; }
.entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em;}
.entry-content img { margin: 0 0 1.5em 0; max-width: 100%; height: auto;}
.entry-content video,
.entry-content object { max-width: 100%; height: auto;}
.entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; word-wrap: break-word;}

/* end .entry-content */

.wp-caption {max-width: 100%; background: #eee; padding: 5px;}
.wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;}
.wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px;text-align: center;}
.gallery .gallery-caption {color: #888;margin: 0 0 12px;}

/* Images */

img.size-auto, img.size-full, img.size-large, .attachment img, .attachment-full { max-width: 100%/*750px*/; height:auto;}
img.alignleft, img.centered, img.aligncenter, img.alignright, img.alignnone, .attachment-full , .attachment .entry-content img{
	padding: 4px; margin: 8px; display: block/*inline*/; border: 1px solid #cbcdcc; box-sizing:border-box;}
img.centered, img.aligncenter, img.alignnone, .attachment .entry-content img{ margin:0px auto; max-width:100%;}
.entry-content .attachment{margin:20px 0px;}
img .attachment{margin:20px 0px; }
img.alignleft{margin-left:0px;} img.alignright{margin-right:0px;}
.wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 100% !important;	padding: 4px; text-align: center;}
.wp-caption img {max-width: 100% !important;}
.wp-caption p.wp-caption-text { color: #888; margin: 5px;}

/**********************
08. SIDEBARS & ASIDES */

#sidebar {float: right; overflow: hidden; width: 32.5%; margin-left:0px; padding: 20px 25px; }
#sidebar  .widget-title{color: #000; border-bottom: 2px solid #232323; background-color:transparent;}

.widget{overflow:auto; margin-bottom:20px;}
.widget ul li {}

.ads200-widget{margin-bottom:0px;}
.ads200 .ad-cell{width:200px; float:left;}
.ads200 .ad-cell img{width:100%; max-height:125px;}
.ads200 .ad-cell:nth-child(odd){margin-right:20px;}

.ads125_125-widget{margin-bottom:0px;}
.ads125-125{padding:2.5px;}
.ads125-125 .ad-cell{width:125px;float:left; margin-left:6px; margin-right:6px;}
.ads125-125 .ad-cell img{width:100%; max-height:125px;}
/*.ads125-125 .ad-cell:nth-child(2),.ads125-125 .ad-cell:nth-child(5){ margin-left:12px; margin-right:12px;}*/

.blogged-category-posts, .widget_text, .widget_recent_entries{background-color:#fff; padding:10px;}
.blogged-category-posts h4, .widget h4, .widget_recent_entries h4 , .ads125_125-widget h4 , .widget_categories h4{margin-top: 0px; color: #fff; padding: 5px 10px 5px 0px; background-color: #3d87b5 ; font-weight: 600; font-size: 14px;}
.blogged-category-posts li, .widget_recent_entries li{overflow:auto; border-bottom: 1px solid #F0F0F0; margin-bottom: 10px; padding-bottom: 5px;}
.widget_recent_entries span{float:right; font-size:12px;font-style:italic;}
.blogged-category-posts li .post-thumbnail{float:left;position: relative; overflow: hidden;}
.blogged-category-posts li .post-thumbnail img{width:150px; height:80px; -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}

.blogged-category-posts li .post-thumbnail img:hover {-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); overflow:hidden;}

.blogged-category-posts li p, .widget_recent_entries li a { padding:0px; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #212628; font-weight:600; line-height:22px;}

/*********************
09. COMMENT STYLES */

#comments { }
#comments h3{margin:20px 0px;}
.comment-list li { margin-bottom: 20px; clear: both;}
.commentlist li:last-child {margin-bottom: 0;}
.comment-list li[class*=depth-] { margin-top: 1.1em;}
.comment-list li.depth-1 { margin-left: 0; margin-top: 0;}
.comment-list li ul.children {margin-top: 20px; margin-left: 40px;}
.comment-avatar { width: 48px; height: 48px; margin-right: 10px; background: white; padding: 2px;
                 -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 0 3px #B5B5B5; -moz-box-shadow: 0 0 3px #b5b5b5;
                 -webkit-box-shadow: 0 0 3px #B5B5B5; float: left;}
				 
.comment-meta { overflow:auto; background: #f8f8f8; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 1px 0 #73626E;
               -moz-box-shadow: 0 0 1px 0 #73626E; -webkit-box-shadow: 0 0 1px 0 #73626E; position: relative; padding: 10px; }

.comment-metadata a{font-weight:bold;font-size:15px;text-transform: capitalize; font-family: 'Bree Serif', Arial, Helvetica, sans-serif;}
.comment-list .datetime { float: right;font-size:15px; font-family:'Bree Serif', Arial, Helvetica, sans-serif;}

.comment-list .comment-content {margin-left: 62px;}
.comment-list .comment-content p {}
  
.comment-list .reply { text-decoration: none; float: right; background: #111;
                     padding: 3px 6px; color: #fff; font-weight: 700; font-size: 0.9em;}

.comment-list .reply a{color:#fff; font-family:'Open sans', Arial, Helvetica, sans-serif;text-transform: capitalize;}
.comment-list .reply:hover, .comment-list .reply:focus { opacity: 0.65; }
  
/************************
10. COMMENT FORM STYLES */
#respond { padding-bottom: 2.2em;}
#respond h3{margin:20px 0;}
#respond form input[type=text],
#respond form input[type=email],
#respond form input[type=url],
#respond form textarea {  padding: 3px 6px; border-radius:2px; background: #f8f8f8; line-height: 1.5em;}
  
#respond form input[type=text]:focus,
#respond form input[type=email]:focus,
#respond form input[type=url]:focus,
#respond form textarea:focus { background: #fff;}

#respond-form form input[type=text]:invalid,
#respond-form form input[type=email]:invalid,
#respond-form form input[type=url]:invalid,
#respond-form form textarea:invalid { outline: none;  border-color: #fbc2c4; background-color: #f6e7eb;  -webkit-box-shadow: none;
                                -moz-box-shadow: none;  -ms-box-shadow: none; box-shadow: none;}
  
#respond-form form input[type=text], #respond-form form input[type=email],
#respond-form form input[type=url] { max-width: 400px; min-width: 250px;}
 
#respond-form form textarea { resize: none; width: 97.3%; height: 150px;}
#comment-form-title {margin: 0 0 1.1em;}
#allowed_tags {margin: 1.5em 10px 0.7335em 0;}

.nocomments {margin: 0 20px 1.1em;}

#respond .form-submit input, .button, .next-image a, .previous-image a{text-decoration: none; background: #212628;
                         padding: 8px 16px; color: #fff; border-radius: 2px; font-weight: 700; font-size: 0.9em;}
body .button:hover, body .next-image a:hover, body .previous-image a:hover, body  #respond .form-submit input:hover{color:#fff !important; background-color:#3d87b5;}
.button a{color:#fff;}
#respond .comment-form-comment textarea{width:98%;}

/********************
11. WORDPRESS BODY CLASSES */
.widget_categories ul li:hover{background-color: transparent;}
#sidebar .widget_categories ul li{background-color: transparent; font-size: 12px; padding: 12px  25px; width:100%;  border-bottom: 1px solid #E0E0E0;}
#sidebar .widget_categories ul li a{font-size: 13px; font-weight:600;}
#sidebar .widget_categories ul li a:hover{}
label { display: block; font-size: 12px; text-transform: uppercase; font-weight: 700; padding-bottom: 5px; margin: 10px 0 4px 0;}
.required{color: #790000; margin-left: 4px;}
.widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li{ 
position: relative; float: left;  margin: 0 1px 1px 0; width:49.7%; }
.widget_nav_menu #menu-top-menu li a, .widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a
{ display: inline-block; padding:8px 10px; padding-right:0px; font-size:12px; font-weight:bold; height:19px;}
.widget_nav_menu #menu-top-menu li:hover, .widget_archive ul li:hover, .widget_categories ul li:hover, .widget_meta ul li:hover{ background-color:#fff; color:#111;}
.widget_nav_menu #menu-top-menu li a:hover, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover{ background-color:#fff;}

.widget_meta ul li{float:none;width:100%;}
.widget_pages ul li, .widget_nav_menu ul li{position: relative;float: left; width: 100%;}
.widget_pages ul li a, .widget_nav_menu ul li a{ display: inline-block; padding: 8px 2%; font-size: 12px;font-weight: bold; width: 96%;} 

.widget_pages ul li a:hover, .widget_nav_menu ul li a:hover{background-color:#fff;}
.widget_pages ul li ul li a, .widget_nav_menu ul li ul li a{padding:8px 10%;width:80%;}
.widget_categories ul li ul {display:none;}
.widget_archive select, .widget_categories select{padding:5.5px; margin-left:20px; border: 2px solid #73626E; min-width:160px;}

.widget_recent_comments li, .widget_rss li{ margin: 2px; padding: 10px;}

.widget_rss li a{font-weight: bold; font-size: 15px;}
.widget_rss li span{float: right; clear: both; width: 100%; text-align: right; font-style: italic; margin: 5px 0;}
.widget_recent_comments li a{display: inline !important;font-size: 12px; font-weight:bold; color: #212628;}
.widget_recent_comments li .url{text-transform: uppercase; font-style: italic;}

#wp-calendar {width: 100%;}
#wp-calendar caption { font-size:16px;	color: #222;font-weight: bold; padding-bottom: 4px; text-align: center;}
#wp-calendar tbody {color: #aaa;}
#wp-calendar tbody td {background: #333; color:#fff; padding: 6px 0 6px;	text-align: center;}
#wp-calendar tbody .pad ,	footer #wp-calendar tbody .pad{ background: none; border:0 none;}
#wp-calendar tfoot #next {text-align: right;}

/*********************
12. PAGE NAVI STYLES */

.pagenavi{ float:left; width:100%;}
.pagenavi .pages {background-color: #232323; padding: 4px 10px 6px;  float: right; display: block; color:#fff;  font-size: 14px; border-radius: 3px; }
.pagenavi span.current {margin-right:3px;  color: #FFF; background-color: #232323; border-radius: 3px; float:left; padding: 4px 10px 6px; font-size:14px;}
.pagenavi a, .pagenavi span.extend {float: left; font-size:14px; padding: 4px 10px 6px; margin-right:3px; color: #777; }
.pagenavi a:hover, .pagenavi span.extend:hover{background-color: #232323; color: #fff !important; border-radius: 3px;}
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em;}
.wp-prev-next .prev-link { float: left;}
.wp-prev-next .next-link { float: right;}

/*********************
13. FOOTER STYLES */
#footer-1{width: 45%;}
#footer-2 , #footer-3{width: 25%;}
.footer, #inner-footer { clear: both; padding-top:20px; font-size:15px; color: #fff;}
#inner-footer .widget{background-color: transparent;}
#inner-footer .widget h4{background-color: transparent; padding: 5px 0px;}
#main-footer  #inner-footer a{color: #777777 !important;}
#main-footer  #inner-footer a:hover{color: #F0F0F0 !important;}
#main-footer{ width:100%; background-color: #232323; margin-top:20px;border-bottom: 3px solid #212628;}
#bottom-footer p{color: #7d7d7d; padding-top:0; font-size:13px; margin-top:2px;}
#main-footer a {color:#fff;}
#bottom-footer { background-color:#232323; width: 100%; left: 0; bottom: 0; overflow:auto; z-index: 20; padding: 20px 0px;}

#footer-nav-links { position: relative; float: right; font-size: 12px; text-align:right; }
#footer-nav-links li {display:inline; margin-right: 10px;}
#footer-nav-links li a{font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-weight: bold; text-transform: uppercase;} 
#footer-social-icons{float:right; width:auto;}
#footer-social-icons a{float:left;width:32px; height:32px; margin:5px;}
.facebook{background-position: -192px -3px;}
.twitter{background-position: -128px -3px;}
.pinterest{background-position: -32px -3px;}
.rss{background-position: -160px -3px;}
.youtube{background-position: -96px -3px;}
.googleplus{background-position: -64px -3px;}
.stumbleupon{background-position: 0px -3px;}
#footer-copyright {float: left; width:100%; margin-top:10px; border-top: 1px solid #2b2929;  padding-top: 30px;}
footer #wp-calendar tr th, footer #wp-calendar caption {color:#fff; }
footer .widget_nav_menu #menu-top-menu li{border-bottom: 1px solid #E0E0E0;}
footer .widget_recent_comments li{color:#fff;}
footer h4, footer h4 a{color:#fff; margin-top:0px;}
footer .widget_tag_cloud a{background-color:#333;}
footer .widget_recent_comments li, footer .widget_rss li{margin:1px !important;}

/*********************
14. FONT AWESOME*/
.fa{color: #939898;}


/*********************
 MEDIA QUERY*/

@media only screen and ( min-width: 1025px ){
#main-menu{display:block !important;}
.cat-container article, .home-container article{height:auto;}

}

/*   TABLET  : 1024px -----------------------------   */
@media only screen and ( max-width: 1024px ) and (min-width: 986px){
.container{width:100%;}
.catpost{float:none; margin-left:0px; width:100%; }
.cthumb{margin-right:20px;}
.our_team .item{margin:4px !important;}
.cat-container article, .home-container article{}
/*.cdetail .postmeta{width:84%; position:absolute;bottom:10px; }*/
.our_authors .item{margin:7.4px;}


}	

/*   TABLET  : 768px -----------------------------   */
@media only screen and (max-width: 985px) and (min-width: 768px){
.catpost{float:none; margin-left:0px; width:100%; }
.cthumb{margin-right:20px;}
#inner-content #content{width: 100%; padding: 12px 25px 25px;}
#inner-content #sidebar{width: 100%; margin-left:0px;}
.container{width:100%;}
#top-header ul, #main-menu{display:none; /* background-color:#C58488; */}
.our_team .item{margin:0px !important; width:25%;}
.cat-container article, .home-container article{width:100% !important; margin-right:0px !important;}
#menu-icon{display:block;}
#main-nav-wrap{position:relative;}
#main-nav{margin-top: 0px; margin-right: 0px; float: left; margin-bottom: 10px; /* left: 40.5%; */ position: relative; width:100%;}
#main-menu{ position: absolute; top: 35px; z-index: 10000; width: 100%;}
#main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important;}
#main-nav #main-menu li a{padding:8px 2%;  text-align:left; width:100%;}
#main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; }
#main-nav #main-menu ul li{width: 100%; border-bottom:none !important; /* background-color:#C58488; */}
#main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;}
#main-nav #main-menu li:hover{ /*background-color:#202020; */}
#main-nav  #main-menu li a:hover, #main-nav  #main-menu li ul li a:hover  { /*background-color: #202020 !important; */}
.author-site{font-size: 14px;float: left;text-align: left;width:100%;} .our_authors .item{margin:1.1px;}

}

@media only screen and (max-width: 767px) and (min-width: 480px){
#main-nav{margin-top: 0px; margin-right: 0px; float: left; margin-bottom: 10px; /* left: 40.5%; */ position: relative; width:100%;}
.catpost{float:none; margin-left:0px; width:100%; }
.cthumb{margin-right:20px;}
#inner-content #content{width: 100%; padding: 12px 25px 25px;}
#inner-content #sidebar{width: 100%; margin-left:0px;}
.container{width:100%;}
.container, #footer-1, #footer-2, #footer-3, .widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li{width:100%;}
#top-header ul, #main-menu, .search-block, #socialcircle, #footer-nav-links, #footer-social-icons{display:none;}
#top-header h1, #top-header h2{width:100%; }
#top-header h1 a, #top-header h2 a{width:100%; background-position:center;}
#footer-social-icons, #footer-copyright{float:none !important;text-align:center;clear:both;}
#sidebar{margin-left:0px !important; width:100%}
.post-container,.page-container,.cat-container,.home-container {margin-right:0px !important;}
.cat-container article, .home-container article{width:100% !important; margin-right:0px !important;}
#menu-icon{display:block;} #main-nav-wrap{position:relative;}
#main-menu{ position: relative; top: 15px; z-index: 10000; width: 100%; }
#main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important;}
#main-nav #main-menu li a{padding:8px 2%;  text-align:left; width:100%;}
#main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; }
#main-nav #main-menu ul li{width: 100%; border-bottom:none !important;  background-color:#C58488; }
#main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px; }
#main-nav #main-menu li:hover{  background-color:#202020; }
#main-nav  #main-menu li a:hover, #main-nav  #main-menu li ul li a:hover  {  background-color: #202020 !important; }
.ads200 .ad-cell{margin: 1% 15% !important;} .ads125-125 .ad-cell {margin: 1% 4% !important;}
#top-header .logo{background-position:center top;}
.author-site{font-size: 12px;float: left;text-align: left;width:100%;}
#footer-copyright .alignright{float:none !important;} #footer-logo{width:100% !important;} 
.our_authors .item{margin:0 -6px;}

}

@media only screen and (max-width: 479px){
#main-nav{margin-top: 0px; margin-right: 0px; float: left; margin-bottom: 10px; /* left: 31.5%; */ position: relative;}
.catpost{float:none; margin-left:0px; width:100%; }
.cthumb{margin-right:20px;}
#inner-content #content{width: 100%; padding: 12px 25px 25px;}
#inner-content #sidebar{width: 100%; margin-left:0px;}
.container{width:100%;}
.container, #footer-1, #footer-2, #footer-3, .widget_nav_menu #menu-top-menu li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li{width:100%;}
#top-header ul, #main-menu, .search-block, #socialcircle, #footer-nav-links, #footer-social-icons{display:none;}
#top-header h1, #top-header h2{width:100%; }
#top-header h1 a, #top-header h2 a{width:100%; background-position:center;}
#footer-social-icons, #footer-copyright{float:none !important;text-align:center;clear:both;}
#sidebar{margin-left:0px !important; width:100%}
.post-container,.page-container,.cat-container,.home-container {margin-right:0px !important;}
.cat-container article, .home-container article{width:100% !important; margin-right:0px !important;}
#menu-icon{display:block;} #main-nav-wrap{position:relative;}
#main-menu{ position: relative; top: 15px; z-index: 10000; width: 100%; }
#main-nav #main-menu li { float: none !important; display:inherit; overflow:auto; border-bottom: none !important; padding:0px !important;}
#main-nav #main-menu li a{padding:8px 2%; /*float:left;*/ text-align:left; width:100%;}
#main-nav #main-menu ul {display:block !important; width: 100% !important; position: relative !important; top: 0px !important; }
#main-nav #main-menu ul li{width: 100%; border-bottom:none !important; /* background-color:#C58488; */}
#main-nav #main-menu ul li a{color:#fff !important; text-shadow:none !important; width: 90%; padding:10px 5%; font-weight:bold; font-size:12px;}
#main-nav #main-menu li:hover{ /* background-color:#202020; */}
#main-nav  #main-menu li a:hover, #main-nav  #main-menu li ul li a:hover  { /* background-color: #202020 !important; */}
.ads200 .ad-cell{margin: 1% 15% !important;} .ads125-125 .ad-cell {margin: 1% 4% !important;}
#top-header .logo{background-position:center top;}
.author-site{font-size: 12px;float: left;text-align: left;width:100%;}
#footer-copyright .alignright{float:none !important;} #footer-logo{width:100% !important;} 
.our_authors .item{margin:0 -6px;}
}