/*
Theme Name: DesignBlog SinglePro
Author: Magazine3
Author URI: http://magazine3.com
Version: 1.0
Description: DesignBlog theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: mm
Tags: one-column, two-columns 
Theme URI: http://magazine3.com/designblog
*/
*{ 
    margin:0; 
    padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
    border:0;
    background:none;
}
body{
    color:#333;
    font:14px/16px Arial, Helvetica, sans-serif;
    background:#f6f6f6; 
}
a{
    text-decoration:none;
    color:#000;
}
a:hover {text-decoration:none;}
a:active {background-color:transparent;}
input, textarea, select {
    font:100% arial,sans-serif;
    vertical-align:middle;
    color:#000;
    overflow:auto;
}
label{vertical-align:middle;}
button, input{
    width:auto;
    overflow:visible;
}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold; line-height: 1.2; }
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration:underline;}
s, strike, del {text-decoration:line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
    border-collapse:collapse;
    border-spacing:0;
}
th, td{
    border:1px solid #ccc;
    padding:3px 7px;
    text-align:left;
    vertical-align:top;
}
th{
    border-color:#999;
    text-align:center;
    vertical-align:middle;
}
ul{margin-left:1px;}
ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
.aligncenter{text-align: center;}
img.aligncenter{
    display:block;
    margin:0 auto;
}
.alignleft{float:left;}
.alignright{float:right;}

.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:1em;margin-bottom:0.7em
} 

.alignright,img.alignright {
display:inline;
float:right;
margin-left:1em;margin-bottom:0.7em
}

.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;margin-bottom:0.7em
}


input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
padding: 1px 4px;
}
.wp-caption{
    border:1px solid #ddd; 
    text-align:center;
    background-color:#f3f3f3;
    padding:4px;
}
.wp-caption img{
    margin:0;
    padding:0;
    border:0 none;
}
.wp-caption p.wp-caption-text{
    padding:0 4px;
    margin:0;
}
#wrapper{
    overflow:hidden;
    position:relative;
    width:100%;
}
.w1{
    width:1040px;
    margin:0 auto; 
}
#header{
    margin:0 -9999px 20px;
    padding:0 9999px;
    border-top:2px solid #313131;
    background:#658db5;
    overflow:hidden;
}
#nav{
    padding:8px 0;
    float:left;
}
#nav ul{
    list-style:none;
    margin:0;
    padding:0;
    font-size:12px;
    line-height:16px;
}
#nav li{
    float:left;
    list-style:none;
    margin:0 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}
#nav li a{
    color:#fefefe;
    display:inline-block;
    vertical-align:top;
    padding:3px 8px 3px 8px; 
    text-decoration:none;
}
#nav .active,
#nav li a:hover{background:#476d93;}
#header .social-networks{
    margin:0;
    padding:0 3px 0 0;
    list-style:none;
    float:right;
    border-left:1px solid #5780a9;
}
#header .social-networks li{
    list-style:none;
    float:left;
    border-right:1px solid #5780a9;
}
.social-networks li a{
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    padding:6px 10px 7px 9px;
    height:25px;
    background: url(images/sprite.png) no-repeat;
}
.social-networks li:hover{background:#5780a9;}
.social-networks .vimeo a{
    width:21px;
    background-position:9px 6px;
}
.social-networks .dribbble a{
    width:23px;
    background-position:-32px 6px;
}
.social-networks .facebook a{
    width:10px;
    background-position:-76px 6px;
}
.social-networks .google a{
    width:25px;
    background-position:-106px 6px;
}
.social-networks .youtube a{
    width:22px;
    background-position:-152px 6px;
}
.social-networks .linkedin a{
    width:22px;
    background-position:-194px 6px;
}
.social-networks .media a{
    width:25px;
    background-position:-237px 6px;
}
.social-networks .tumblr a{
    width:15px;
    background-position:-282px 6px;
}
.social-networks .twitter a{ 
    width:22px;
    background-position:-317px 6px;
}
.container-top{
    overflow:hidden;
    padding:5px 9px 18px 4px;
}
.container-top .ad{
float: right;
margin-top: 1px }

#logo{
    float:left;
    min-width:155px;
}
#logo a{
    height:100%;
    display:block;
}
.home-link { float: left; max-width: 295px; }
.home-link h2 { margin-bottom: 0px;}
.ad{float:right;}
.ad a{
    display:block;
    height:100%;
}
.banner img{vertical-align:top;}
#main{
    border:1px solid #dfdfdf;
    -webkit-border-radius:5px;
    border-radius: 5px;
    margin:0 0 30px;
      border-bottom:0;
    background:#fff;
}
#main .menu{
    display: inline-block;
    width: 100%;
    background:#fafafa;
    font-size:14px;
    line-height:16px;
    border-bottom:1px solid #dfdfdf;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; 
}
.two-menus{height: 39px;}
#main .menu .current-menu-item a{color:#fff}

/* submenu */

#main .menu ul ul{ width: 269px; display: none;

background: #333; 

border-radius: 0 0 3px 3px;

box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
z-index: 30;

padding:8px 0;


}
 
#main .menu ul{
    list-style:none;
    margin:0;
    padding:0 0 0 5px; 
}

#main .menu li{
    list-style:none; 
    float:left;
    border-left:1px solid #e6e6e6;
}
#main .menu li a{
    color: #333333;
    display: block;
    font-weight: bold;
    padding: 11px 24px; 
}
 #main .menu li a.sf-with-ul:hover{ color: #fff; background:#333;}

 #main .menu .sf-menu a:hover{background: #444; color: #eee}
 
/* #main .menu li a:hover, 
#main .menu .active{background:#fff;} 
*/
#main .menu ul {
    list-style:none;  
}
#main .menu ul li {float:left;}
#main .menu ul a {  
text-decoration: none;  
}
 #main .menu ul span { 
}
 
#main .menu ul .active a {
    cursor:pointer;
    text-decoration:none;
}
#main .menu ul .active a span {
    cursor:pointer;
    text-decoration:none;
}
#main .menu ul ul {
 position: absolute;  
 
}

#main .menu ul ul li{  border-left: 0px;
display: inline-block;
float: left; 
width: 134px;
}
#main .menu ul ul li a:hover{
  background:#658db5 !important;
  color:#fff !important; 
}  
#main .menu ul ul li ul li a:hover{
 }
#main .menu ul ul li:nth-child(2n+1){
    border-right: 1px solid #777;
}
#main .menu ul ul li a{
font-weight: normal;
text-transform: none;
width: 110px;
font-size: 13px;
padding: 8px 12px;
}


/* sub sub menu */
#main .menu ul ul ul{  
border-radius: 0 0 0px 0px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
margin-top: -32px !important;
 background: #666;
padding: 7px;
width: 134px; 
left: 134px;
border: 0px;
margin-top: 8px; 
    }
#main .menu ul ul ul li{ border:0px !important; }
#main .menu ul ul ul li a{ color:#eee; }

#main .menu .sf-menu a { 
display: block;
position: relative; } 
#main .menu .sf-menu ul li.sfHover{
    background: #666 !important
}


/* TOP MENU SUB menu area  START */
/* submenu */

#nav ul ul{ width: 145px; display: none; 
background: #476d93;    
border-radius: 0 5px 5px 5px; 
-webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px;

 z-index: 30; 
padding:6px 0; 
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); 
}
 

#nav ul {
    list-style:none;  
}
#nav ul li {float:left;}
#nav ul a {  
text-decoration: none;  
}
#nav ul span { 
}
 
#nav ul .active a {
    cursor:pointer;
    text-decoration:none;
}
#nav ul .active a span {
    cursor:pointer;
    text-decoration:none;
}
#nav ul ul {
 position: absolute;  
 
}

#nav ul ul li{ 
-webkit-border-radius: 0px;border-radius: 0px;
 border-left: 0px;
display: inline-block;
float: left; 
width: 134px;
}
#nav ul ul li a:hover{
  background:#658db5;
  color:#fff; 
}  
#nav ul ul li ul li a:hover{
    border-top: 0px solid #0088C9;  
}

#nav ul ul li a{
font-weight: normal;
text-transform: none;
width: 110px;
font-size: 13px;
padding: 5px 12px;
}

#nav .sf-menu li.sfHover {
    background-color: #476d93; 
        -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
     }

#nav .sf-menu ul li.sfHover {
    background-color: #658db5; 
        -webkit-border-radius: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
     }
 
/* sub sub menu */
#nav ul ul ul{ 
    -webkit-border-radius: 0px 5px 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px;

box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);  
margin-top: -26px;
background: #658db5;
padding: 6px 2px; 
right: -125px;
width: 143px;
border: 0px;   
    }
#nav ul ul ul li{ border:0px !important; }
#nav ul ul ul li a{ color:#eee; }

#nav .sf-menu a {
display: block;
position: relative; } 

/* TOP MENU SUB menu area END */




/* Primary Second SUB menu area  START */

.add-nav li ul li:first-child, .add-nav li ul li{
    padding: 6px 10px 6px;
}
 
.add-nav li ul li a, .add-nav li ul li:first-child{
    color: #fff
} 
/* submenu */
.add-nav ul ul{ width: 145px; display: none; 
background: #476d93;    
 z-index: 30; 
padding:6px 0; 
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); 
}
 

.add-nav ul {
    list-style:none;  
}
.add-nav ul li {float:left;}
.add-nav ul a {  
text-decoration: none;  
}
.add-nav ul span { 
}
 
.add-nav ul .active a {
    cursor:pointer;
    text-decoration:none;
}
.add-nav ul .active a span {
    cursor:pointer;
    text-decoration:none;
}
.add-nav ul ul {
 position: absolute;  
 
}

.add-nav ul ul li{ 
-webkit-border-radius: 0px;border-radius: 0px;
 border-left: 0px;
display: inline-block;
float: left; 
width: 125px;
}
#nav ul ul li a:hover{
  background:#658db5;
  color:#fff;  
}  
.add-nav ul ul li ul li a:hover{
    border-top: 0px solid #0088C9;  
}

.add-nav ul ul li a{
font-weight: normal;
text-transform: none;
width: 110px;
font-size: 13px;
padding: 1px 6px;
}

.add-nav .sf-menu li.sfHover {
    background-color: #fff;     color: #333 !important

     }

.add-nav .sf-menu ul li.sfHover {
    background-color: #777; 
    color: #333 !important
     }

/* sub sub menu */
.add-nav ul ul ul{ 
    border-radius: 0 0 0px 0px; 
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);  
margin-top: -26px;
background: #444;
padding: 6px 2px;
right: -125px;
width: 143px;
border: 0px;   
    }
.add-nav ul ul ul li{ border:0px !important; }
.add-nav ul ul ul li a{ color:#eee; }

.add-nav .sf-menu a {
display: block;
position: relative; } 

/* Primary Second SUB menu area END */








.add-nav{
border-bottom: 1px solid #dfdfdf;
margin: 0px 1px 3px;
display: inline-block;
width: 100%;
}
.add-nav ul{
    list-style:none;
    margin:0;
    padding:0;
    font:14px/16px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.add-nav li{
    list-style:none;
    float:left;
    padding:14px 10px 14px;
}
.add-nav li:first-child{padding:14px 10px 14px 3px;}
.add-nav li a{
    text-decoration:none;
    color:#222;
}
.add-nav li a:hover{text-decoration:underline;}
.main-holder{ 
    padding:0 30px;
    margin:0 0 26px;
    position:relative;
    display: inline-block;
}
.main-holder:after{
    content:"";
    left:676px; 
    top:0;
    display: inline-block;
   
    position:absolute;
    border-right:1px solid #dfdfdf;
}
#content{
    width:620px;
    float:left;
    padding:0 30px 0 0;
    border-right:1px solid #dfdfdf;
}
#content .news{
    padding:0 0 23px;
    border-bottom:1px solid #dfdfdf;
    overflow:hidden;
    margin:0 0 18px;
    font-size:13px;
    line-height:18px;
}
.content-holder { padding-top: 20px; }
#content section{margin:0 0 22px;}
#content .news:first-child{margin:-5px 0 18px;}
#content .news img{
    border:1px solid #ccc;
    padding:4px;
    float:left;
    margin:5px 18px 0 0;
    vertical-align:top;
}
#content .news .text-holder{overflow:hidden;} 
#content .news .text-holder h1{
    font-size:24px;
    line-height:29px;
    margin:0;
    padding:0 0 4px;
}
#content .news .text-holder h1 a{text-decoration:none; color: #111; }
#content .news .text-holder h1 a:hover{text-decoration:underline;}
#content .news .text-holder p{margin:0 0 6px;}
#content .news .text-holder .category a{
    background:#5a77a0;
    color:#fff;
    font:bold 11px/17px Arial, Helvetica, sans-serif;
    padding:0 9px 0 10px;
    float:left; 
    margin:1px 7px 0 0;
    text-decoration:none;
}
#content .news .text-holder .category a:hover{ background:#476d93 }
#content .news .more{color:#5a77a0;}
#content .news .attributes{
    margin:0;
    padding:1px 15px 1px 19px;
    background:#f3f3f3;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
    font-style:italic;
    color:#b8b8b8;
    font-size:12px;
}
#content .news .attributes i{color:#737373;}
#content .news .attributes b{
    color:#282828;
    font-weight:normal;
}
#content .news .time{
    text-decoration:none;
    color:#737373;
}
#content .news .author,
#content .news .comments{
    text-decoration:none;
    color:#282828;
}
 #content .pagination{
    background:#eee;
    overflow:hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding:8px 18px 0px 17px;
    margin:0 0 18px 1px;
    font-weight:bold;
}
#content .pagination p{margin:0;}
#content .pagination ul,{
    list-style:none;
    margin:-8px 0 -3px;
    padding:0;
    float:right;
    font-size:14px;
    line-height:18px;
}
 

#content .pagination a, .pagination-holder span  {
    list-style:none;
    float:left;
    font-weight:bold;
    margin:0 0 0 8px;
}
#content .pagination .active{
    padding:7px 4px 7px 3px;
    background:#555;
    color:#fff;
    text-align:center;
    min-width:12px;
}
#content .pagination a{
    display:block;
    padding:7px 5px 7px 5px;
    color:#111;
    text-decoration:none;
}
#content .pagination   a:hover{
    color:#fff;
    background:#555;
}
#content .pagination .last a:hover,
#content .pagination .next a:hover{
    background:none;
    color:#222;
}
#content .pagination .last{margin:0 0 0 9px;}
#content .pagination .next{
    margin:0 0 0 7px;
    background: url(images/sprite.png) no-repeat 43px -30px;
}
#content .pagination .next a{padding:7px 22px 7px 8px;}
#content .pagination .next a:hover,
#content .pagination .last a:hover{text-decoration:underline;}

.pagination-holder {float: right; margin-top: -8px }
.pagination-holder a {text-decoration: none;}


#sidebar{
    float:right;
    padding:0 0 0 27px; 
    width:300px;
    color:#222;
    font-size:13px;
    line-height:15px;
}
#sidebar .widget{
margin: 0 0 25px;
padding-bottom:0px; 
    display:block;
    border-bottom: 1px solid #f1f1f1;
}
#sidebar img{vertical-align:top;}
#sidebar .widget h2{
    color:#fff;
    background:#5a77a0;
    display:inline-block;
    vertical-align:top; 
    margin:0 0 2px;
    text-align:center;
    font:600 14px/16px 'Source Sans Pro', Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    padding:8px 16px;
}
#sidebar .widget ul{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar .widget ul li{
    list-style:none;
    margin:0 0 0px;
}
#sidebar .widget a{text-decoration:none;}
#sidebar .widget a:hover{text-decoration:underline;}
#main .container{
    background:#484848;
    padding:40px 40px 25px;
    margin:0 -1px; 
    overflow:hidden;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#footer{
    border-top:1px solid #ddd;
    margin:0 -9999px;
    background:#fff;
    padding:26px 10004px 23px 10004px;
    font-size:14px;
    line-height:16px;
    overflow:hidden;
}
#footer .add-logo{
    float:right;
    width:190px;
    height:38px;
     margin:7px 15px 0 0;
}
#footer .add-logo a{
    display:block;
    height:100%;
}
#footer ul{
    list-style:none;
    margin:0 0 14px;
    padding:0;
    overflow:hidden;
} 
#footer ul li{
    list-style:none; 
    float:left;
    padding:0 10px 0 0;
    position:relative;
}
#footer ul li ul{display: none}
#footer ul li a{
    color:#658db5;
    text-decoration:none; 
}
#footer ul li a:hover{text-decoration:underline;}
#footer .copy{float:left; margin:0;font-size: 12px }
#content .item {font:16px/22px Arial, Helvetica, sans-serif;}
#content .item h1{
    font-size:32px !important;
    line-height:36px;
    margin:-6px 0 15px;
}
.single #content .item .single-title h1{
    font-size:32px !important;
font-family: Arial, Helvetica, sans-serif !important;

}
#content .item p{margin:0 0 22px;
line-height: 1.6;}
#content .item .info-block{
    padding:0 0 25px 1px;
    font-size:13px;
    line-height:18px;
    overflow:hidden;
}
#content .item .info-block a{text-decoration:none;}
#content .item .info-block a:hover{text-decoration:underline;}
#content .item .info-block .author,
#content .item .info-block .category{color:#476D93 !important; font-weight: bold;}
#content .item .info-block .comments{color:#111 !important;}
#content .item .tags{
    font:400 13px/16px 'Source Sans Pro', Arial, Helvetica, sans-serif;
    padding:19px 0 10px;
    display:inline-block;
    vertical-align:top;
}
#content .social-networks:after{
    content:"";
    display:block;
    clear:both;
}
#content .social-networks{
    padding:10px 0 4px;
    font-size:14px;
    line-height:20px;
    border-top:1px solid #f7f7f7;
    border-bottom:1px solid #f7f7f7;
    position:relative;
}
#content .social-networks .share{
    text-decoration:none;
    float:right;
    background: #5a77a0 url(images/sprite.png) no-repeat -65px -34px;
    color:#fff;
    font-weight:bold;
    padding:6px 8px 6px 29px;
    min-width:53px;
    text-align:center;
}
#content .social-networks .share:hover{text-decoration:underline;}
#main .st_fblike{margin:0 114px 13px 0;}
#main .st_fblike>span{margin:0 0 13px !important;}
.st_twitter_hcount .stButton{
    position:absolute;
    left:79px;
    top:15px;
}
.st_sharethis .stButton .chicklets{
    width:50px;
    height:20px;
    margin:6px 0 0;
    padding:0;
    background: url(images/sprite.png) no-repeat 0 -80px;
    text-indent:-9999px;
    overflow:hidden;
}
.st_plusone_hcount div{margin:0 10px 11px 0;}
#main .st_pinterest_large{margin:0 57px 0 0;}
#main .stButton .stLarge{
    width:40px;
    height:20px;
    background: url(images/sprite.png) no-repeat -54px -80px !important;
}
#content .item .tags b{font:700 13px/16px 'Source Sans Pro', Arial, Helvetica, sans-serif;}
#content .item .tags a{text-decoration:none;}
#content .item .tags a:hover{text-decoration:underline;}
#content .author-box{padding:26px 0 24px;}
#content .author-box img{   vertical-align:top;}
#content .post-holder {margin:0 0 16px;}
#content .post-holder h2{
    margin:0 0 6px;
    font:600 18px/20px 'Source Sans Pro', Arial, Helvetica, sans-serif;
    text-transform:capitalize;
}
#content .post-holder .post{
    overflow:hidden;
    margin:0 0 9px;
}
#content .post-holder .post img{
    vertical-align:top;
    float:left;
    margin:0 10px 0 0;
}
#content .post-holder .post h3{
    margin:1px 0 4px;
    font:21px/22px 'Times New Roman', Times, serif;
}
#content .post-holder .post h3 a{
    text-decoration:none;
    letter-spacing:1px;
}
#content .post-holder .post h3 a:hover{text-decoration:underline;}
#content .post-holder .post p{
    margin:0;
    font-size:12px;
    line-height:18px;
}

/* Backto Top Arrow */
#back-top {
    z-index:50;
    position: fixed;
    bottom: 0px;
    right:  50px;
    display: none;
}

#back-top a {
    width:72px;
    display: block;
    text-align: center;
    font: 13px/100% 'Varela Round', sans-serif;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#back-top span {
    border-width:0;-moz-box-shadow:0 0 #fff,0 0px 3px rgba(34,25,25,0.5);-webkit-box-shadow:0 0 #fff,0 0px 3px rgba(34,25,25,0.5);box-shadow:0 0 #fff,0 0px 3px rgba(34,25,25,0.5);display:block;font-size:15px;text-align:center;
padding:0.70em 0.825em; 
    display: block; 
line-height: 20px;
    margin-bottom: 0px;
    background-color:#f0eded;background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfafb), to(#f0eded), color-stop(0.5, #f9f7f7), color-stop(0.5, #f6f3f4));background-image:-moz-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);background-image:-o-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);background-image:-webkit-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);border-color:#bbb;color:#333;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb', endColorstr='#f0eded');text-shadow:0 1px rgba(255,255,255,0.9);
 
    /* rounded corners */
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; 

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}

/* Author.php START */
.authorarchive{ margin-bottom: 12px !important; display: inline-block;
}
.author-info{ font-family: helvetica,Arial,sans-serif;
font-size: 14px;
float: right;
width: 420px;
line-height: 20px;
margin-top: 5px;  }
.author-info b { font-size: 16px;
font-weight: bold; }
.author-info ul {  margin-top: 10px;padding-left: 15px; font-size: 12px; line-height: 15px;  }
.author-info li { font-weight:bold; margin: 5px  }
.author-info li a { font-weight:normal; color: blue;  }

li.authorstuff{list-style:circle;}
/* Author.php END */

/* page archive full width starts */
.full-width{width:99% !important; border-right:0px !important;}
/* page archive full width ends */

/* Links */

a {

 color: #236CBF;
    outline: 0 none;
    text-decoration: none; }

 
a:hover {

    text-decoration: none;

}
/* Text meant only for screen readers */

.assistive-text {

    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

}




.site-header img,

.entry-content img,

.comment-content img{

    max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

.site-header img,

.entry-content img,

img[class*="align"],

img[class*="wp-image-"] {

    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

.site-header img,

.entry-content img,

img.size-full {

    max-width: 100%;

}

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 10px auto;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left; 
    margin: 5px 20px 10px 0;
}
a img.alignright {
    float: right; 
    margin: 10px 0px 10px 20px;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
  border: 1px solid #ddd;
text-align: center;     max-width: 99%; /* Image does not overflow the content area */

background-color: #f3f3f3;
padding-top: 7px;
margin: 10px 0;
-webkit-border-radius: 3px;
border-radius: 3px; 
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.single #content .item p.wp-caption-text {
font-size: 11px !important;
line-height: 1.5;
padding: 2px 4px 2px;
color: #333;
margin: 0;
}
.wp-caption p.wp-caption-text,
.gallery-caption {
    font-size: 11px !important;

}

.sticky,
.bypostauthor{
	display:block;
}



/* main elements */
.product-block .product-list li.margin-set { margin:0 2px 7px 0;}
.inner #content {
  min-height: 375px;
}

 #respond { 
    clear: both;
}

.meta { overflow:hidden; padding: 0 0 10px 0; }
.meta ul { margin:0;}
.meta li {
	list-style:none;
	float:left;
	padding: 0 5px 0 0;
}

#respond input {
 margin: 5px 0; 
}
.commentlist {margin:0;} 
 
#respond label { display:block;}
#respond #submit {
 width:150px
}

#header .author strong {
    color: #646262;
    font-size: 26px;
}
.commentlist li {
 list-style:none;
 margin:5px;
}
.commentlist li p {
 margin:0 !important;
}
.commentlist li .avatar {
 float: left;
 margin: 5px;
}
.navigation { overflow:hidden;  }
.navigation .next { float:right; }
.navigation .prev { float:left; }

#content .news .content {
	margin:0px 0px 6px 0px;
}
#content .news .content p {
  display: inline;
}
.main-holder:after {
	position:relative;
}

.page #content {
  padding: 0 29px 0 0;
}

#content .item li, #content .item ol {
  margin: 0 0px 5px 1px; 
}


/* ----------------- MY CSS Starts Here ------------------------------------------ */
.cb { clear: both;}
.responsivemenu { display: none;}

.m3-fbwidget { background: #fff;  margin-bottom: 1px; } 

.clear-block { margin-bottom: 30px; }

/* Footer */
.footerwrapper .box {

    width:300px;

    margin-right:20px;

    float:left;

} 
.footer3 { margin-right: 0; } 

.footerwrapper .widget, .footerwrapper .block  { margin-bottom: 20px; }
.footerwrapper ul.tabs { height: 43px; border: 0  !important;  margin-left: 0 !important;   }
.footerwrapper .block-item-small { padding-left: 5px; background: none !important }
.footerwrapper .block-image-r a { color:#dedede;}
.footerwrapper .block-item-small-view ol { background: #ccc;  }
.footerwrapper .tabs_container a{ color: #333}
.footerwrapper .adspace-widget h3{
    font: 15px/18px Arial, Helvetica, sans-serif;
color: #f9f9f9;
border-bottom: 1px solid #5a5a5a;
margin: -2px 0 8px;
padding: 0 0 5px;
}
#main .block:first-child{margin:0;}


#main .block>a{display:block;}

#main .block img{vertical-align:top;}

#main .footerwrapper .block h3{ 
    font:15px/18px Arial, Helvetica, sans-serif;
    color:#f9f9f9;
    border-bottom:1px solid #5a5a5a;
    margin:0px 0 8px;
    padding:0 0 5px;
}


#main .block ul {
    margin-left:4px; 
}

#main .block .box{
    list-style:none;
    margin:0;
    padding:0 0 0 5px;
    font-size:12px;
    line-height:16px;
}

#main .block  li{
    list-style:none;
    padding:0 0 9px;
    color:#eee;
}

#main .block  li a{
    color:#dedede;
    text-decoration:none;
}

#main .block .links li a:hover{text-decoration:underline;}

 

.footerwrapper ul.pane li a { color: #dedede}
.footerwrapper h3 span { color: #F9F9F9;}

/* Menu Starts */

/*** ESSENTIAL STYLES ***/

.main-menu .sf-menu,  .main-menu.sf-menu * {

    margin:         0;

    padding:        0;

    list-style:     none;

}

 .main-menu .sf-menu {

    line-height:    1.0;

}

 .main-menu .sf-menu ul {

    position:       absolute;

    top:            -999em;

 }

 .main-menu .sf-menu ul li {

    width:          100%;

}

 .sf-menu li:hover {

    visibility:     inherit; /* fixes IE7 'sticky bug' */

}

 .main-menu .sf-menu li {

    float:          left;

    position:       relative;

}

 .main-menu .sf-menu a {

    display:        block;

    position:       relative;

}

 .main-menu .sf-menu li:hover ul,

 .main-menu .sf-menu li.sfHover ul {

    left:           0;

    top:            2.5em; /* match top ul list item height */

    z-index:        99;

}

 .main-menu ul.sf-menu li:hover li ul,

 .main-menu ul.sf-menu li.sfHover li ul {

    top:            -999em;

}

 .main-menu ul.sf-menu li li:hover ul,

 .main-menu ul.sf-menu li li.sfHover ul {

    left:           10em; /* match ul width */

    top:            0;

}

 .main-menu ul.sf-menu li li:hover li ul,

.main-menu ul.sf-menu li li.sfHover li ul {

    top:            -999em;

}

 .main-menu ul.sf-menu li li li:hover ul,

 .main-menu ul.sf-menu li li li.sfHover ul {

    left:           10em; /* match ul width */

    top:            0;

}



/*** DEMO SKIN ***/

.menu-holder .sf-menu {

    float:          left;

    margin-bottom:  1em;

}

.menu-holder .sf-menu ul {

    box-shadow: 2px 2px 6px rgba(0,0,0,.2);

}

.menu-holder .sf-menu a {

 

    text-decoration:none;

}

 

.menu-holder .sf-menu li { 



padding: 0; 



}

.menu-holder .sf-menu li li { 

    border-left:0px;

 } 

 .menu-holder .sf-menu li li:hover{ 

    background:#777;

 } 
 
.menu-holder .sf-menu li li li { 

}

.menu-holder .sf-menu li:hover, #main .menu .sf-menu li.sfHover {

    background-color: #333;

    }
#main .menu .sf-menu li.sfHover a{
   color: #fff !important 
} 

.menu-holder .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{

     

        outline:        0;

}



.menu-holder .current-menu-item a {  

    color:#f17977;

    text-decoration:none;

}

.menu-holder .current-menu-item { 

  

}

/*** arrows **/

.menu-holder .sf-menu a.sf-with-ul {

    padding-right:  2.25em;

    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */

}

 

.menu-holder a > .sf-sub-indicator {  /* give all except IE6 the correct values */

    top:            .8em;

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

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

}



 

/* sub sub menu */


/* Single Style */

#m3_authors { margin: 20px 0 !important; }

.related-post-holder  { display: inline-block; margin-bottom: 12px; color: #222;  }
.related-image { float: left; margin-right: 13px;}
.related-text a { text-decoration: none; color: #333}
.related-text h3 { margin-bottom: 5px;
font-size: 18px;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight: bold;
}
.related-post-holder p{
    line-height: 20px; color: #666  
}
.cat-links-holder-single { 
font-size: 18px;
font-weight: 600;
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
line-height: 1;
color: #fff;
text-align: center;
background: #658db5;
padding: 7px 4px;
margin-bottom: 11px;
}




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

/* Comment style */
#comments-content .alignleft a{
 background: #658db5;
padding: 8px 10px;
color: #fff;
font-weight: bold;
}
#comments-content .alignright a{
    float: right;
    font-weight: bold;
    background: #658db5;
color: #fff;
padding: 8px 10px;
}

#comments-content {

}



ol.commentlist {

margin-bottom:30px;

list-style-type:none 

}



.the-comment {

margin-bottom:24px

}



.avatar {

float:left;

margin-right:8px;

background:none repeat scroll 0 0 #FFF;

border:1px solid #CACACA;

border-radius:3px 3px 3px 3px;

box-shadow:0 0 2px #ddd;

-moz-border-radius:3px;

-webkit-border-radius:3px 3px 3px 3px;

padding:4px

}



.comment-arrow {

background:url(images/comment-arrow.png) no-repeat;

width:8px;

height:15px;

float:left;

margin-top:16px;

margin-right:-1px

}



.comment-box {

border:1px solid #E5E5E5;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

overflow:hidden;

padding:14px

}



.comment-author {

margin-bottom:10px;

color:#EEE;

padding-bottom:3px;

border-bottom:1px solid #eee

}



.comment-author strong{  

color: #111111;

    font-family: 'Lora', serif !important;

    font-size: 16px;

    font-weight: normal;

}



.comment-author small {

font-size:10px;

margin-top: 6px;

color:#384f79;

float:right

}



.comment-text {

line-height:20px

}

 

.comment-text p {

margin-top:15px;

    font-size: 14px;

    line-height: 25px;

}



.children {

margin:20px 0 0 83px

}



.children li.comment {

list-style-type:none;

margin:0 0 20px

}



.cancel-comment-reply {

margin-bottom:10px

}



.no-comments {

color:#888

}



.comment-text-side {

color:#888;

line-height:20px

}



a.comment-reply-link {

background: #EEEEEE;

    color: #333333;

    font-size: 12px;

    padding: 2px 7px;

}







#respond {

margin-left:7px;

padding-top:5px

}



#respond h3 {font-family: Helvetica,Arial,"Trebuchet MS",sans-serif;font-size:15px; 

font-weight:bold;

margin-bottom:0 !important

}



#respond-content {

width:610px

}



#comment-input {

float:left;

margin-right:8px

}



#comment-input input {

width: 190px;

margin-bottom:17px;

background-color:#EEE;

border:1px solid rgba(174, 173, 173, 0.5);

border-radius:1px 1px 1px 1px;

box-shadow:0 0 4px rgba(147, 147, 147, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.75);

color:#676A6B;

display:inline-block;

text-shadow:0 1px 0 rgba(255, 255, 255, 0.65);

padding:9px 13px 

}



#comment-input input:focus,textarea:focus {

outline:none

}



#comment-input label {

font-size:12px;

display:block;

margin-bottom:2px

}



#comment-input label .req {

color:#999

}



.textarea-comment {

background:#E9E9E9;

width:355px;

height:180px;

font-family:arial;

background-color:#EEE;

border:1px solid rgba(174, 173, 173, 0.5);

border-radius:3px 3px 3px 3px;

box-shadow:0 0 4px rgba(147, 147, 147, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.75);

color:#676A6B;

display:inline-block;

text-shadow:0 1px 0 rgba(255, 255, 255, 0.65);

padding:6px 10px

}



#comment-textarea label {

font-size:12px;

display:block;

margin-bottom:3px

}



#comment-textarea-admin {

float:none;

margin-bottom:16px

}



#comment-textarea-admin label {

display:block;

margin:10px 0 5px

}



 



#comment-submit {

clear:both;

width:600px;

text-align:center;

margin: 4px 0 10px 0;


}



#comment-submit-admin {

clear:both;

margin-bottom:10px

}



#comments-content ol {

margin:18px 5px 18px 0

}



.respond {

padding:5px

}



.comment-submit {

cursor:pointer;

font-family:"Segoe UI",helvetica,Arial,sans-serif;

 width: 100%;

border:1px solid #3C3C3E;

font-size:16px;

font-weight:700;

box-shadow:0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;

color:#FFF;

text-shadow:0 -1px 0 rgba(0, 0, 0, 0.8);

 

}



.comment-submit:hover {

border:1px solid #3C3C3E;

 box-shadow:0 1px 0 #ddd, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset

}



.comment-submit:active {

border:1px solid #3C3C3E;

 box-shadow:0 1px 0 #ddd, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset

}

h3.numberofcomments {text-align:center !important; 

background:url("images/asideline.png") repeat-x scroll center center transparent;

color:#01649E;

display:block;

font-size:14px !important;

font-weight:700;

margin:30px 0 15px;

padding:0 8px

}

#comments a {
    text-decoration: none;
}


h3.numberofcomments span {

background:#fff;font-family:Helvetica,Arial,sans-serif;

padding:1px 4px

} 
h3.numberofcomments span a {
    color: #236CBF;
}

/* Comment ends here */



button,

input,

select,

textarea {

    font-size: 100%; /* Corrects font size not being inherited in all browsers */

    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline; /* Improves appearance and consistency in all browsers */

    *vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

    *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */

}


button,

html input[type="button"], html input[id="submitcomment"],

input[type="reset"]{

    border: 1px solid #ccc;

    border-color: #ccc #ccc #bbb #ccc;

    border-radius: 3px;

    background: #fafafa; /* Old browsers */

    background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */

    background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

    box-shadow: inset 0 2px 1px #fff;

    color: rgba(0,0,0,.8);

    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

    font-size: 12px; 

    line-height: 2;

    padding: 5px 10px;

    text-shadow: 0 1px 0 rgba(255,255,255,.5);

}

button:hover,

html input[type="button"]:hover, html input[id="submitcomment"]:hover,

input[type="reset"]:hover  {

    background: #f5f5f5; /* Old browsers */

    background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */

    background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */

    border-color: #bbb #bbb #aaa #bbb;

}

button:focus,

html input[type="button"]:focus, html input[id="submitcomment"]:focus,

input[type="reset"]:focus,

button:active,

html input[type="button"]:active,

input[type="reset"]:active  {

    border-color: #aaa #bbb #bbb #bbb;

    box-shadow: inset 0 2px 3px rgba(0,0,0,.15);

    box-shadow: inset 0 2px 2px rgba(0,0,0,.15);

}

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

    padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

    box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

    border: 0;

    padding: 0;

}

input[type=text],

textarea {

    color: #666;

    border: 1px solid #ccc;

    border-radius: 3px;

}

input[type=text]:focus,

textarea:focus {

    color: #111;

}

input[type=text] {

    padding: 3px;

}

textarea {

    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

    padding-left: 3px;

    vertical-align: top; /* Improves readability and alignment in all browsers */

    width: 98%;

}

#comment-input .input-website { margin-bottom: 0; }


.cat-title-b0-1 {
    margin-top:2px; 
    margin-bottom: 20px; 
    background:#333 
} 
.cat-title-b0-1 h1 {     font-size: 20px; }
.cat-title-b0-1 h1 span,  .page-title {

    color: #fff;
    padding: 10px 5px;
    font-family: helvetica , Arial, sans-serif;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
}

/* Widets css starts here */



 /* Style.css ends -  w.css starts */



ul.flickr-photos{ 

padding-bottom: 10px !important;

    padding-left: 10px !important; 

    padding-top: 0px !important;

}

li.flickr-photo {

background-image:none !important;

display:inline-block;

border:1px solid #D7D7D7;

height:75px;

margin:9px 0px 2px 6px !important;

padding:5px !important;

width:auto!important;

}

li.flickr-photo img{max-width:70px; max-height:70px;}



p.tag_cloud {

 
    font-weight: 400;

    line-height: 26px;

    margin-top: 6px;

}

 
.widget_mostpopular h3 {

border-bottom:0 solid #DDD !important;

text-align:center

}



.mostpopular {     

    margin-bottom: 6px !important;
    list-style:none;
    margin:.3em 0;
    display: inline-block;
    padding:0
}

ul.mostpopular li{



margin:0px !important; 

}



 

.mostpopular_li {

-webkit-transition-property:background; 

-webkit-transition-duration: 0.2s, 0.1s; 

-webkit-transition-timing-function: linear, ease-in;





-moz-transition-property:background; 

-moz-transition-duration:0.2s, 0.1s; 

-moz-transition-timing-function: linear, ease-in;





transition-property:background; 

transition-duration: 0.2s, 0.1s;  

transition-timing-function: linear, ease-in;



background-image:none !important;

border:0;

list-style:none !important;

line-height:20px !important; 

position:relative;

width:100%;

margin:0 0 -7px;

padding:11px 0 3px 8px !important

}



.mostpopular_li.color0 {



background-color:#ee5826 !important;

width:95%

}

.mostpopular_li.color0:hover { background:#FF7040 !important;}



.mostpopular_li.color1 {

background-color:#27b6e2 !important;

width:93%

}

.mostpopular_li.color1:hover { background:#49D4FF !important;}





.mostpopular_li.color2 {

background-color:#c5e627 !important;

width:89%

}

.mostpopular_li.color2:hover { background:#D8EB80 !important;}





.mostpopular_li.color3 {

background-color:#ff6f51 !important;

width:84%

}

.mostpopular_li.color3:hover { background:#FF8A71 !important;}



.mostpopular_li.color4 {

background-color:#d59b8e !important;

width:80%

}

.mostpopular_li.color4:hover { background:#E7B5AA !important;}



.mostpopular_li.color5:hover,.mostpopular_li.color6:hover,.mostpopular_li.color7:hover,.mostpopular_li.color8:hover,.mostpopular_li.color9:hover,.mostpopular_li.color10:hover,.mostpopular_li.color11:hover,.mostpopular_li.color12:hover,.mostpopular_li.color13:hover,.mostpopular_li.color14:hover,.mostpopular_li.color15:hover { background-color:#999 !important; }





.mostpopular_li.color5,.mostpopular_li.color6,.mostpopular_li.color7,.mostpopular_li.color8,.mostpopular_li.color9,.mostpopular_li.color10,.mostpopular_li.color11,.mostpopular_li.color12,.mostpopular_li.color13,.mostpopular_li.color14,.mostpopular_li.color15 {

background-color:#888 !important;

width:74%

}

ul.mostpopular li{border-bottom:0px solid #ddd !important;margin-left:0px !important;}



a.barlinko {font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
background: none;
line-height: 20px;
font-size: 15px !important;
display: block;
text-decoration: none !important;
margin: 0 8px 0 0;
padding: 0;
color: #222222 !important; } 

a.thethingwithc {color:#fff}

.barco  a {color:#000 !important;font-size:12px !important}

.barco {

display:block;

right:0

}



.block-image-viewed-l {

display: inline-block;

    margin-left: 6px;

    width: 194px;     color: #004661;

}

.block-image-viewed-r,#comment-textarea {

float:left

}



.block-image-viewed-r img {

 

}



.block-item-small ol {

list-style:decimal !important;

background:#fff !important

}



.block-item-small ol li {

list-style:decimal !important;

min-height:40px;

font-size:14px !important;

font-family:'Open sans', arial,sans-serif;

font-weight:700;

padding:5px 0 !important

}



.block-item-small ol li:hover {

background:none !important

}



.block-item-small ol li a {

font-size:12px;

font-family:"Segoe UI",helvetica,Tahoma,Arial,sans-serif !important;

font-weight:400

}



span.block-image-viewed-views {

font-size:11px !important;

font-family:"Segoe UI",helvetica,Tahoma,Arial,sans-serif !important;

font-weight:400

}



/* m3 twitter widget */ 






/* m3 Google plus widget */

.m3-gpluswidget {text-align:center} 



/* TWeet */

span.twitter-text { 

    display: block;

    padding-bottom: 2px;  color: #666666;

}



 span.twitter-text a{ color: #000 !important; }





 /* tabs area */

.tab-content {

overflow:hidden;

padding:16px 16px 0

}





.tabs-wrapper {

 

overflow:hidden;

width:100%

}



.tabs-wrapper .tab-content {

border:1px solid #d7d7d7;

border-width:0 1px 1px

}



ul.tabs {

padding-top:1px !important;

border:1px solid #dedede  !important;

margin-top:15px !important;

 
float:left;

height:41px;

width:296px;

padding-left:0 !important;

margin-bottom:0 !important

}



ul.tabs li {

background:#f9f9f9 !important;

float:left;

border:1px solid #d6d6d6;

overflow:hidden;

position:relative;

bottom:-3px;

-moz-border-radius:3px 3px 0 0;

-webkit-border-radius:3px 3px 0 0;

border-radius:3px 3px 0 0;

margin:2px 0 0 8px !important;

padding:0 !important;

width:auto !important;

}



ul.tabs li a {

 
border-radius: 5px 5px 0 0;

    color: #666 !important;

    display: block;

     font-size: 16px !important;

    font-weight: 400;

    height: 34px; 

    line-height: 35px;

    outline: medium none;

    padding: 0 10px;

    text-decoration: none; 

   -moz-border-radius:5px 5px 0 0;

-webkit-border-radius:5px 5px 0 0;

border-radius:5px 5px 0 0;

}

ul.tabs li.active a{height:35px;color:#111 !important}

ul.tabs li a:hover {

background:#FFF !important

}



p.tag_cloud a {  margin: 0 2px; }



html ul.tabs li.active,html ul.tabs li.active a:hover {

background:#fff !important;

border-bottom:1px solid #fff !important

}



.tabs_container {

border-top:none;

overflow:hidden;

float:left;

width:298px;

background:#fff;

clear:both

}



.tab_content {

border-color:#D6D6D6;

border-style:solid;

border-width:0 1px 1px;

padding:10px 8px 4px

}
.tab_content a{color: #222}

.tab_content h2 { font-weight:normal; } 

.block-item-small-tabs {

border-bottom: 1px dashed #EEEEEE;

    clear: both;

    height: auto;

    margin-bottom: 0;

    overflow: hidden;

   padding: 6px 5px 6px 0;

    width: 275px;

} 

.block-item-small-tabs img{

margin-right: 4px !important;

background:none repeat scroll 0 0 #FFF;

border:1px solid #CACACA;

border-radius:3px 3px 3px 3px;

padding:3px;

box-shadow:0 0 2px #eee;

-moz-border-radius:3px;

-webkit-border-radius:3px 3px 3px 3px;

} 



.block-item-small-tabs .block-image {

position:relative;

display:inline-block;

margin-left:0px;

float:left

}



.block-item-small-tabs .block-image-r {

float: right;

    font-size: 12px;

    padding-right: 7px;

    width:205px;

    }

    



.block-item-small {

border-bottom: 1px dashed #EEEEEE;

    clear: both;

    height: auto;

    margin-bottom: 0;

    overflow: hidden; background:#fff;

    padding: 6px 2px 6px 0px;


}



.block-item-small-view ol {  

list-style:decimal outside none !important;  margin-bottom: 0;

     width:300px;

}



.block-item-small-view ol li {

list-style-type:none;

min-height:57px;   

 overflow:visible;

clear:both;

padding:6px 6px 4px 6px !important;

-webkit-transition-property:background; 

-webkit-transition-duration: 0.2s, 0.1s; 

-webkit-transition-timing-function: linear, ease-in;





-moz-transition-property:background; 

-moz-transition-duration:0.2s, 0.1s; 

-moz-transition-timing-function: linear, ease-in;





transition-property:background; 

transition-duration: 0.2s, 0.1s; 

transition-timing-function: linear, ease-in;

}





.block-item-small-view ol li a {

    color: #111111 !important;

 
    font-size: 13px;

    font-weight: 400;

}



.block-item-small-view ol li:hover a{ 

color:#000 !important;

}



 ul.recent-comments-list li{

background-image: none !important;

    min-height: 50px;


    padding-left: 0 !important; 

}

    .recent-comments-list li a{ font-size:13px;

    font-weight:bold; }



/* m3 twitter widget */ 

 



/* m3 Google plus widget */

.m3-gpluswidget {text-align:center}



/* The widget image on left  */

.block-item-small .avatar {

width:45px;

height:45px;

box-shadow:none !important;

margin-right:4px

}



.block-item-small h2,.block-item-small h2 a {

color:#111 !important;

 
font-size:13px; 

font-weight: 400;

line-height:16px

}

 

.block-item-small img {

border:1px solid #D7D7D7;

padding:2px

}



.block-item-small .block-image {

position:relative;

display:inline-block; 

margin-right:10px;

float:left

}



.block-item-small .block-image-r {

}



.block-meta {

color:#888;

display:block;

font-size:11px;

margin-top:4px

}



.block-meta a {

color:#888 !important

}



.block-meta a:hover {

color:#333 !important;

text-decoration:none

}



/* views widget */

.RandomPostWidget {

    background-position: -13px -78px;

}

.popularviewbg {
background: #f3f3f3;
    padding-bottom: 7px;
margin-top: -2px;
    padding-top: 3px; 

} 

.popularviewbg ol li:hover {

background: #FCFCFC !important;

}


/* calendar */

#calendar_wrap {

background:#fff;

padding: 7px 7px 7px 0px;

}

#wp-calendar {

    color: #555;

    width: 279px;

    font-size: 13px;

    text-align: center;

    clear: both

}

#wp-calendar td a {

    color: #fff;

    font-weight: bold;

    padding: 0 7px;

    background-color: #999;

}

#wp-calendar caption {

    font-size: 16px;

    text-align: center;

    font-weight: 500;

    text-transform: uppercase;

    padding: 5px 0 3px

}

#wp-calendar th {

    background: #f4f4f4;

    text-align: center;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    font-weight: 700

}

#wp-calendar tbody tr td {

padding: 5px 0;

    text-align: center

}

#wp-calendar tfoot td {

    background: #f4f4f4;

    border-top: 1px solid #ccc; 

    border-bottom: 1px solid #ccc

}





.widget  ul, .widget ol { margin:0px;}

 .widget ul li {

    border-bottom: 1px dotted #F7F7F7; 

    font-size: 13px;

    line-height: 16px;
 
    list-style: none outside none; 

    padding: 8px 5px 8px 1px;
 
    width: 280px;

    }



.widget ul  li  a {font-family:arial, sans-serif;font-size:13px; color:#474747 }



/* Ad widget */

.adspace-widget { padding-bottom: 0px;    padding-top: 5px; text-align:center;}

/* Social widget */ 



/* Social */



ul.socialwidget {

    position: relative;

    padding: 0px;

    list-style: none;

    display: inline-block;

}

ul.socialwidget li {

    background: none !important;

    float: left;

    margin:10px 9px !important; 

    padding: 0px !important;  

    width: 16px;

    height: 16px;

    display: block;

    border: none;

    width: 32px  !important;

    height: 32px;

}

ul.socialwidget li a {

    width: 32px  !important;

    height: 32px;

    display: block;

    padding: 0px;

    background: url(images/icon-sprite.png) no-repeat;

    background-position: 0px 0px;

}

ul.socialwidget li a.twitter {

    background-position: -2px -44px

}

ul.socialwidget li a.facebook {

    background-position: -42px -44px

}

ul.socialwidget li a.in {

    background-position: -82px -44px

}

ul.socialwidget li a.gplus {

    background-position: -122px -44px

}

ul.socialwidget li a.pint {

        background-position: -162px -44px

}

ul.socialwidget li a.forrst {

    background-position: -202px -44px

}

ul.socialwidget li a.flickr {

    background-position: -242px -44px

}

ul.socialwidget li a.deviant {

    background-position: -282px -44px

}

ul.socialwidget li a.behance {

    background-position: -322px -44px

}

ul.socialwidget li a.vimeo {

    background-position: -362px -44px

}

ul.socialwidget li a.utube {

    background-position: -402px -44px

}

ul.socialwidget li a.rss {

    background-position: -442px -44px

}



.multiplesocialwidget-wrapper  {

    display: inline-block;

}



.multiplesocialwidget-id {

width: 300px;

-moz-box-shadow:1px 1px 1px #EEE;

-webkit-box-shadow:1px 1px 1px #EEE;

box-shadow:1px 1px 1px #EEE;

border-radius:2px 2px 2px 2px;

border:1px solid #DDD;

}



.fb-likebox {

border-bottom:1px solid #DDE1EE;

background:#fff;

padding:10px 10px 0

}



.googleplus {

background:#F5FCFE;

font-size:.90em;

font-family:"Arial","Helvetica",sans-serif;

color:#000;

line-height:1px;

padding:9px 11px

}



.googleplus span {

color:#000;

font-size:11px;

position:absolute;

display:inline-block;

margin:9px 70px

}



.twitterbg {

background:#EEF9FD;

padding:10px

}



.multiplesocialwidget-id-widget {

background:#EBEBEB;

text-align:right;

border-image:initial;

padding:2px 8px 2px 3px

}



.multiplesocialwidget-id-widget .author-credit a {

font-size:10px;

font-weight:700;

text-shadow:1px 1px #FFF;

color:#1E598E;

text-decoration:none

}



.email-news-subscribe .email-box {

font-family:"Arial","Helvetica",sans-serif;

border-image:initial;

padding:10px

}



.email-news-subscribe .email-box input.email {

background:#FFF;

color:#999;

-moz-border-radius:3px;

-webkit-border-radius:3px;

-o-border-radius:3px;

-ms-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px;

border-image:initial;

font-family:"Arial","Helvetica",sans-serif;

padding:7px 10px 8px

}



.email-news-subscribe .email-box input.subscribe {

background-image:0;     background-color:  #D1E5F6;

color:#186487;

border:1px solid #A4CCE5;

font-size:11px;

font-weight:700;

padding:6px

}



.email-news-subscribe .email-box input.subscribe:hover {

background-color:#cfe5f3;

background-image:0;

border:1px solid #307ba9;

color:#186487

}



.email-news-subscribe .email-box input.subscribe:active {

background-color:#cfe5f3;

background-image:0;

box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;

-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;

border:1px solid #307ba9;

color:#186487

}



#other-social-bar {

overflow:hidden;

padding:0

}



#other-social-bar .other-follow {

color:#1E598E;

padding-bottom:7px

}









 /* Tags */

.tagcloud{padding-left:5px;}

.tagcloud a,.almeros_tags a{display:inline-block;float:none;margin:2px 1px;padding:6px 3px;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#ec745c;color:#fff !important;-webkit-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-moz-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-o-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px #999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px #999999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.1s ease-in;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform 0.1s ease-in;}

.tagcloud a:hover,.almeros_tags a:hover{color:#fff;background-color:#0c92da;-webkit-box-shadow:0 0 20px rgb(0,0,50);-moz-box-shadow:0 0 20px rgb(0,0,50);-o-box-shadow:0 0 20px rgb(0,0,50);box-shadow:0 0 10px rgb(0,0,50);-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);} f

.tagcloud a:nth-child(2n),.almeros_tags a:nth-child(2n){background-color:#ff9f51;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}

.tagcloud a:nth-child(2n):hover,.almeros_tags a:nth-child(2n):hover{-webkit-transform:rotate(-3deg) scale(1.2);-moz-transform:rotate(-3deg) scale(1.2);-o-transform:rotate(-3deg) scale(1.2);background-color:#0c92da;transform:rotate(-3deg) scale(1.2);}

.tagcloud a:nth-child(4n),.almeros_tags a:nth-child(4n){background-color:#9ab9e4;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}

.tagcloud a:nth-child(4n):hover,.almeros_tags a:nth-child(4n):hover{-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);background-color:#0c92da;}

.tagcloud a:nth-child(5n),.almeros_tags a:nth-child(5n){background-color:#9ab9d4;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}

.tagcloud a:nth-child(5n):hover,.almeros_tags a:nth-child(5n):hover{-webkit-transform:rotate(2deg) scale(1.2);-moz-transform:rotate(2deg) scale(1.2);background-color:#0c92da;-o-transform:rotate(2deg) scale(1.2);transform:rotate(2deg) scale(1.2);} 



/* Category widget with numbers */

ul.pane li{background:none!important;background-origin:padding-box;background-position:50% 100%;background-repeat:repeat-x;background-size:auto;color:#787878;font-size:12px;font-style:italic;font-weight:700;line-height:21px;margin-bottom:0px;padding:5px 12px 5px 1px !important }

ul.pane li a{color:#333;display:inline-block;font-size:13px;font-style:normal;font-weight:700; width:260px}

.pane ul li a:hover{color:#777}

/* TWeet */

.tweets {

width:300px;

clear:both

}


.widget_categories h3{
font: 15px/18px Arial, Helvetica, sans-serif;
color: #f9f9f9;
border-bottom: 1px solid #5a5a5a;
margin: -2px 0 8px;
padding: 0 0 5px;
}
 /* w.css ends */

/* Widets css Ends here */ 

/* Search Form Starts */ 

.headsearch{
    display: inline-block;
}
.search-form {

 
 height: 40px;
    width: 296px; 
    margin-top:2px;
margin-bottom: 6px;
    margin-right:-1px;

}

.search-form input {

    box-shadow: none !important;

    border-radius: 0 0 0 0 !important;
background: #999;
    float: left;
margin-top: 0px;
 color: #fff;
    font-size: 13px;

    border: 0;

    line-height: 25px;

    height: 38px; 

}

#shead {
background: #F8F8F8;
border: 0 none;  
color: #606060;
height: 30px;  
border: 1px solid #999;
margin-top: 0;
width: 248px;
padding-left: 8px;
margin-right: 0px;
}

.searchsubmit {  border: 0 none;
font-weight: bold;    cursor: pointer;
color: #333;
    height: 34px;  

    margin-left: 0;

    margin-top: 1px;

    overflow: visible;

    width: 34px;

    padding:7px 5px;

}

.searchsubmit:active {
background: #333; outline: none
}
/* Search Form Ends */ 

 
/* Attachment Start */
span.nav-previous {float:left;font-size: 14px;}

span.nav-next {float:right;font-size: 14px;}

.attachment-content{text-align:center;    padding: 0px 28px;}
/* Attachment  Ends */
/* Ads START */
.ad2{
    text-align: center;
margin-top: -15px;
margin-bottom: 4px;

}

.ad3{
text-align: center;
margin-top: -15px;
margin-bottom: 0px;
}

.ad4{
text-align: center;
margin-top: -16px;
margin-bottom: -10px;
}

.ad5{
text-align: center;  margin-top: -10px;
margin-bottom: 10px;
}

.ad6{
text-align: center;
margin-top: -10px;
margin-bottom: -15px;
}
.ad7{
text-align: center;
margin-top: -15px;
margin-bottom: 3px; 
}
/* Ads END */
