@import url("blocks.css");
@import url("miscellaneous.css");
@import url("prettyPhoto.css");
@import url("reset.css");

/* === Body elements === */
.b_body { overflow: hidden; position: relative; }
.b_body_c { margin: 0;}
.b_head, .b_content, .b_body_f {  position: relative; display: block; margin: 0 auto; width: 100%;}
.b_head { z-index: 15; height: auto;}
.b_content { z-index: 9; min-height: 350px; }
.b_body_f { z-index: 10; width: 930px; }

.full-width .b_body_f { width: 92%; margin-left: 4% !important; margin-right: 4%; max-width: 1250px; min-width: 930px;}

.larger .b_body_c { background: url(../images/body.bg.png) repeat-y center top;}
.larger .b_head, .larger .b_content, .larger .b_body_f { width: 988px;}

body.night { background-color: #383838;}
body.color { background-color: #FAFAFA;}
.night .b_body_c, .night .b_f_c { color: #FFFFFF;}
.night a { color: #a1a1a1;}

#primary, #secondary { float: left;}
.full-width #primary { max-width: 74.4%; min-width: 48.8%;}
.full-width #primary.w_930 { max-width: 100%; width: 100%;}
.full-width #secondary { max-width: 23.2%; min-width: 16.2%; }
#content { *float: none; position: relative; }

/* === Header === */
.header-wrapper { margin: 0 auto; width: 100%; display: block; clear: both; position: relative; z-index: 99; }
.header-stripe {display: none;}
.color .header-stripe { display: block; width: 100%; height: 10px; position: absolute; bottom: -10px; background: url(../images/header.stripe.png) repeat-x top left;}

/*Branding*/
.branding {margin: 20px 0; float: left; *float: none; max-width: 1250px; width: 100%; }
.color .branding {margin: 10px 0; float: left; *float: none; max-width: 1250px; }

/*Logo*/
.logo { display: table-cell; vertical-align: middle; float: none !important; max-width: 290px; min-width: 290px;}
.logo h1 { margin-bottom: 0px;}
.logo a{ cursor: pointer; float: left; width: 100%; font: 32px/32px 'Ropa Sans';}
.logo a span{ color: #ffffff; }
.logo.w_290 { width: 290px !important;}
.night .logo a, .color .logo a { color: white; }

/*Menu*/
.text-menu { display: table-cell; vertical-align: middle; float: none !important;} 
.text-menu ul{ float: left; text-align: left;}
.text-menu ul li{ float: left; width: auto; padding: 5px 10px 6px 10px; border-radius:3px;}
.text-menu ul li.active{ background: white; background: rgba(255, 255, 255, 0.1); margin:0 10px;}
.text-menu ul li.active:first-child { margin-left:0; }
.text-menu ul li:first-child a { padding:0; }
.text-menu ul li a { font-weight: bold; font-size: 12px; color: #3f4950;  }
.text-menu ul li a:hover {color: #B5BBBF; }
.text-menu ul.sf-menu li.sfHover ul li { padding: 0; background: #FFFFFF;}
.text-menu ul.sf-menu li ul li { border-radius: 0; background: white; line-height: 41px; /* -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  */ background: rgba(255, 255, 255, 0.90); }
.text-menu ul.sf-menu li ul li:first-child { border-top: none; }

.color .text-menu ul.sf-menu li:hover ul, .color .text-menu ul.sf-menu li.sfHover ul { top: 13px; z-index: 99; border: none; padding-top: 30px;}
.day .text-menu ul.sf-menu li:hover ul, .day .text-menu ul.sf-menu li.sfHover ul { top: 13px; z-index: 99; padding-top: 13px; }
.night .text-menu ul.sf-menu li:hover ul, .night .text-menu ul.sf-menu li.sfHover ul { top: 13px; z-index: 99; border: none; padding-top: 13px;}
.text-menu ul.sf-menu li:hover ul li:hover ul, .text-menu ul.sf-menu li.sfHover ul li:hover ul { top: 0; z-index: 99; padding: 0;}

.color .text-menu ul.sf-menu li.sfHover.active ul { left:0;}
.night .text-menu ul.sf-menu li.sfHover.active ul { left:0;}
.day .text-menu ul.sf-menu li.sfHover.active ul { left:0;}

.text-menu ul.sf-shadow ul { background: none; border: none;}

.color .text-menu ul li a { color: white;}

.day .text-menu ul li.active{background: #3F4950; background: rgba(0, 0, 0, 0.1); }
.day .text-menu ul li.active a { color: black;}

.night .text-menu ul li a {  color: #a1a1a1; }
.night .text-menu ul li.active a {  color: white; }

/*Cosmo icons*/
.cosmo-icons {float: left; margin: 0;}
.cosmo-icons.main { display: inline-block; margin-top:0;}
.cosmo-icons ul { float: left; }
.cosmo-icons ul li {float: left; padding: 0 10px;}
.cosmo-icons ul li:first-child { background: none; padding: 0 10px 0 0;}
.cosmo-icons ul li:last-child { padding: 0 0 0 10px;}
.cosmo-icons ul li a { font: 12px "Arial"; float: left; height: 22px; line-height: 24px; transition-property:color, background; -webkit-transition-property:color, background; -moz-transition-property:color, background; -o-transition-property:color, background; }
.cosmo-icons ul li.active a {color: #fff;}
.cosmo-icons ul li a:hover {color: #338ac7;}

/* Menu under main menu*/
#access-um .um { margin: 37px 0 0 0; float:right;}
.um.cosmo-icons ul { margin: 0; float: right;}
.um.cosmo-icons ul li {float: left; background: url(../images/delimiter.bg.y.png) repeat-y left center; height: auto; padding: 0 20px; }
.um.cosmo-icons ul li.last { padding-right: 0px !important;}
.um.cosmo-icons ul li a { font-weight: bold; float: left; color: #3f4950; transition-property:color, background; -webkit-transition-property:color, background; -moz-transition-property:color, background; -o-transition-property: color, background; margin: 0; height: auto; line-height: 18px; background: none; text-transform: lowercase; }
.um.cosmo-icons ul li.active a { background: none; color: #45688E;}
.um.cosmo-icons ul li a:hover {color: #45688E;}
.um.cosmo-icons ul li:first-child { background:none; padding-left: 0;}
.um.cosmo-icons ul li:last-child { border: none !important;}
.um.cosmo-icons ul li a span { color: #687075; font:italic 12px Georgia; clear: both; display: block;}
.um.cosmo-icons  sf-menu li:hover ul, .um.cosmo-icons .sf-menu li.sfHover ul { top: 38px; /* match top ul list item height */ z-index: 99; }
.um.cosmo-icons sf-menu li ul li:hover ul, .um.cosmo-icons .sf-menu li ul li.sfHover ul { top: 0px; z-index: 99;}
.um.cosmo-icons  ul.sf-menu li:hover ul li:hover ul, .cosmo-icons .um ul.sf-menu li.sfHover ul li:hover ul { top: 0; z-index: 99; padding: 0;}
.um.cosmo-icons .sf-sub-indicator { position: absolute; display: inline-block; margin-left: 5px; right: 0; top: 2px; /* IE6 only */ width: 11px; height: 12px; text-indent: -999em; overflow: hidden; background: url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
.um.cosmo-icons ul li.sfHover ul li .sf-sub-indicator { position: absolute; display: inline-block; margin-left: 5px; right: 0; top: 2px; /* IE6 only */ width: 11px; height: 12px; text-indent: -999em; overflow: hidden; background: url(../images/arrows-ffffff.png) no-repeat -10px 0px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
.um.cosmo-icons .sf-menu ul { background:#FFF; border: none !important;}
.um.cosmo-icons .sf-menu ul li { background:#FFF;  border-bottom: 1px dotted #CCC; padding: 0 !important;}
.um.cosmo-icons .sf-menu ul li a {color: #3F4950;}
.um.cosmo-icons .sf-menu ul li.active a {color: #3F4950;}
.um.cosmo-icons .sf-menu ul li a:hover {color: #45688E;}
.um.cosmo-icons .sf-menu li li { line-height: 35px;}


/* sf-menu */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; *float: none;}
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu ul li {  }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative;}
.sf-menu a { display: block; position: relative; text-decoration:none; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ /*color: #13a;*/}
.sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-menu li { /*background: #;*/ }
.sf-menu li li { height: 40px; line-height: 44px; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding: 0; text-indent: 7px;}
.sf-menu li li a{ display: inline-block; }
.sf-menu li li:first-child { padding: 0; background: none; }
.sf-menu li li:last-child { padding: 0; }
.sf-menu li li li { /*background: #;*/ }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:; outline: 0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 10px; /* match top ul list item height */ z-index: 99; }
.sf-menu li.sfHover:first-child ul { left: 0px; margin-left: -40px;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0;}

.sf-menu li ul li a {padding:0;}

/*** arrows **/
.um .sf-menu a.sf-with-ul { padding-right: 16px;}
.sf-sub-indicator { position: relative; display: inline-block; margin-left: 5px; right: 0; top: 1.05em; /* IE6 only */ width: 11px; height: 12px; text-indent: -999em; overflow: hidden; background: url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } 
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: 0px; 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: -0px -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*/ }
/*** shadows for all but IE6 ***/
.sf-shadow ul { /* -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */  background: white; background: rgba(255, 255, 255, 0.90); }
.cosmo-icons .sf-shadow ul {-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: none; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/*Profile*/
.login-form { display: table-cell; vertical-align: middle; float: none !important; *float: left; }
noindex:-o-prefocus, .login-form { float: left; }
.profile-pic { float: left; margin-right: 10px; }
.login-form .cosmo-icons ul li.signin a.username { color: #3F4950;}
.night .login-form .cosmo-icons ul li.signin a.username { color: #a1a1a1; }
.color .login-form .cosmo-icons ul li.signin a.username { color: #FFFFFF;}
.login-form .profile-pic img{ display: table-cell; vertical-align: middle; float: none; }
.login-form .cosmo-icons ul li.signin { max-width: 90px; white-space: nowrap; }
.login-form .cosmo-icons ul li.signin a { max-width: 90px; padding-left: 0; font-weight: bold; font-size: 12px; border-radius: 0; color: white;}
.day .login-form .cosmo-icons ul li.signin a { color: #3f4950;}
.login-form .cosmo-icons ul li:first-child { padding: 0;}
.login-form .cosmo-icons ul li a span { max-width: 65px; white-space: nowrap;}
.login-form .cosmo-icons ul{ margin-top: 0; box-shadow: none;}

.color .login-form .sf-menu li.sfHover:first-child ul { left: 6px; padding: 36px 0 0 0px; }
.color .login-form .cosmo-icons ul li ul{ margin-left: -40px; border: none;}

.day .login-form .sf-menu li.sfHover:first-child ul { left: 6px; padding-top: 24px;}
.day .login-form .cosmo-icons ul li ul{ margin-left: -40px;}

.night .login-form .sf-menu li.sfHover:first-child ul { left: 6px; padding-top: 24px;}
.night .login-form .cosmo-icons ul li ul{ margin-left: -40px;}

.login-form .cosmo-icons ul li li{ text-indent: 10px; background-color: #464F57;}
.login-form .cosmo-icons ul li li:first-child { border-top: none;}

.login-form .cosmo-icons ul li.signin li a{ max-width: none; padding-left: 15px; background: url(../images/my.profile.png) no-repeat; height: 16px; line-height: 16px; font-weight: normal; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;}
.night .login-form .cosmo-icons ul li.signin li a{ background: url(../images/my.profile.night.png) no-repeat; }

.login-form .cosmo-icons ul li li.my-settings a{ background-position: 0 0px}
.login-form .cosmo-icons ul li li.my-settings a:hover{ background-position: 0 -16px}

.night .login-form .cosmo-icons ul li li.my-profile a, .login-form .cosmo-icons ul li li.my-profile a{ background-position: 0 -32px}
.night .login-form .cosmo-icons ul li li.my-profile a:hover, .login-form .cosmo-icons ul li li.my-profile a:hover{ background-position: 0 -48px}

.night .login-form .cosmo-icons ul li li.my-posts a, .login-form .cosmo-icons ul li li.my-posts a{background-position: 0 -64px }
.night .login-form .cosmo-icons ul li li.my-posts a:hover, .login-form .cosmo-icons ul li li.my-posts a:hover{background-position: 0 -80px }

.night .login-form .cosmo-icons ul li li.my-favorites a, .login-form .cosmo-icons ul li li.my-favorites a{background-position: 0 -96px; }
.night .login-form .cosmo-icons ul li li.my-favorites a:hover, .login-form .cosmo-icons ul li li.my-favorites a:hover{background-position: 0 -112px; }

.night .login-form .cosmo-icons ul li li.my-logout a, .login-form .cosmo-icons ul li li.my-logout a{background-position: 0 -128px; }
.night .login-form .cosmo-icons ul li li.my-logout a:hover, .login-form .cosmo-icons ul li li.my-logout a:hover{background-position: 0 -144px; }

.night .login-form .cosmo-icons ul li li.my-add a, .login-form .cosmo-icons ul li li.my-add a{background-position: 0 -160px; }
.night .login-form .cosmo-icons ul li li.my-add a:hover, .login-form .cosmo-icons ul li li.my-add a:hover{background-position: 0 -176px; }

.night .login-form .cosmo-icons ul li li.my-cart a, .login-form .cosmo-icons ul li li.my-cart a{background-position: 0 -352px; }
.night .login-form .cosmo-icons ul li li.my-cart a:hover, .login-form .cosmo-icons ul li li.my-cart a:hover{background-position: 0 -368px; }


/*Floating box*/
#hide-this { max-width: 1250px; margin-bottom: 40px; border: 1px solid #E0E6F1; border-radius: 6px;}
.night #hide-this { border: 1px solid #272727; }
#hide-this .message {background: #F8F8F8; padding: 20px; border: 1px solid white; border-radius: 6px;}
.night #hide-this .message {background: #333333; padding: 20px; border: 1px solid #383838; border-radius: 6px; color: #FFFFFF; }
#hide-this .message a.close{background: url(../images/close.png) no-repeat; width: 15px; height: 15px; text-indent: -9999em;}
.night #hide-this .message a.close{background: url(../images/close.night.png) no-repeat; }
#hide-this .message a.close:hover{background-position: 0 -15px;}
#hide-this .top-pointer{ background:url(../images/top-pointer.png) 0 0 no-repeat; width:21px; height:12px; position:absolute; left:25px; top:-9px;  }

p.hint { margin: 30px 0; color: white; font-size: 15px;}

/*Breadcrumbs*/
div.breadcrumbs { padding-bottom: 14px;  margin: 0 auto; font-size: 11px; clear: both; float: none;}
.breadcrumbs p{ float: left; line-height: 18px; margin: 0; }
.breadcrumbs ul{ white-space: nowrap; overflow: hidden; max-width: 900px; float: left; }
.breadcrumbs li { display: inline; margin-left: 8px; padding-left: 12px; width: auto; background: url(../images/breadcrumbs.arrow.gif) no-repeat left center; color: #303e48;}
.breadcrumbs li:first-child { background: none; margin-left: 0; padding-left: 0; }
.b_page .breadcrumbs { width: 100%; padding-top: 8px; }
.b_page.breadcrumbs { margin:10px 0 40px 0; background: url(../images/delimiter.bg.x.png) repeat-x bottom left;}

.night .b_page.breadcrumbs { margin:0 0 40px 0; background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left;}
.night .breadcrumbs li { color: white;}

.day .b_page.breadcrumbs { margin:0 0 40px 0;}

/* ===  === */
/*Title*/
h1.entry-title, h1.entry-title.archive, h1.entry-title.search, h1.entry-title.page_title, h1.entry-title.tag, h1.entry-title.author, h1.entry-title.blog_page { margin: 0px; font: normal 30px/24px 'Ropa Sans'; }
h2.entry-title { line-height: 26px;}
h4.entry-title { margin-top: 10px; font: normal 14px 'Ropa Sans'; }
h4.entry-title a { font: normal 14px 'Ropa Sans'; }
h1.entry-title a{ color: #fa5d5d;}

h1.entry-title span {position: relative; display: block; z-index: -11; }
h1.entry-title span:first-child {margin: 0px; }

/*Content title*/
.content-title { margin-bottom: 30px; position: relative; width: 100%; }
.content-title .title{position: relative; margin: 0; }
.content-title .title h1.entry-title {font: normal 28px/24px 'Ropa Sans'; width: 100%;}
.content-title .title h1.entry-title img { float: left; margin-right: 15px;} 
.content-title .title h1.entry-title span.author { display: inline-block; z-index: 10; }
.content-title .title h1.entry-title span.author a { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #687075;}
.night .content-title .title h1.entry-title span.author a { color: #a1a1a1;}
.content-title .title h1.entry-title span.author a.follow, .content-title .title h1.entry-title span.author a.follow-no { margin-bottom: -2px; margin-left: 2px; }
.content-title .title h1.entry-title span.author a.time { margin-left: 0px; }

.content-title .title .entry-meta { max-width: 500px; margin: 0; padding-top: 18px; width: 100%; }
.content-title .title .entry-meta ul li { float: left; font-size: 12px; height: 32px; margin: 0; background: url(../images/delimiter.bg.menu.png) repeat-y left center; text-align: left; padding: 0 20px; }
.night .content-title .title .entry-meta ul li { background: url(../images/delimiter.bg.menu.night.png) repeat-y left center; }
.content-title .title .entry-meta ul li.btn_follow, .night .content-title .title .entry-meta ul li.btn_follow, .content-title .title .entry-meta ul li.btn_followed, .night .content-title .title .entry-meta ul li.btn_followed { background: none; padding-left: 0px;}
.content-title .title .entry-meta ul li.followes { padding-left: 0px;}
.night .content-title .title .entry-meta ul li.btn_follow strong{ color: #687075; }
.content-title .title .entry-meta ul li a { padding: 0px;}
.content-title .title .entry-meta ul li.btn_follow a strong, .content-title .title .entry-meta ul li.btn_followed a strong, .content-title .title .entry-meta ul li.btn_follow_no a strong { transition:none; -webkit-transition: none; transition-property: none; -webkit-transition-property: none; -o-transition-property: none; }
.content-title .title .entry-meta ul li a strong { font-size: 16px; font-weight: bold; color: #45688e; float: left; transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition-property: color, background; -webkit-transition-property: color, background; -moz-transition-property: background; -o-transition-property: background; }
.night .content-title .title .entry-meta ul li a strong { color: white; }
.content-title .title .entry-meta ul li a span { display: block; clear: both; color: #687075; }
.night .content-title .title .entry-meta ul li a span { color: #a1a1a1; }

.content-title .title .entry-meta ul li.btn_follow a span { background: transparent url(../images/following.png) repeat-x 0 -0px; transition: none; }
.content-title .title .entry-meta ul li.btn_follow a span span{ height: 32px; color: white; display: table-cell; vertical-align: middle; background: transparent url(../images/following.png) no-repeat right -31px;  transition: none;}
.content-title .title .entry-meta ul li.btn_follow a:hover span { background: transparent url(../images/following.png) repeat-x 0 -64px; }
.content-title .title .entry-meta ul li.btn_follow a:hover span span{ height: 32px; color: white; display: table-cell; vertical-align: middle; background: transparent url(../images/following.png) no-repeat right -96px;}
.content-title .title .entry-meta ul li.btn_follow a:hover strong { color: white;}
.content-title .title .entry-meta ul li.btn_follow strong {color: #3f4950; font-weight: normal; padding: 0 20px; font-size: 12px;}
.content-title .title .entry-meta ul li.btn_followed strong, .content-title .title .entry-meta ul li.btn_follow_no strong{ font-weight: normal; color: white; padding: 0 20px; font-size: 12px;  transition: none;}
.content-title .title .entry-meta ul li.btn_followed a span { background: transparent url(../images/following.png) repeat-x 0 -64px; }
.content-title .title .entry-meta ul li.btn_followed a span span{ height: 32px; color: white; display: table-cell; vertical-align: middle; background: transparent url(../images/following.png) no-repeat right -96px;}
.content-title .title .entry-meta ul li.btn_followed a:hover span { background: transparent url(../images/following.png) repeat-x 0 -128px; }
.content-title .title .entry-meta ul li.btn_followed a:hover span span{ height: 32px; color: white; display: table-cell; vertical-align: middle; background: transparent url(../images/following.png) no-repeat right -160px;}

.content-title .title .entry-meta ul li.followes { background: none !important;}
.content-title .title .entry-meta ul li.following {}

/* Single */
#primary .single, #primary .single.meta {position: relative; float: left; }
.full-width #primary .single { width: 100%; }
.featimg { float: left; *float: none; position: relative; clear: both; margin-bottom: 25px; }

.full-width .meta .single { max-width: 74.2%; min-width: 56.98%; }
.full-width .meta .single .featimg { width: 100%; }
.full-width .meta .single .featimg .img { width: 100%; }
.full-width .meta .single .featimg .img img { width: 100%; display: block; margin: 0 auto;}
.full-width .meta .w_930.single .featimg .img img {  width: 100%; }
.full-width .meta .single .b_text { width: 100%;}

.full-width .single .featimg { width: 100%; }
.full-width .single .featimg .img { width: 100%; float: left; position: relative; text-align: center; }
.full-width .single .featimg .img img { width: 100%; /*box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); background: #fff; padding: 10px;*/ display: block; margin: 0 auto;}
.full-width .single .b_text { width: 100%; float: left;}

.meta .single .featimg { width: 100%; }
.meta .single .featimg .img { width: 100%; float: left; position: relative; text-align: center; min-height: 180px;}
.meta .single .featimg .img img { width: 100%; /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); background: #fff; padding: 10px; */ display: block; margin: 0 auto;}
.meta .single .b_text { }

.meta .w_770.single .featimg { width: 100%; }
.meta .w_770.single .featimg .img { width: 100%; float: left; position: relative; text-align: center; min-height: 180px;}
.meta .w_770.single .featimg .img img { width: 100%; /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); background: #fff; padding: 10px; */ display: block; margin: 0 auto;}
.meta .w_770.single .b_text { width: 100%;}

.single .featimg { width: 100%; }
.single .featimg .img { width: 100%; float: left; position: relative; text-align: center; min-height: 180px;}
.single .featimg .img img { width: 100%; /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); background: #fff; padding: 10px; */ display: block; margin: 0 auto;}
.single .b_text { }

.w_930.single .featimg { width: 100%; }
.w_930.single .featimg .img { width: 100%; float: left; position: relative; text-align: center; min-height: 180px;}
.w_930.single .featimg .img img { width: 100%; /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); background: #fff; padding: 10px; */ display: block; margin: 0 auto;}
.w_930.single .b_text { width: 100%; }

/*Entry header*/
.entry-header {float: left; position: relative; width: 100%; }
.entry-content {float: left; width: 100%; clear: both;}
.entry-footer { float: left; width: 100%; }

/* Navigation in post */
.nav_post { width: 100%; float: left; height: auto; padding: 15px 0 30px 0; background: url(../images/delimiter.bg.x.png) repeat-x top left; margin-top: 25px; }
.nav_post > div { width: 100%; height: auto; float: left; background: url(../images/delimiter.bg.x.png) repeat-x bottom left; }
.nav_post a { height: 15px; line-height: 15px; color: #303E48; margin-bottom: 15px; height: auto; }
.nav_post a.prev { float: left; width: 46%; background: url(../images/nav_post_prev.png) no-repeat 0 0px; padding-left: 4%; }
.nav_post a.next { float: right; width: 46%; background: url(../images/nav_post.png) no-repeat right 0px; padding-right: 4%; text-align: right;}

.night .nav_post { width: 100%; float: left; height: auto; padding: 15px 0 30px 0; background: url(../images/delimiter.bg.x.night.png) repeat-x top left; margin-top: 25px; }
.night .nav_post > div { width: 100%; height: auto; float: left; background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left; }
.night .nav_post a.prev { float: left; width: 46%; background: url(../images/nav_post_prev.night.png) no-repeat 0 0px; padding-left: 4%; color: #A1A1A1; }
.night .nav_post a.next { float: right; width: 46%; background: url(../images/nav_post.night.png) no-repeat right 0px; padding-right: 4%; text-align: right; color: #A1A1A1;}

/* Zoom image */
.zoom-image { position: absolute; top: 0px; right: 0px; }
.zoom-image a { background: url(../images/zoom.image.png); width: 36px; height: 36px; text-indent: -9999px; display: block; }

/*Tag list*/
p.tags{ margin: 0 25px 10px 0; padding: 0; height:24px; width: auto; position: relative; cursor: pointer; background: url(../images/tags.bg.png) no-repeat left 0; float: left; }
p.tags a{ float: left; line-height:24px; margin: 0 -14px 0 0!important; padding: 0 10px; height:100%; border: none; cursor: pointer; color: #555555; background: url(../images/tags.bg.png) no-repeat right -26px; width: auto!important; }
.night p.tags{ margin: 0 25px 10px 0; padding: 0; height:24px; width: auto; position: relative; cursor: pointer; background: url(../images/tags.bg.night.png) no-repeat left 0; float: left; }
.night p.tags a{ float: left; line-height:24px; margin: 0 -14px 0 0!important; padding: 0 10px; height:100%; border: none; cursor: pointer; color: #a1a1a1; background: url(../images/tags.bg.night.png) no-repeat right -26px; width: auto!important; }

p.tags:hover {background-position: left -52px;}
p.tags a:hover{text-decoration: none; background-position: right -78px;}
p.title_tags {float: left; padding: 0 10px 0 0; font-weight: bold; }
.entry-footer .tags { float: left; }
.entry-footer p.title_tags { float: left; }

/* Single sidebar*/
.full-width .sidebar { max-width: 22.6%; min-width: 18.84%;}

/* Timeline */
.firstdiv { float: left; width: 48%; }
.seconddiv { float: right; width: 48%; }
.timeline { position: relative }
.timeline .grid-view article { position: static !important; background-color: white; }
.timeline .grid-view article .entry-footer { width:93.4%; padding-top: 0px; }
.full-width .timeline .grid-view article .entry-footer { width:95.6%;}
.timeline div.point { position:absolute; left:0px; right:0px; height: 10px; text-align:center; z-index: -1; }
.timeline div.point>span { position: absolute; top:10px; background: url(../images/timeline-point.png); z-index:20; display:inline; background-position: 0 0; height: 13px; width: 9px; left:49.5%}
.timeline div.arrow { position:relative; width: 100%; height:10px; }
.timeline div.arrow>span { position: absolute; top:20px; background: url(../images/timeline.arrow.png); }
.firstdiv div.arrow>span { right: -8px; background-position: 0 -13px; height: 13px; width: 8px; }
.seconddiv div.arrow>span { left: -8px; background-position: 0 0px; height: 13px; width: 8px; }

.timeline .grid-view article .hovermore.h_video { width: 93.4%; margin-left:10px;  }
.full-width .timeline .grid-view article .hovermore.h_video { width: 95.6%; }

.night .timeline div.arrow>span { background: url(../images/timeline.arrow.night.png) !important; }
.night .firstdiv div.arrow>span { right: -8px; background-position: 0 -13px !important; height: 13px; width: 8px; }
.night .seconddiv div.arrow>span { left: -8px; background-position: 0 0px; height: 13px; width: 8px; }

.night .timeline div.point>span { position: absolute; background: url(../images/timeline-point.night.png); }

.timeline { float: left; width: 100%;  }
.timeline .grid-view { width: 100%;}
.timeline .grid-view article { clear: both; float: left; width: 100%; border: 1px solid #e0e6f1; position: relative; margin-bottom: 30px; /* visibility: hidden; */ }
.timeline .grid-view article .hovermore img.size { width: 100%; margin-left: 15px;}
.timeline .grid-view article .hovermore img.size, .timeline .grid-view article .hovermore .stripes { width: 93.4%; margin-left: 10px; float: left; }
.full-width .timeline .grid-view article .hovermore img.size, .full-width .timeline .grid-view article .hovermore .stripes { width: 95.6%;}
.timeline .grid-view article .hovermore { width: 100%; float: left; margin-bottom: 10px; }
.timeline .grid-view article .hovermore .stripes { height:100% }
.night .timeline .grid-view article { background-color: #333333; border: 1px solid #272727; }

.w1024 .timeline .grid-view article .hovermore img.size, .w1024 .timeline .grid-view article .hovermore .stripes { width: 95.2%; }
.w1024 .timeline .grid-view .mosaic-overlay, .w1024 .night .timeline .grid-view .mosaic-overlay  { width: 95.2%!important; }
.w1024 .timeline .grid-view article .entry-footer {width: 95.2%}
.w1024 .timeline .grid-view article .hovermore.h_video { width: 95.2%; }

.w800 .timeline .grid-view article .hovermore img.size, .w800 .timeline .grid-view article .hovermore .stripes { width: 94%; }
.w800 .timeline .grid-view .mosaic-overlay, .w800 .night .timeline .grid-view .mosaic-overlay  { width: 94%!important; }
.w800 .timeline .grid-view article .entry-footer {width: 94%}
.w800 .timeline .grid-view article .hovermore.h_video { width: 94%; }

.timeline .grid-view h2 { margin-bottom: 15px;}
.night .timeline .grid-view h2 a { color: white; }
.night .timeline .grid-view .entry-footer p { color: #a1a1a1; }

.timeline_bg { position:absolute; left:0px; right:0px; text-align:center; top:0px; bottom: 30px; z-index: -2; }
.timeline_bg>div { background: url(../images/timeline.bg.png) repeat-y top center; width:30px; display:inline; position:absolute; top:0px; bottom:0px; left:49.5%; width:9px}
.night .timeline_bg>div { background: url(../images/timeline.bg.night.png) repeat-y top center;}

.timeline article .user a.follow, .timeline article .user a.follow-no { margin-top: 4px !important; margin-left: 5px; position: absolute; }
.timeline article .user span { display: block; }

/* Grid View */
.grid-view, .list-view { position: relative; display: inline-block; float: left; clear: both; width: 100%; }
.grid-view h2 a, .list-view h2 a { color: #3b5998;}
.night .grid-view h2 a { color: white;}
.grid-view h2 a:hover, .list-view h2 a:hover { color: red; }
.grid-view h2{ float: left; width: 100%; margin: 0; font: bold 14px Arial, Helvetica, sans-serif; position: relative; *float: none; }
.grid-view .entry-footer { padding: 10px; width: auto; *float: none; *display: inline-block;}
.grid-view .entry-footer .entry-meta { width: 100%; clear: both; }
.grid-view .entry-footer .entry-meta ul li { padding-top: 3px; background: none; float: left; height: 16px; line-height: 16px; }
.grid-view .entry-footer .entry-meta ul li a { font-size: 11px; float: left; padding-left: 5px; color: #687075;}
.night .grid-view .entry-footer .entry-meta ul li a { color: #a1a1a1; }
.grid-view .entry-footer .entry-meta ul li:first-child a { padding-left: 0px !important;}
.grid-view .entry-footer .entry-meta ul li:after { content: ","; }
.grid-view .entry-footer .entry-meta ul li:first-child a:before { content: "// "; }
.grid-view .entry-footer .entry-meta ul li:last-child:after { content: ""; }
.grid-view .entry-footer .excerpt { float: left; color: #303E48; }
.grid-view .entry-footer p { font: normal 12px Arial; line-height: 18px; color: #687075; }

.night .grid-view .entry-footer .excerpt, .night .grid-view .entry-footer p { color: #a1a1a1; }

.grid-view .no_featimg .entry-footer { margin: 0px;}
.grid-view .scbm .entry-footer  { margin: 15px;}.scbm {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); background-color: #FFF;}
.corner { display: none; }.scbm .corner {position: absolute; bottom: 0px; left: 15px; display: block; width: 23px; height: 12px; z-index: 9; background: url(../images/corner.bg.png) no-repeat 0 0;}

.grid-view .item { width: 268px; padding: 10px 10px 0 10px; margin-right: 30px; margin-bottom: 30px; float: left; }
.night .grid-view .item { background: #333; border: 1px solid #272727; }
.color .grid-view .item { background: white; border: 1px solid #E0E6F1; }
.day .grid-view .item { background: white; border: 1px solid #E0E6F1; }

.grid-view .item .hovermore img.size, .grid-view .full-screen img.size{float: left; width: 268px; border: none; }
.grid-view .stripes, .list-view .stripes{ position: absolute !important; top: 0; left: 0; bottom: 0; right: 0px; background: url(../images/stripes.png) repeat 0 0;}
.grid-view .readmore .stripes, .grid-view .hovermore .stripes {margin: 0;}
.grid-view .hovermore a.mosaic-overlay, .grid-view .readmore a.mosaic-overlay, .grid-view .full-screen a.mosaic-overlay { position: relative;}

.grid-view div.entry-meta { margin-bottom: 22px; }
.grid-view div.entry-meta ul li a{ padding-left: 0px; font-size: 12px; }

.grid-view div.h-meta { display: table-cell; vertical-align: middle; width: 268px; height: 30px; margin-bottom: 30px;}
.grid-view div.h-meta .entry-meta { margin-bottom: 0px; width: 268px; padding: 5px 0;}
.grid-view div.h-meta .entry-meta ul li { background: none; width: auto; float: left;}

.h-meta div.entry-meta ul li.love, .h-meta div.entry-meta ul li.loved { float: right !important; }

.grid-view .item.no-img { width: 290px !important; }
.grid-view .item.no-img div.no-img-box { width: 288px !important; background-color: white; border: 1px solid #E0E6F1; float: left; }
.grid-view .item.no-img .entry-footer { padding: 15px; }
.grid-view .item.no-img .new_meta { float: left; position: relative; left: 15px !important; bottom: 0; margin-bottom: 11px; }
.grid-view .item.no-img div.h-meta { padding-left: 0px; }
.grid-view .item.no-img div.h-meta .entry-meta { margin-bottom: 0px; width: 290px;}

.night .grid-view .item.no-img div.no-img-box { width: 288px !important; background-color: #333; border: 1px solid #272727; float: left; }

/* Following Grid-View */
.grid-view .item.no-img.following .userdiv, .list-view article.no-img.following .userdiv { position: relative; }
.list-view article.no-img.following .userdiv { background: none; height: 50px;  }
.list-view article.no-img.following .userdiv .user { padding: 0px; }
.grid-view .item.no-img.following .entry-footer { padding-top: 0px; }
.night .grid-view .item.no-img.following .entry-footer { padding: 15px; }

.following .userdiv { position: absolute; z-index: 50; height: 60px; width: 100%; background: url(../images/opacity.png) repeat top left;}
.following .mosaic-overlay { height: auto !important; top: 60px !important; bottom: 0; }
.following .user { width: 250px; padding: 15px 0 0 15px;}
.following .mosaic-overlay p.delimiter { padding: 0 !important; margin: 0 0 0 15px!important; width: 260px !important;}

.night .following .userdiv { background: url(../images/opacity.night.png) repeat top left;}

/* List View */
.list-view article { float: left; width: 100%;}
.list-view h2 { margin-bottom: 0px; font-size: 14px; }
.list-view h2 a { margin: 0; font-size: 16px; font-weight: bold; color: #3b5998; }
.night .list-view h2 a { color: #a1a1a1; }
.list-view h2 span.love, .list-view h2 span.loved, .grid-view h2 span.love, .grid-view h2 span.loved { float: right; }
.grid-view h2 span.love, .grid-view h2 span.loved { margin-top: 4px; }
.list-view h2 span.love a, .grid-view h2 span.love a { background: url(../images/heart.png) no-repeat 0 -2px; padding-left: 20px; color: #687075; font-weight: normal; font-size: 12px;}
.list-view h2 span.love a:hover, .grid-view h2 span.love a:hover { background: url(../images/heart.png) no-repeat 0 -18px; padding-left: 20px; color: #687075; font-weight: normal; font-size: 12px;}
.list-view h2 span.love.voted a, .grid-view h2 span.love.voted a { background: url(../images/heart.png) no-repeat 0 -18px; padding-left: 20px; color: #687075; font-weight: normal; font-size: 12px;}
.night .list-view h2 span.love a, .night .grid-view h2 span.love a, .night .list-view h2 span.loved a, .night .grid-view h2 span.loved a { color: #a1a1a1; }
.list-view .entry-header { margin-right: 30px; float: left; width: 50%; }
.list-view .entry-meta { margin: 0 0 11px 0; width: auto; float: none;}
.list-view .entry-footer .entry-meta ul li { padding-top: 2px; background: none; font-size: 11px; }
.list-view .entry-footer { width: 100%; float: none;}
.list-view .entry-footer .entry-meta a { padding-left: 0px; }
.night .list-view .entry-footer .entry-meta a { color: #FFFFFF !important; }

.full-width .list-view .featimg, .list-view .featimg { width: 100%; float: left; *float: none; position: relative; clear: both; margin-bottom: 0px; }
.full-width .list-view .featimg .img, .list-view .featimg .img { width: 100%; float: left; position: relative; text-align: center; }
.full-width .list-view .hovermore .featimg .img img, .list-view .hovermore .featimg .img img { float: left; width: 100%; }
.full-width .list-view .hovermore img .stripes { float: left; width: 100%; height: 100%; }
.full-width .list-view .hovermore .stripes {width: 100%; top: 0px; left: 0px; }

/* .w_610 .list-view .featimg { max-width: 350px; min-width: 350px; float: left; *float: none; position: relative; clear: both; margin-bottom: 0px; }
.w_610 .list-view .featimg .img { max-width: 350px; min-width: 350px; float: left; position: relative; text-align: center; min-height: 180px;}
.w_610 .list-view .hovermore .featimg .img img{ float: left; max-width: 350px; min-width: 350px; max-height: 225px;} */

.w_690.list-view .stripes {width: 100%; top: 0px; left: 0px; }

.list-view .mosaic-overlay { width: 100%; height: 100%; }

/* Mosaic overlay */
.full-width .mosaic-overlay { display: none; z-index: 5; position: absolute!important; top: 0px; bottom: 0; left: 0; right: 0;  }
.hovermore {position: relative; float: left; }
.hovermore .details .mosaic-overlay  {position: absolute; z-index: 999; padding: 2px 10px; color: #303E48;}
.hovermore .mosaic-overlay { background: url(../images/opacity.png) repeat top left; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}
.full-width .night .hovermore .mosaic-overlay { background: url(../images/opacity.night.png) repeat top left; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}

.timeline .grid-view .mosaic-overlay, .night .timeline .grid-view .mosaic-overlay { display: none; z-index: 5; position: absolute!important; top: 0px; bottom: 0px; left: 10px; width: 93.4%; }
.full-width .timeline .grid-view .mosaic-overlay, .full-width .night .timeline .grid-view .mosaic-overlay { width: 95.6%; }

.mosaic-overlay { display: none; z-index: 5; position: absolute!important; top: 0px; bottom: 0; left: 0; right: 0;  }
.hovermore {position: relative; float: left; width: 100%; }
.hovermore .details .mosaic-overlay  {position: absolute; z-index: 999; padding: 2px 10px; color: #303E48;}
.hovermore .mosaic-overlay { background: url(../images/opacity.png) repeat top left; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}
.night .hovermore .mosaic-overlay { background: url(../images/opacity.night.png) repeat top left; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}

.full-width .single .hovermore .mosaic-overlay, .full-width .night .single .hovermore .mosaic-overlay, .night .single .hovermore .mosaic-overlay, .single .hovermore .mosaic-overlay { background: none; }

/* div .User on hover */
.user { width: 290px; height: 30px; padding: 10px 0 0 10px; color: #45688E; }
.user p { font: bold 12px Arial; padding-top: 6px; float: left; }
.timeline .user p { font: bold 12px/12px Arial; display: block; margin-bottom: 0; padding-top: 0px; float: none; }
.timeline .user a:first-child { font: bold 12px/12px Arial; }
.user span { font: normal 11px/11px Arial; color: #687075; display: inline-block; }
.user a { color: #45688E !important; }

.night .user { color: #a1a1a1; }
.night .user a { color: white !important; }

.user img { float:left; padding-right: 10px; }
.user.white { width: 100%; padding: 15px 0 25px 15px;}

.night .timeline .user p { color: white; }
.night .user span { color: #a1a1a1; }

/*Meta*/
div.entry-meta { position: relative; float: left; margin-bottom: 30px; width: auto; overflow: hidden;}
.sidebar div.entry-meta{ position: relative; float: left; margin-bottom: 50px; width: 100%; overflow: hidden;}
div.entry-meta ul, .sidebar div.entry-meta ul { float: left; position: relative; width: 100%; white-space: normal; }
div.entry-meta ul li, .sidebar div.entry-meta ul li{ float: none; margin: 0; padding: 10px 0; background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom; }
div.entry-meta ul li a,  .sidebar div.entry-meta ul li a{ color: #687075; display: block; float: none; padding-left: 25px; line-height: 16px; height: 16px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; }

.night div.entry-meta ul li, .night .sidebar div.entry-meta ul li{ background: url(../images/delimiter.bg.x.night.png) repeat-x 0 bottom; }
.night div.entry-meta ul li a, .night .sidebar div.entry-meta ul li a{ color: #a1a1a1; }

.sidebar div.entry-meta ul:first-child li:first-child { padding-top: 0px;}

div.entry-meta ul li a:hover {color: #797d82;}
.night div.entry-meta ul li a:hover { color: white; }

div.entry-meta ul li.cosmo-comments a{ background: url(../images/meta.sprite.png) no-repeat 0 0px; }
div.entry-meta ul li.cosmo-comments a:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -16px; }

div.entry-meta ul li.author a { background: url(../images/meta.sprite.png) no-repeat 0 -128px;}
div.entry-meta ul li.author a:hover{ background: url(../images/meta.sprite.png) no-repeat 0 -144px;}

div.entry-meta ul li.time a { background: url(../images/meta.sprite.png) no-repeat 0 -160px;}
div.entry-meta ul li.time a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -176px;}

div.entry-meta ul li.love a { background: url(../images/heart.png) no-repeat 0 -2px; padding-left: 20px;}
div.entry-meta ul li.love a:hover { background: url(../images/heart.png) no-repeat 0 -18px; padding-left: 20px;}
div.entry-meta ul li.love.voted a { background: url(../images/heart.png) no-repeat 0 -18px; padding-left: 20px;}

.sidebar div.entry-meta ul li.love a { background: url(../images/heart.png) no-repeat 0 -2px; padding-left: 25px;}
.sidebar div.entry-meta ul li.love a:hover { background: url(../images/heart.png) no-repeat 0 -18px; padding-left: 25px;}
.sidebar div.entry-meta ul li.love.voted a { background: url(../images/heart.png) no-repeat 0 -18px; padding-left: 25px;}

div.entry-meta ul li.edit_post { float: left; width: 50%;}
div.entry-meta ul li.edit_post a { background: url(../images/meta.sprite.png) no-repeat 0 -96px; }
div.entry-meta ul li.edit_post a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -112px; }

div.entry-meta ul li.delete_post {float: right; width: 50%;}
div.entry-meta ul li.delete_post a { background: url(../images/meta.sprite.png) no-repeat 0 -224px; float: right; padding-left: 20px; }
div.entry-meta ul li.delete_post a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -240px; }

div.entry-meta ul li.views a { background: url(../images/meta.sprite.png) no-repeat 0 -256px; }
div.entry-meta ul li.views a:hover { background: url(../images/meta.sprite.png) no-repeat 0 -272px; }

/* Night meta */
.night div.entry-meta ul li.cosmo-comments a{ background: url(../images/meta.sprite.night.png) no-repeat 0 0px; }
.night div.entry-meta ul li.cosmo-comments a:hover{ background: url(../images/meta.sprite.night.png) no-repeat 0 -16px; }

.night div.entry-meta ul li.author a { background: url(../images/meta.sprite.night.png) no-repeat 0 -128px;}
.night div.entry-meta ul li.author a:hover{ background: url(../images/meta.sprite.night.png) no-repeat 0 -144px;}

.night div.entry-meta ul li.time a { background: url(../images/meta.sprite.night.png) no-repeat 0 -160px;}
.night div.entry-meta ul li.time a:hover { background: url(../images/meta.sprite.night.png) no-repeat 0 -176px;}

.night div.entry-meta ul li.edit_post { float: left; width: 50%;}
.night div.entry-meta ul li.edit_post a { background: url(../images/meta.sprite.night.png) no-repeat 0 -96px; }
.night div.entry-meta ul li.edit_post a:hover { background: url(../images/meta.sprite.night.png) no-repeat 0 -112px; }

.night div.entry-meta ul li.delete_post {float: right; width: 50%;}
.night div.entry-meta ul li.delete_post a { background: url(../images/meta.sprite.night.png) no-repeat 0 -224px; float: right; padding-left: 20px; }
.night div.entry-meta ul li.delete_post a:hover { background: url(../images/meta.sprite.night.png) no-repeat 0 -240px; }

.night div.entry-meta ul li.views a { background: url(../images/meta.sprite.night.png) no-repeat 0 -256px; }
.night div.entry-meta ul li.views a:hover { background: url(../images/meta.sprite.night.png) no-repeat 0 -272px; }

/*Meta category*/
div.entry-meta ul.category li a { padding: 0;}
div.entry-meta ul.category li a:after { content: ","; }
div.entry-meta ul.category li:last-child a:after { content: ""; }
div.entry-meta ul.category, div.entry-meta ul.b_tag {margin: 0; padding: 10px 0;  background: url(../images/delimiter.bg.x.png) repeat-x 0 bottom;  }
div.entry-meta ul.category li, div.entry-meta ul.b_tag li, .night div.entry-meta ul.category li, .night div.entry-meta ul.b_tag li { float: left; margin: 0; padding: 0 5px 0 0; background: none; }
div.entry-meta ul.category li:first-child, div.entry-meta ul.b_tag li:first-child { margin: 0; padding:0 5px 0 25px; }
div.entry-meta ul.category li:first-child { background: url(../images/meta.sprite.png) no-repeat 0 -32px; }
.night div.entry-meta ul.category li:first-child { background: url(../images/meta.sprite.night.png) no-repeat 0 -32px; }

.night div.entry-meta ul.category, .night div.entry-meta ul.b_tag { background: url(../images/delimiter.bg.x.night.png) repeat-x 0 bottom;  }

/* Sidebar meta*/
.sidebar { float: left;}
.sidebar div.entry-meta ul li a span {float: right;}
.night .sidebar div.entry-meta ul li a span { color: white;}
.sidebar .widget { margin-bottom: 50px; }

/*Widgets general*/
#primary .widget {float: left; width: 100%; } 
#secondary .widget {margin-bottom: 50px; float: left; width: 100%; display: block; clear: both;}
#secondary .widget .scroll-pane {height: 370px; max-width: 290px !important; min-width: 290px !important; overflow: auto;}
#colophon .widget {float: left;}

h4.widget-title, h5.widget-title { font: bold 12px/14px Arial, Helvetica, sans-serif; width: 100%; margin: 0; display: block; color: #303e48;}
.night h4.widget-title, .night h5.widget-title { color: white;}
.widget a {color: #3F4950;}
.widget a:hover {color: #45688E;}
.night .widget a {color: #a1a1a1;}
.night .widget a:hover {color: #FFFFFF;}
.widget ul li h4, .widget ul li h6{font: bold 14px Helvetica, Arial, sans-serif;}
.widget ul { float: left; width: 100%;}
.widget ul li {	font-size: 12px; background: url(../images/delimiter.bg.x.png) repeat-x bottom left; margin-top: 15px; padding-bottom: 15px; float: left; width: 100%; position:relative;}
.night .widget ul li { background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left; }
.widget ul li:first-child {margin-top: 0!important;}
.widget ul li:last-child {background: none; padding-bottom: 0; }
.widget ul li span{font-weight: normal; font-size: 12px;}

.widget .grid-view .entry-footer .entry-meta ul li { width: auto; }

.home #primary .widget .mainpage-widget{ margin: 50px 0 0 30px; }
.home #primary .widget .mainpage-widget.first{ margin: 50px 0 0 0; }
.home #secondary .widget:first-child {margin-top: 0px;}

#colophon .widget .margin-left {margin-left: 30px;}
#colophon aside.first {margin-left: 0;}

/* new_meta on hover */
.new_meta { position: absolute; left: 10px; bottom: 10px; width: 100%;}
.new_meta ul { width: 100%; }
.new_meta ul li { float:left; font-size: 12px; width: auto; margin: 0; background: url(../images/delimiter.new_meta.png) no-repeat left center; text-align: left; padding: 0 10px;}
.night .new_meta ul li { background: url(../images/delimiter.bg.menu.night.png) repeat-y top left; }
.new_meta ul li:first-child { background: none !important; padding-left: 0px; }
.new_meta ul li a { float: left; color: #000000;}
.new_meta ul li a:hover { color: #45688E;}
.new_meta ul li a span { display: block; clear: both; color: #687075;}
.night .new_meta ul li a span { color: #a1a1a1;}
.new_meta ul li a strong {  padding-right: 5px; margin-bottom: 0; width: auto; float: left; line-height: 10px; transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition-property: color, background; -webkit-transition-property: color, background; -moz-transition-property: background; -o-transition-property: background; color: black;}
.night .new_meta ul li a strong { color: white; }

.new_meta ul li.user { width: 150px; padding-right: 0;}
.new_meta ul li.user a { height: auto; }
.new_meta ul li.user a strong { font-weight: bold; color: #3b5998; overflow: hidden; width: auto; max-width: 89px; line-height: 24px;}
.night .new_meta ul li.user a strong { color: white; }
.new_meta ul li.user a.follow, .new_meta ul li.user a.follow-no { height: auto; margin-top: 7px !important; margin-left: 0;}
.new_meta ul li.user img { float:left; padding-right: 10px; margin-top: 0; }

.new_meta ul li.views { background: none !important;}

.list-view .new_meta ul li.views, .timeline .new_meta ul li.views { margin-top: 5px;}
.list-view .new_meta ul li.replies, .timeline .new_meta ul li.replies { margin-top: 5px;}

.new_meta ul li.likes a strong { color: #619f00; background: url(../images/likes_new_meta.png) no-repeat right 0px;}
.new_meta ul li.likes a strong:hover, .new_meta ul li.likes.voted a strong { color: #7dcc00; background: url(../images/likes_new_meta.png) no-repeat right -9px;}

.new_meta ul li.dislikes a strong { color: #ec2327;  background: url(../images/likes_new_meta.png) no-repeat right -18px; }
.new_meta ul li.dislikes a strong:hover, .new_meta ul li.dislikes.voted a strong { color: #fc696c;  background: url(../images/likes_new_meta.png) no-repeat right -27px; }

.new_meta ul li.play, .new_meta ul li.read-more { background: none !important; float: right !important; margin-right: 10px; }
.new_meta ul li.play a strong { color: #687075;  background: url(../images/list.play.btn.png) no-repeat left 0px; padding: 0 0 0 46px; height: 36px; line-height: 36px; width: auto;}
.new_meta ul li.play a strong:hover { color: #687075;  background: url(../images/list.play.btn.png) no-repeat left 0px; }

.new_meta ul li.read-more a strong { color: #687075;  background: url(../images/list.read.btn.png) no-repeat left 0px; padding: 0 0 0 46px; height: 36px; line-height: 36px; width: auto;}
.new_meta ul li.read-more a strong:hover { color: #687075;  background: url(../images/list.read.btn.png) no-repeat left 0px; }

.night .new_meta ul li.play a strong, .night .new_meta ul li.play a strong:hover, .night .new_meta ul li.read-more a strong, .night .new_meta ul li.read-more a strong:hover { color: white; }
.list-view .new_meta { bottom: 5px; left: 10px; width: 100%;}
.list-view .new_meta ul li.play, .list-view .new_meta ul li.read-more { margin-right: 10px; }
.new_meta ul .no_bg { background: none !important;}

/*Tabber widget*/
.widget_tabber { clear: both; float: left; width: 100%; display: inline-block;}
.widget_tabber ul.widget_tabber li {float: left; background: url(../images/delimiter.bg.menu.png) no-repeat left center; padding: 0 10px; height: 22px; width: auto; margin: 0;}
.widget_tabber ul.widget_tabber li:first-child, .night .widget_tabber ul.widget_tabber li:first-child { background: none; padding: 0 10px 0 0;}
.widget_tabber ul.widget_tabber li.last {padding: 0 0 0 10px;}
.widget_tabber ul.widget_tabber li a { font: bold 14px/14px Arial, Helvetica, sans-serif; float: left; height: 22px; line-height: 20px; color: #3F4950;}
.widget_tabber ul.widget_tabber li.active a { color: #45688e;}
.widget_tabber ul.widget_tabber li span { background: none; font-size: 18px; float: left; height: 22px; line-height: 20px; color: #3F4950;}

.b_f_c .widget_tabber ul.widget_tabber li a { font: normal 15px Arial, Helvetica, sans-serif; color: #3F4950;}
.b_f_c .widget_tabber ul.widget_tabber li.active a { color: #45688E;}

.night .widget_tabber ul.widget_tabber li { background: url(../images/delimiter.bg.menu.night.png) no-repeat left center; }
.night .b_f_c .widget_tabber ul.widget_tabber li a, .night .widget_tabber ul.widget_tabber li a { color: white;}
.night .b_f_c .widget_tabber ul.widget_tabber li.active a, .night .widget_tabber ul.widget_tabber li.active a { color: #a1a1a1;}

.widget_tabber .tabs-container {padding: 0; float: left; width: 100%; }

.widget_tabber .custom-post > div { float: left; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; margin-top: 15px; width: 100%; }
.night .widget_tabber .custom-post > div { background: url(../images/delimiter.bg.x.night.png) repeat-x top left;}
.widget_tabber .custom-post > div:first-child { margin-top: 0; padding-top: 0; background: none; }
.widget_tabber .custom-post div .entry-img { float: left; width: 50px; height: 50px; margin-right: 15px;}
.widget_tabber .custom-post div .entry-img img { width: 50px; height: 50px; }
.widget_tabber .custom-post div .entry-item { }
.widget_tabber .custom-post div h5 { font: normal 12px/18px Helvetica, Arial, sans-serif; margin-bottom: 10px;}
.widget_tabber .custom-post div h5 a {float: none; color: #3F4950;}
.widget_tabber .custom-post div h5 a:hover { color: #2CA4C2;}
.widget_tabber .custom-post div.entry-meta { margin: 0;}
.widget_tabber .custom-post div.entry-meta ul li { background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px; float: left; width: auto; margin-left: 12px;
padding: 0 0 0 15px; }
.widget_tabber .custom-post div.entry-meta ul li:first-child, .night .widget_tabber .custom-post div.entry-meta ul li:first-child { background: none; margin:0px; padding:0px;}

.night .widget_tabber .custom-post div.entry-meta ul li { background: url(../images/delimiter.bg.menu.night.png) no-repeat left center; }
.night .widget_tabber .custom-post div h5 a {color: #a1a1a1;}
.night .widget_tabber .custom-post div h5 a:hover { color: white;}

span.author_nr_views {display: block; font: italic 12px Georgia; margin-top: 5px; }

/*Tabber content*/
.content_tabber { clear: both; float: left; width: 100%; display: inline-block;}
.content_tabber ul.content_tabber { margin: 0 0 15px 0; padding: 0 0 11px 0; background: url(../images/delimiter.bg.x.png) repeat-x left bottom;}
.night .content_tabber ul.content_tabber {background: url(../images/delimiter.bg.x.night.png) repeat-x left bottom;}
.content_tabber ul.content_tabber li {float: left; padding: 0 10px; height: 20px; width: auto; margin: 0;}
.content_tabber ul.content_tabber li:first-child { background: none; padding: 0 10px 0 0;}
.content_tabber ul.content_tabber li.last {padding: 0 0 0 10px;}
.content_tabber ul.content_tabber li a { font-size: 16px; font-weight: bold; float: left; height: 20px; line-height: 20px; color: #afafaf;}
.content_tabber ul.content_tabber li.active a { color: #45688e;}
.night .content_tabber ul.content_tabber li a { color: #a1a1a1;}
.night .content_tabber ul.content_tabber li.active a { color: #FFFFFF;}
.content_tabber ul.content_tabber li span { font-size: 18px; float: left; height: 22px; line-height: 20px; color: #3F4950; background:none;}

.content_tabber ul.content_tabber li.grid {width: 49px; height: 20px; overflow: hidden; background: url(../images/display.png) no-repeat 20px -0px; cursor: pointer;}
.content_tabber ul.content_tabber li.list {width: 49px; height: 20px; overflow: hidden; background: url(../images/display.png) no-repeat 20px -20px; cursor: pointer;}

.b_f_c .content_tabber ul.content_tabber li a { font-size: 15px; color: white;}
.b_f_c .content_tabber ul.content_tabber li.active a { color: #B5BBBF;}

.content_tabber .tabs-container {padding: 0; float: left; width: 100%; }

.content_tabber .custom-post > div { float: left; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px; margin-top: 15px; width: 100%; }
.content_tabber .custom-post > div:first-child { margin-top: 0; padding-top: 0; background: none; }
.content_tabber .custom-post div .entry-img { float: left; width: 65px; height: 50px;}
.content_tabber .custom-post div .entry-img img { width: 50px; height: 50px; }
.content_tabber .custom-post div .entry-item { float: left; width: 195px;}
.content_tabber .custom-post div h5 { font: normal 12px/18px Helvetica, Arial, sans-serif; margin-bottom: 10px;}
.content_tabber .custom-post div h5 a {float: none; color: #3F4950;}
.content_tabber .custom-post div h5 a:hover { color: #2CA4C2;}
.content_tabber .custom-post div .entry-meta { margin: 0;}
.content_tabber .custom-post div.entry-meta ul li { background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-size: 11px;}
.list-view.tab_content.tabs-container { display: none;}
span.author_nr_views {display: block; font: italic 12px Georgia; margin-top: 5px; }

#voted_menu_item span { display:none; }
ul.content_tabber.sf-menu li.sfHover ul { top: 20px !important }
ul.content_tabber.sf-menu li.sfHover li { padding: 5px 0; height: 34px; background: url(../images/delimiter.bg.x.png) repeat-x 0 0; }
ul.content_tabber.sf-menu li.sfHover li:first-child { background: none; }

.night ul.content_tabber.sf-menu li.sfHover li { color: white;  background: url(../images/delimiter.bg.x.night.png) repeat-x 0 0; background-color: black; }

/* Timeline tabs */

.timeline .cosmo-tabs { float: left; width: 100%; margin: 0px;  border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.timeline .cosmo-tabs .tabs-nav { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid white; width: auto;}
.timeline .cosmo-tabs .tabs-nav .tabs-selected { background: none!important;}
.timeline .cosmo-tabs .tabs-nav li { border: none!important; min-width: 50px; }
.timeline .cosmo-tabs .tabs-nav li:first-child { border: none; background: none!important;}
.timeline .cosmo-tabs .tabs-nav a span { min-height: 16px; height: 16px; padding-top: 0px; min-width: 15px;}
.timeline .cosmo-tabs .tabs-nav li a span.text { background: url(../images/timeline.tabber.png) no-repeat 0 0; padding-left: 20px;}
.timeline .cosmo-tabs .tabs-nav li a span.photo { background: url(../images/timeline.tabber.png) no-repeat 0 -16px; padding-left: 21px;}
.timeline .cosmo-tabs .tabs-nav li a span.audio { background: url(../images/timeline.tabber.png) no-repeat 0 -32px; padding-left: 21px;}
.timeline .cosmo-tabs .tabs-nav li a span.video { background: url(../images/timeline.tabber.png) no-repeat 0 -48px; padding-left: 21px;}

.night .timeline .cosmo-tabs .tabs-nav .tabs-selected {background: none!important;}
.night .timeline .cosmo-tabs .tabs-nav li a span.text { background: url(../images/timeline.tabber.png) no-repeat 0 -66px; padding-left: 20px;}
.night .timeline .cosmo-tabs .tabs-nav li a span.photo { background: url(../images/timeline.tabber.png) no-repeat 0 -82px; padding-left: 21px;}
.night .timeline .cosmo-tabs .tabs-nav li a span.audio { background: url(../images/timeline.tabber.png) no-repeat 0 -98px; padding-left: 21px;}
.night .timeline .cosmo-tabs .tabs-nav li a span.video { background: url(../images/timeline.tabber.png) no-repeat 0 -114px; padding-left: 21px;}

.timeline .cosmo-tabs .tabs-container { width: 100%; padding: 0px;}
.timeline .cosmo-tabs .tabs-nav a { color: #3B5998; background: url(../images/delimiter.new_meta.png) no-repeat 0px 0px; height: 15px; margin-top: 10px; padding-left: 10px; }
.night .timeline .cosmo-tabs .tabs-nav a { color: #3B5998; background: url(../images/delimiter.bg.menu.night.png) no-repeat 0px 0px;}
.timeline .cosmo-tabs .tabs-nav li:first-child a { background: none; }
.timeline .cosmo-tabs .tabs-nav .tabs-selected a { color: #777777; }

.timeline .cosmo-tabs div.timeline_text { padding: 10px; }
.timeline .cosmo-tabs div.timeline_title { border-top: 1px dotted #e0e0e0; border-bottom: 1px solid #E0E6F1; padding: 10px; }
.night .timeline .cosmo-tabs div.timeline_title { background: url(../images/delimiter.bg.x.night.png) repeat-x top left; border: none;  }
.timeline .cosmo-tabs textarea.timeline_text { border: none; resize: none; min-height: 40px; color: #777777; padding: 0; width: 100%; overflow: auto; }
.timeline .cosmo-tabs #form_timeline_text .form_btn_submit { border-top: none;}
.night .timeline .cosmo-tabs #form_timeline_text .form_btn_submit { border-top: none; background: #2d2d2d url(../images/line.night.png) repeat-x top left;}

.timeline .cosmo-tabs div.timeline_title p.info { padding-left: 0px;}

.timeline .cosmo-tabs input.timeline_title { border: none; color: #777777; width: 100%; }

.timeline .cosmo-tabs p.blue_line { float: left; width: 100% !important; height: 1px; margin: 0px; padding: 0px; background-color: #E0E6F1;} 
.night .timeline .cosmo-tabs p.blue_line { background: url(../images/line.night.png) repeat-x left top;} 
.timeline .cosmo-tabs p.info { margin: 5px 0 0px 0px; padding-left: 10px; padding-bottom: 8px; }
.night .timeline .cosmo-tabs p.info { border: none; }
.timeline .cosmo-tabs p.info a.upload strong { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #3b5998; background: url(../images/timeline.upload.png) no-repeat 0 0; padding-left: 21px; padding-bottom: 2px; }
.timeline .cosmo-tabs p.info span { display: block; color: #777777; margin-bottom: 3px; }
.timeline .cosmo-tabs .form_btn_submit { /* border-top: 1px solid #E0E6F1; */ height: 24px; padding: 10px; background-color: #FAFAFA; }
.timeline .cosmo-tabs .form_btn_submit span { float: right; font: normal 11px/11px Arial, Helvetica, sans-serif; padding-top: 6px; color: #3b5998; }

.night .timeline .cosmo-tabs .tabs-nav { background: #2d2d2d; border: 1px solid #333;}
.night .timeline .cosmo-tabs .tabs-container, .night .timeline .cosmo-tabs textarea.timeline_text, .night .timeline .cosmo-tabs input.timeline_title { background: #333333;}
.night .timeline .cosmo-tabs .tabs-nav a { text-shadow: none; color: #a1a1a1;}
.night .timeline .cosmo-tabs .tabs-nav .tabs-selected a { color: white; }
.night .timeline .cosmo-tabs .form_btn_submit { background: #2d2d2d url(../images/line.night.png) repeat-x top left; }
.night .timeline .cosmo-tabs p.info a.upload strong { color: #a1a1a1; }
.night .timeline .cosmo-tabs .form_btn_submit span { color: #a1a1a1; }

div.upload { float: left; width: 100%; background: url(../images/delimiter.bg.x.png) repeat-x bottom left; margin-bottom: 10px; margin-top: 5px; }
.night div.upload {background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left; }
.files_to_upload { opacity: 0; filter: alpha(opacity=0); left: 0; top: 42px; position: absolute; font-size: 43px; width: 100px; cursor: pointer !important; z-index:20 }
.thumbnails { padding-bottom: 15px; float: left; }
.thumbnails .thumb-img { float: left; width: 50px; height: 50px; margin-left: 10px; padding: 0px }
.thumbnails .thumb-img img { width: 50px; height: 50px; }
.thumbnails .thumb-img.feat { border: 1px solid black; width: 48px; height: 48px;}
.thumbnails .thumb-img.feat img { width: 48px; height: 48px;}

.thumbnails .mosaic-overlay { left: 0 !important; right: 0 !important; width: 100% !important; background-color: #e0e6f1 !important; background-image: none !important;}
.thumbnails span.feat { position: absolute; top: 5px; left:5px; background: url(../images/thumbnail.hover.png) no-repeat 0 0; width: 12px; height: 9px; }
.thumbnails span.del { position: absolute; top: 5px; right: 5px; background: url(../images/thumbnail.hover.png) no-repeat 0 -9px; width: 12px; height: 9px; }

/* Widget_User_Menu */
.widget_user_menu ul li {font: normal 12px/14px Arial, Helvetica, sans-serif;}
.widget_user_menu ul li a{ max-width: none; padding-left: 25px; background: url(../images/widget_user_menu.png) no-repeat; padding-top: 1px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;}
.night .widget_user_menu ul li a{ background: url(../images/widget_user_menu.night.png) no-repeat; }


.widget_user_menu ul li.my-timeline a{ background-position: 0 0px}
.widget_user_menu ul li.my-timeline a:hover{ background-position: 0 -16px}

.widget_user_menu ul li.following a{ background-position: 0 -32px}
.widget_user_menu ul li.following a:hover{ background-position: 0 -48px}

.widget_user_menu ul li.followers a{ background-position: 0 -64px}
.widget_user_menu ul li.followers a:hover{ background-position: 0 -80px}

.widget_user_menu ul li.settings a{ background-position: 0 -96px}
.widget_user_menu ul li.settings a:hover{ background-position: 0 -112px}

.widget_user_menu ul li.my-profile a{ background-position: 0 -128px}
.widget_user_menu ul li.my-profile a:hover{ background-position: 0 -144px}

.widget_user_menu ul li.my-posts a{background-position: 0 -160px }
.widget_user_menu ul li.my-posts a:hover{background-position: 0 -176px }

.widget_user_menu ul li.my-favorites a{background-position: 0 -192px; }
.widget_user_menu ul li.my-favorites a:hover{background-position: 0 -208px; }

.widget_user_menu ul li.my-logout a{background-position: 0 -128px; }
.widget_user_menu ul li.my-logout a:hover{background-position: 0 -144px; }

.widget_user_menu ul li.my-add a{background-position: 0 -224px; }
.widget_user_menu ul li.my-add a:hover{background-position: 0 -240px; }

.widget_user_menu ul li.my-cart a{background-position: 0 -352px; }
.widget_user_menu ul li.my-cart a:hover{background-position: 0 -368px; }

/* Social media widget */
.widget .social-media ul{float: right;}
.widget .social-media ul li{display: inline-block; float: left; background: none; margin: 0; padding: 0; margin-left: 7px; width: auto;}
.widget .social-media ul li:first-child{margin-left: 0;}
.widget .social-media ul li a{text-indent: -9999em; float: left; background: url(../images/social-media.png) no-repeat; width: 34px; height: 35px; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;}

.widget .social-media.white ul li.fb a {background-position: 0 0;}
.widget .social-media.white ul li.linked a {background-position: 0 -70px;}
.widget .social-media.white ul li.email a {background-position: 0 -140px;}
.widget .social-media.white ul li.gplus a {background-position: 0 -210px;}
.widget .social-media.white ul li.twitter a {background-position: 0 -280px;}
.widget .social-media.white ul li.flickr a {background-position: 0 -350px;}
.widget .social-media.white ul li.rss a {background-position: 0 -420px;}

.widget .social-media.blue ul li.fb a  {background-position: 0 -35px;}
.widget .social-media.blue ul li.linked a {background-position: 0 -105px;}
.widget .social-media.blue ul li.email a {background-position: 0 -175px;}
.widget .social-media.blue ul li.gplus a {background-position: 0 -245px;}
.widget .social-media.blue ul li.twitter a {background-position: 0 -315px;}
.widget .social-media.blue ul li.flickr a {background-position: 0 -385px;}
.widget .social-media.blue ul li.rss a {background-position: 0 -455px;}

.widget .social-media.no-bg ul li.fb a  {background-position: 0 -490px;}
.widget .social-media.no-bg ul li.linked a {background-position: 0 -525px;}
.widget .social-media.no-bg ul li.email a {background-position: 0 -560px;}
.widget .social-media.no-bg ul li.gplus a {background-position: 0 -595px;}
.widget .social-media.no-bg ul li.twitter a {background-position: 0 -630px;}
.widget .social-media.no-bg ul li.flickr a {background-position: 0 -665px;}
.widget .social-media.no-bg ul li.rss a {background-position: 0 -700px;}

/* Widget Flickr */
.widget .flickr_badge_image{ float:left; margin:0px 15px 15px 0px; }
.widget .flickr_badge_image.last { margin:0px 0 15px 0px; float: none; }
.widget .flickr {margin: 0 0 -15px 0; float: left; width: 100%; }
.widget .flickr_badge_image img {border: none; width: 60px; height: 60px; }

/*Twitter widget*/
.cosmo-twit-container { height:auto!important; width: 100%; position: relative; float: left; }
.cosmo-twit-container .cosmo_twitter{ }
.cosmo-twit-container .cosmo_twitter p{ margin:0; width: 230px;}
.cosmo-twit-container ul li div{padding: 15px 0; }
.cosmo-twit-container span.date{ color: #AFAFAF; display: block; }
.i_join_us{ float: left; background: url(../images/bird.png) no-repeat; width:100%; height: 32px; display: block; margin: 0; text-align: right; font-weight: bold; position:relative; margin-top: 15px; }

/* Static Twitter widget*/
.static.cosmo-twit-container { top: -1px; width: 100%; }
.static.cosmo-twit-container .cosmo_twitter{ padding: 0; border: none; background: none;}
.static.cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left; padding: 13px 0 15px 0; }
.static.cosmo-twit-container .cosmo_twitter .tweet_item:first-child{ padding-top: 0; }
.static.cosmo-twit-container .cosmo_twitter p{ width: auto;}
.static.cosmo-twit-container.slides_container { padding: 0; }
.static.i_join_us, .b_body_f .i_join_us{ background: url(../images/bird.static.gray.png) no-repeat 0 -23px; margin-top: 15px; height: 23px; line-height: 23px; padding-left: 40px; text-align: left; transition-property: background; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background;}
.static a.i_join_us:hover, .b_body_f a.i_join_us:hover{background: url(../images/bird.static.gray.png) no-repeat 0 -0px;}

.night .static.cosmo-twit-container .cosmo_twitter .tweet_item { background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left; }

/* Footer Twitter widget*/
.b_body_f .cosmo-twit-container { top: -1px; }
.b_body_f .cosmo-twit-container .cosmo_twitter{ padding: 0; border: none; background: none;}
.b_body_f .cosmo-twit-container a:hover{ color: #45688E; }
.b_body_f .cosmo-twit-container p{ margin:0;}
.b_body_f .cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.png) repeat-x bottom left; padding-bottom: 15px;}
.night .b_body_f .cosmo-twit-container .cosmo_twitter .tweet_item{ background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left; }
.b_body_f .cosmo-twit-container .cosmo_twitter p{ width: 50%;}

/* Sidebar Widget Related */
.sidebar .widget .box-related .grid-view article { float: left; margin-bottom: 25px; min-height: 90px; }
.sidebar .widget .box-related .grid-view article .hovermore img.size { width: 100%; min-height: 90px; float: left; }	
.sidebar .widget .box-related .grid-view article .hovermore .mosaic-overlay { background: url(../images/opacity.png) repeat top left; bottom: 0px; top: 0px; position: absolute; }
.sidebar .widget .box-related .grid-view article .stripes { width: 100%; position: absolute; top: 0px; bottom: 0px; }
.sidebar .widget .box-related .grid-view .entry-footer { padding: 10px;}
.sidebar .widget .box-related .grid-view .entry-footer h2 { font: normal 12px/18px Arial, Helvetica, sans-serif;}

.sidebar .widget .box-related .grid-view article.noimg { background-color: white; -webkit-box-shadow: inset 0px 0px 1px 1px rgba(224, 230, 241, 1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(224, 230, 241, 1); box-shadow: inset 0px 0px 1px 1px rgba(224, 230, 241, 1);}
.night .sidebar .widget .box-related .grid-view article.noimg { background-color: #333333; -webkit-box-shadow: inset 0px 0px 1px 1px rgba(39, 39, 39, 1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(39, 39, 39, 1); box-shadow: inset 0px 0px 1px 1px rgba(39, 39, 39, 1); }

.night .sidebar .widget .box-related .grid-view article .hovermore .mosaic-overlay { background: url(../images/opacity.night.png) repeat top left; }

/*Excerpt*/
.entry-footer .excerpt { margin: 0;}

#content .demo-download { border: none; border-radius: 6px; margin: 25px -1px 25px 0; text-align: left; width: 100%; border-collapse: separate; border-spacing: 3px;}
#content .demo-download tr td { padding: 10px; vertical-align: middle; background-color: #fff; text-align: center; width: 50%;}
.night #content .demo-download tr td { background-color: #333333; border: 1px solid #272727; }

.entry-footer .attach { border-radius: 6px; border: 1px solid #E5E5E5; }
.entry-footer .attach p.attach-title { height: 32px; line-height: 32px; padding-left: 42px;  display: block; text-transform: uppercase; font: bold 18px "PT Sans Narrow"; background: transparent url(../images/format.file.download.png) no-repeat left top; margin: 0 auto; width: 90px;}
.entry-footer .attach p.attach-title a { float: left; line-height: 32px;}

.entry-footer .demo-link {border-radius: 6px; border: 1px solid #E5E5E5; }
.entry-footer .demo-link p.demo-link-title { height: 32px; line-height: 32px; padding-left: 42px; display: block; text-transform: uppercase; font: bold 18px "PT Sans Narrow"; background: transparent url(../images/format.file.demo.png) no-repeat left top; margin: 0 auto; width: 50px;}
.entry-footer .demo-link p.demo-link-title a { float: left; line-height: 32px;}

.share {float: left; width: 100%;}
.share .source { /*max-width: 210px;*/ overflow: hidden; }
.source p {display: inline-block; background: whiteSmoke; border-radius: 6px; border: 1px solid #F0EFEF; width: 98%; }
.source p span { margin: 2px 10px; float: left; word-break: break-all; }
.night .source p {display: inline-block; background: #333333; border-radius: 6px; border: 1px solid #272727; width: 98%; color: #a1a1a1;}


.share .share_button {position: relative; margin-right: 15px; top: -6px; display: inline-block;}

.b_text .attach.pdf a { background: url(../images/format.file.pdf.png) no-repeat 42px center; padding-left: 58px;}
.b_text .attach.doc a { background: url(../images/format.file.doc.png) no-repeat 42px center; padding-left: 58px;}

/*NSFW*/
.nsfw h1.entry-title, .nsfw h2.entry-title {text-indent: 48px; background: url(../images/icon.nsfw.png) no-repeat left 7px;}
.nsfw h2.entry-title {background-position: left 3px;}

/*Map*/
#map_canvas {height: 300px; margin-bottom: 15px;}
.b_text #map_canvas img { background: none;}

/*About the author*/
.box-author { position: relative; float: left; padding: 0;}
.box-author a { float: left; width: 65px;}
.box-author a img{width: 50px; height: 50px; border: none; float: left; }
.box-author span.author-page{ color: #888888; font: italic 12px Georgia; line-height: 1.6em;}
span.vcard {display: inline-block;}

/*Author links*/
.widget span.links {font-size: 12px; margin-left:10px; float: right; position: relative; top: 8px;}
.widget span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-weight: bold;}
.widget span.links a:first-child {background: none; padding: 0;}
.widget span.links a:last-child {margin: 0;}

/*Author links*/
.entry-title.author span.links {font-size: 14px; margin-left:10px; }
.entry-title.author span.links a {margin: 0 10px 0 0; padding: 0 0 0 10px; background: url(../images/delimiter.bg.meta.png) no-repeat left center; font-weight: bold;}
.entry-title.author span.links a:first-child {background: none;}
.entry-title.author span.links a.active { font-weight: normal; cursor: default;}

/* === Footer === */
.b_f_c {margin:0 auto; position: relative;}
.b_f_c a { color: #96999d;}
.b_f_c a:hover {color: #B5BBBF; }
.b_f_c .footer-area {padding: 30px 0 25px 0;}
.full-width .b_f_c .footer-area .b_page { width: 100%; margin: 0px !important;}
.b_f_c .footer-area .widget { width: 290px; margin-left: 30px; }
.b_f_c .footer-area .widget:first-child { margin-left: 0; }
.full-width .b_f_c .footer-area .widget { width: 31.733%; margin-left: 2.4%; }
.full-width .b_f_c .footer-area .widget:first-child { margin-left: 0; }
.b_f_c .footer-area div.w_450 {padding-top: 30px;}
.b_f_c .footer-area div.copyright{ float: left; width: 100%; }
.b_f_c .footer-area p.copyright{ color: #96999D; }
.night .b_f_c .footer-area p.copyright{ color: white; }
.b_f_c .footer-area p.copyright span.phone-number { font-size: 18px; font-weight: bold;}
.b_f_c .footer-area img.copyright { width: 50px; height: 50px; float: left; margin-right: 20px;	}

.b_f_c div.footer-menu {width: 100%; float: left; margin: 10px 0; }
.b_f_c ul.footer-menu{ }
.b_f_c ul.footer-menu li{ display: inline-block; float: left; margin-left: 12px; width: auto; background: url(../images/delimiter.bg.menu.png) repeat-y top left; height: 12px; line-height: 12px; }
.b_f_c ul.footer-menu li:first-child{ margin-left: 0px; background: none; }
.b_f_c ul.footer-menu li:first-child a{ padding: 0 !important; }
.b_f_c ul.footer-menu li a { padding: 0 0 0 12px; color: #353e3f; }
.b_f_c ul.footer-menu li a:hover {color: #a1a1a1; }

.night .b_f_c ul.footer-menu li{ background: url(../images/delimiter.bg.menu.night.png) repeat-y top left; }
.night .b_f_c ul.footer-menu li:first-child { background: none; }
.night .b_f_c ul.footer-menu li a { padding: 0 0 0 12px; color: #a1a1a1; }
.night .b_f_c ul.footer-menu li a:hover {color: white; }

.b_f_c ul.footer-menu li ul{ display: none; }

.larger .b_f_c {width: 986px;}

/* Follow link */
a.follow, a.follow-no { text-indent: -9999px; width: 12px; height: 12px !important; display: inline-block !important; margin-top: 8px !important; margin-left: 5px; }
a.follow { background: url(../images/follow.png) no-repeat 0 -0px;}
a.follow-no { background: url(../images/follow.png) no-repeat 0 -12px;}

/*Comments*/
h3#reply-title, h3.comments-title, h3.related-title{ font: normal 20px/20px 'Ropa Sans'; margin: 0; width: 100%;}
.night h3#reply-title a { color: white; }
#comments {float: left; clear: both; width: 100%; margin: 0 0 30px 0;}
#comments .user, .night #comments .user { font: bold 12px/12px Arial, Helvetica, sans-serif; padding: 0;}
.night #comments .user a { color: #a1a1a1 !important; }
.cosmo-comment{}
.cosmo-comment blockquote{color:#838383;}
.cosmo-comment-list{ clear:both; list-style-position:outside; }
.cosmo-comment-list li{ list-style-type:none; position:relative; margin-bottom:20px; padding:0px; }
.cosmo-comment-list ul.children{ margin-left: 77px; clear: both;  }
.comment-body { margin: 20px 0; display: block; }
.cosmo-comment-thumb{ width:50px; height:50px; float:left;}
.cosmo-comment-thumb img{ width:50px; height:50px; background: none; padding: 0; }
.cosmo-comment-leftpointer{ background:url(../images/leftpointer.png) 0 0 no-repeat; width:12px; height:23px; position:absolute; left:65px; top:15px; z-index:8; }
.cosmo-comment-textinfo{ font-size:12px; margin:0; padding:0px; color: gray;}
.cosmo-comment-name{ font-weight:normal; }
.cosmo-comment-textinfo span.reply{ position: absolute; top: 15px; right: 15px; background: url(../images/reply.png) no-repeat 0 1px; margin:0!important; text-indent: 18px; height: 16px; }
.cosmo-comment-textinfo span.reply a {color: #B8B8B8; }
.cosmo-comment-textinfo a{ color: gray;}
.cosmo-comment-quote{ *margin-top: -20px; border:1px solid #f1f1f1; border-radius: 4px; padding:15px; margin-left:76px; line-height:18px; background-color:#fff; word-wrap: break-word;}
.cosmo-comment-quote p{ margin:0px 0px 0px 0px !important; padding:10px 0 0 0 !important; line-height:20px; background:none; clear:none; font-style:normal; }
em.comment-awaiting-moderation{ color: #cf5a5a !important; }

.night .cosmo-comment-quote { background-color: #333333; border: 1px solid #272727; }
.night .cosmo-comment-leftpointer{ background:url(../images/leftpointer.png) 0 -46px no-repeat; }

.w_450.single #commentform p.textarea { width: 83%; }

.bypostauthor .children .cosmo-comment-quote {border: 1px solid #f1f1f1;}
.bypostauthor .children .cosmo-comment-leftpointer, .bypostauthor form .cosmo-comment-leftpointer{ background-position:0 0;}
.night .bypostauthor .children .cosmo-comment-leftpointer, .night .bypostauthor form .cosmo-comment-leftpointer{ background-position:0 -46px;}
.bypostauthor .cosmo-comment-quote {border: 1px solid #ff8080;}
.night .bypostauthor .cosmo-comment-quote {border: 1px solid #272727;}
.bypostauthor .cosmo-comment-leftpointer{ background-position:0 -23px;}
.night .bypostauthor .cosmo-comment-leftpointer{ background-position:0 -46px;}

li.pingback {margin: 15px 0 0 0; background: url(../images/delimiter.bg.x.png) repeat-x top left; padding-top: 15px;}
li.pingback p {margin: 0;}

#respond { display: inline-block; width: 100%; padding: 0; margin-top: 0; position: relative;}
#respond h3#reply-title small a{ position: absolute; right: 0px; text-transform: lowercase; color: #cf5a5a!important; font-weight: normal; font-size: 16px;}
#respond form p, .contact-form form p { margin: 5px 0; display: inline-block; width: 60%;}
#respond form p.comment-notes{ margin: 0 0 10px 0; font-weight: bold; float: left; width: 100%;}
#respond form p.logged-in-as {display: block; margin: 0 0 15px 0; float: left; width: 100%;}

#commentform {float: left; width: 100%;}
#commentform input { float: left; width: 76%; padding-right: 80px;}
#commentform input.required { background: white url(../images/required.png) no-repeat center right; }
.night #commentform input.required { background: #333333 url(../images/required.night.png) no-repeat center right; }
#commentform label, .contactform label{ display: block; float: left; padding: 0; line-height: 48px; margin-left: 15px;}
#commentform label{ clear: left; min-width: 77px; *width: 77px; margin: 0; line-height: 46px; }
#commentform .cosmo-comment-avatar {position: relative; float: left; width: 100%;}
#commentform .cosmo-comment-leftpointer {top: 20px;}
#commentform p.textarea { margin-left: 26px; width: 87%;}
#commentform textarea { resize: none; width: 98%;}
#commentform input[type="text"],input[type="password"], textarea{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #E5E5E5; }
.night #commentform input[type="text"], .night input[type="password"], .night textarea { border: 1px solid #272727; background-color: #333333; color: white; }
#commentform p.form-submit {width: auto; margin: 5px 20px 0 77px; clear: both; display: block; 	}
#commentform p.form-submit input {width: auto; text-shadow: 0 1px 0 white; color: #3F4950; padding: 0 20px; }
.night #commentform p.form-submit input { text-shadow: none; color: white; }
.w_930 #commentform p.textarea { width: 90%;}
.w_930 #commentform textarea { width: 90%;}

ul.children #commentform p.textarea { width: 85%;}
ul.children ul #commentform p.textarea { width: 83%;}
ul.children ul ul #commentform p.textarea { width: 80%;}
.w_930 ul.children #commentform p.textarea { width: 91%;}
.w_930 ul.children ul #commentform p.textarea { width: 90%;}
.w_930 ul.children ul ul #commentform p.textarea { width: 89%;}

/*Contact form*/
.contact-form form.contactform p {width: auto; float: left;}
.contact-form form.contactform p.form-submit {margin-top: 20px;}

form.contactform {clear: both}
form.contactform p.input input{width:284px;}
form.contactform p.textarea{width: 610px; height: 190px; float: left;}
form.contactform textarea{ height: 190px; width: 570px;  resize: none;}

form.b_contact { clear: both;} 
form.b_contact p.input input { width: 248px;} 
form.b_contact p.textarea { float: left; }
form.b_contact textarea { height: 150px; resize: none; width: 248px; }
#send_mail_result { display: block; clear: both; margin: 10px 0 0 0}


/*Search form*/
.searchform { width: 100%; float: left; }
.searchform #searchform, .widget_search #searchform{ text-align: left; position: relative; }
.searchform #searchform { float: left; width: 100%;}
.searchform #searchbox, .widget_search #searchbox { float: left; margin: 0; width: 100%; }
.full-width .searchform #searchbox input.input, .widget_search #searchbox input.input { width: 90%; height: 26px; font-family: Georgia; font-style: italic; color: #999999; border:1px solid #e0e6f1; }
.searchform #searchbox input.input, .widget_search #searchbox input.input, .widget_search input#s { width: 90%; height: 26px; font-family: Georgia; font-style: italic; color: #999999; border:1px solid #e0e6f1; background: white url(../images/search.png) no-repeat right center; padding-right: 25px; }
.night .searchform #searchbox input.input, .night .widget_search #searchbox input.input, .night .widget_search input#s{ background: #333333 url(../images/search.png) no-repeat right center; border: 1px solid #272727; color: white; }
.searchform #searchform .button, .widget_search #searchform .button { margin-left: -1px;}
.searchform #searchform .button input, .widget_search #searchform .button input { padding: 0 10px !important; font-family: Helvetica, Arial, sans-serif;}

.widget_search input#searchsubmit, .widget_search label.screen-reader-text { display: none; }

/* Additional info */
#content .additional-info { border: none; margin: 0 -1px 25px 0; text-align: left; width: 100%; border-collapse: separate; border-spacing: 0px;}
#content .additional-info tr { background: url(../images/delimiter.bg.x.png) repeat-x bottom left; }
.night #content .additional-info tr { background: url(../images/delimiter.bg.x.night.png) repeat-x bottom left; }
#content .additional-info tr td:first-child { font-weight: bold; width: 25%;}
#content .additional-info tr td { padding: 10px 0; vertical-align: top; }

/*Pagination*/
.b_pag{ display: inline-block; }
.b_pag.center{ text-align: center; display: block; width: 100%; }
.b_pag li{ display: inline; margin: 0 7px; }
.b_pag li.active,.b_pag li.active a{ color: #000; text-decoration: none; font-weight: bold; }
.b_pag li.next,.b_pag li.previous,.b_pag li.previous a,.b_pag li.next a{ width: 15px; display: inline-block; text-decoration: none; }
.b_pag li.next,.b_pag li.previous{ display: inline !important; }
.pag {width: 100%; float: left; text-align: center; padding-top: 50px; margin: 25px auto 0 auto; background: url(../images/delimiter.bg.x.png) repeat-x}
.night .pag { background: url(../images/delimiter.bg.x.night.png) repeat-x; }

/*My profile*/
#adduser .tabs-container {padding:0 0 30px 0; float: left; width: 100%;}
#adduser img.avatar {float: left; margin-right: 20px; }
#adduser #avatar_upload { width: auto; float: left; border: none; background: none; }

#adduser label { float: left; margin: 0 20px 0 0; font: normal 12px/24px Helvetica, Arial, sans-serif; }
.w_690 #adduser label {width: 144px;}
.w_930 #adduser label {width: 190px;}

.w_930 #adduser input.text-input, .w_930 #adduser textarea {width: 75%;}

.w_690 #adduser p.form-submit {margin: 0 20px 0 165px; *margin: 0 20px 0 0px;}
.w_930 #adduser p.form-submit {margin: 0 20px 0 210px; *margin: 0 20px 0 0px;}

.w_690 #adduser label.remove-avatar { margin: 10px 0 0 165px; width: 100%}
.w_930 #adduser label.remove-avatar { margin: 10px 0 0 210px; width: 100%}

p.error{padding: 15px; background:#FAEBE6; border: 1px solid #E5C5B6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: red;}
p.success {padding: 15px; background:#EAFAE6; border: 1px solid #BCE5B6; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: green;}

/*My posts*/
.my-posts article {clear: both; position: relative;  float: left; width: 100%;}
.my-posts h2.entry-title { font: normal 20px 'Ropa Sans'; width: 80%; }
.my-posts.w_610 h2.entry-title {width: 550px; }
.my-posts.w_930 h2.entry-title {width: 870px; }
.my-posts .status-pending h2.entry-title {text-indent: 70px; background: url(../images/icon.pending.png) no-repeat left 0px;}
.my-posts .status-draft h2.entry-title {text-indent: 60px; background: url(../images/icon.draft.png) no-repeat left 0px;}

.my-posts div.entry-meta  {width: auto; position: absolute; right: 0px; margin: 0; top: 8px; }
.my-posts div.entry-meta ul { float: right; }
.my-posts div.entry-meta ul li { padding: 0px; background: none; }
.my-posts div.entry-meta ul li.edit_post a { margin-right: 10px; }

.my-posts .entry-content {margin: 0; }

/*Front-end submition*/
.cosmo-tabs.submit {float: left; margin: 0; border: none!important; background: none!important; }

.cosmo-tabs.submit ul.tabs-nav { float: left!important; padding: 20px; background: white; height: auto; border: 1px solid #E5E5E5; border-radius: 5px;}
.night .cosmo-tabs.submit ul.tabs-nav { background: #333; border: 1px solid #272727; color: white;}

.w_930 .cosmo-tabs.submit ul.tabs-nav { width: 72.5%; }
.cosmo-tabs.submit ul.tabs-nav li { border: none; box-shadow: none; min-width: 0; height: 32px; width: 32px; padding: 10px 20px 25px 20px!important; margin: 0 20px 0 0; }
.cosmo-tabs.submit ul.tabs-nav li.tabs-selected {  background: none!important; }
.cosmo-tabs.submit ul.tabs-nav li a {height: 32px; width: 32px; padding: 32px 0 0 0; text-align: center; color: #3f4950; text-shadow: none; top: 0; }
.cosmo-tabs.submit ul.tabs-nav li a span {padding: 0; min-width: 0; position: relative; top: 2px; }
.cosmo-tabs.submit ul.tabs-nav li.video a {background: url(../images/video.photo.png) no-repeat 0 0;}
.cosmo-tabs.submit ul.tabs-nav li.image a {background: url(../images/video.photo.png) no-repeat -32px 0;}
.cosmo-tabs.submit ul.tabs-nav li.text a {background: url(../images/video.photo.png) no-repeat -64px 0;}
.cosmo-tabs.submit ul.tabs-nav li.attach a {background: url(../images/video.photo.png) no-repeat -96px 0;}
.cosmo-tabs.submit ul.tabs-nav li.audio a {background: url(../images/video.photo.png) no-repeat -128px 0;}

.cosmo-tabs.submit ul.tabs-nav li.tabs-selected a { color: #888;}
.cosmo-tabs.submit ul.tabs-nav li.video.tabs-selected a { background-position: -160px 0;}
.cosmo-tabs.submit ul.tabs-nav li.image.tabs-selected a { background-position: -192px 0;}
.cosmo-tabs.submit ul.tabs-nav li.text.tabs-selected a { background-position: -224px 0;}
.cosmo-tabs.submit ul.tabs-nav li.attach.tabs-selected a { background-position: -256px 0;}
.cosmo-tabs.submit ul.tabs-nav li.audio.tabs-selected a { background-position: -288px 0;}

.cosmo-tabs.submit .tabs-container {padding: 30px 0 0 0; float: left; width: 100%; background: none; }
.cosmo-tabs.submit .tabs-container h3 { margin-bottom: 30px; font: normal 20px Helvetica, Arial, sans-serif;}

.cosmo-tabs.submit .tabs-container .field { margin-bottom: 50px; position: relative; float: left; width: 100%; display: block; clear: both;}
.cosmo-tabs.submit .tabs-container .field label { overflow: hidden; display: block; font-size: 12px;}

.cosmo-tabs.submit .tabs-container .field h4 { float: left; font-weight: normal; margin: 0 20px 0 0; font: normal 14px/30px Helvetica, Arial, sans-serif; }
.w_930 .cosmo-tabs.submit .tabs-container .field h4 {width: 190px;}

.w_930 .cosmo-tabs.submit .tabs-container .field .front_post_input {width: 76%;}
.full-width .w_930 .cosmo-tabs.submit .tabs-container .field .front_post_input {width: 75%;}
.w_930 .cosmo-tabs.submit .tabs-container .field select.postform {width: 77%;}
.full-width .w_930 .cosmo-tabs.submit .tabs-container .field select.postform {width: 76%;}

.cosmo-tabs.submit .wp-editor-wrap {overflow: hidden; width: 77%; }
.full-width .cosmo-tabs.submit .wp-editor-wrap {overflow: hidden; width: 76%; }

.cosmo-tabs.submit .field p.info{ color: #AAA; font-size: 11px; line-height: 20px; clear: both; position: absolute; bottom: -20px; left: 0;}
.w_930 .cosmo-tabs.submit .field p.info, .w_930 #loading_, .w_930 #success_msg, .w_930 .cosmo-tabs.submit .tabs-container .field label.nsfw { margin: 0 0 0 210px;}

.w_930 .cosmo-tabs.submit .field.button p.button {margin: 0 20px 0 210px; *margin: 0 20px 0 0px;}

.night .wp-editor-container { border: none;}
.night .quicktags-toolbar, .night .wp_themeSkin tr.mceFirst td.mceToolbar { background-image: none; background-color: #272727; border-bottom: 1px solid #333333; } 
.night .wp_themeSkin .mceStatusbar { border-top: 1px solid #333; color: #A1A1A1; background-color: #272727;}
.night .wp_themeSkin *, .night .wp_themeSkin a:hover, .night .wp_themeSkin a:link, .night .wp_themeSkin a:visited, .night .wp_themeSkin a:active { color: white; }
.night a.thickbox.add_media { color: white; }
.night .wp-switch-editor { background-color: #333; border-color: #272727;}
.night .tmce-active .switch-tmce, .night .html-active .switch-html { border-color: #272727; background-color: #272727; color: white;}
.night .quicktags-toolbar input { background-image: none; background-color: #333333; color: white; border: 1px solid #272727;}
.night .quicktags-toolbar input:hover { background-color: #666666; border-color: #272727;}
.night .wp_themeSkin .mceButton, .night .wp_themeSkin .mceListBox .mceText, .night .wp_themeSkin .mceListBox .mceOpen { background-image: none; border-color: #272727; background-color: #333;}
.night .wp_themeSkin .mceButton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.night .wp_themeSkin .mceButtonDisabled { border-color: #272727 !important; }

.night .cosmo-tabs.submit .tabs-container .field p.button input[disabled] { border: none; background: inherit; }

/*Upload button*/
#upload_file_btn { width: auto;}
/* #file_upload, #audio_upload {border: none; background: transparent;} */
#file_upload.invalid, #audio_upload.invalid {border: none!important; }
.w_930 #file_upload, .w_930 #audio_upload  { width:60%; }

/*Registration*/
.register, .login { float: left; width: 610px; margin: 0; }
.register label, .login label{margin:0; width: 140px; float: left; cursor: pointer;}
.register p.button, .login p.button, .login p.pswd { float: left; margin-left: 140px; clear: both; }
.login p.pswd { margin-top: 15px;}
.register span.error{display: block; color: #ff5353; margin: 5px 0 15px 140px;}

.login p.box { border: 1px solid #E1E1E1; border-radius: 5px; background: white; padding: 20px; }
.login-box p.box span { background: url(../images/login.key.png) no-repeat 0 1px; display: block; padding-left: 20px; }
.login label.remeberme {float: none; margin-left: 140px;}
.login label.remeberme input#rememberme { margin-right: 10px; }

.login-box { width: 290px; margin-left: 30px; float: left; }
.w_930 .login-box { width: 290px; margin-left: 30px; float: left; }
.w_690 .login-box { width: 660px; margin-top: 30px;  float: left; clear: both; display: block;}
.login-box p.box { border: 1px solid #E1E1E1; border-radius: 5px; background: white; padding: 20px; }
.night .login-box p.box { background: #333; border: 1px solid #272727; color: white;}

.login #cosmo-loginform input[type="text"], .login #cosmo-loginform input[type="password"], .login #cosmo-loginform textarea { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #E5E5E5; }
.night .login #cosmo-loginform input[type="text"], .night .login #cosmo-loginform input[type="password"], .night .login #cosmo-loginform textarea { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #272727; }

/*Advertisement*/
.cosmo-ads {padding:30px 0; clear: both; text-align: center;}
.cosmo-ads.zone-1 {padding: 0 0 30px 0; margin-bottom: 30px; background: url(../images/delimiter.bg.x.png) repeat-x left bottom;}
.cosmo-ads.zone-2 {margin-top: 30px; background: url(../images/delimiter.bg.x.png) repeat-x left bottom; float: left; width: 100%;}
.cosmo-ads.zone-3 {padding: 0;}

.night .cosmo-ads.zone-1, .night .cosmo-ads.zone-2 { background: url(../images/delimiter.bg.x.night.png) repeat-x left bottom; }

/*To top*/
#toTop { background: white; background: rgba(255, 255, 255, 0.80);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); height: 70px; width: 70px; border-radius: 35px; position: fixed; bottom: 40px; right: 40px; cursor: pointer; display: none; z-index: 999;}
#toTop .inner {display: table; width: 100%; height: 100%; }
#toTop .inner p {display: table-cell; vertical-align: middle; text-align: center; line-height: 70px; }
#toTop .inner p span {color: black; text-transform: lowercase; display: block; line-height: 1.4em; }
#toTop .inner p span:first-child {color: gray; text-transform: uppercase; }

/* Setting box */
.style_switcher { left: -152px; color: black; top: 100px; width: 150px; margin: 0; border: 1px solid #CECECE; position: fixed; z-index: 30; min-height: 98px; background-color: #FFFFFF; }
.show_colors { background: url(../images/settings.png) no-repeat center center; height: 100px; width: 31px; position: absolute; top: -1px; left: 150px; cursor: pointer; z-index: 30; }
p.day_night {width: 130px; height: 22px; cursor: pointer; margin-left: 15px; }
p.day_night span {text-indent: -999em; float: left; height: 22px; width: 47px; cursor: pointer;}
p.day_night span.day {background: url(../images/switcher.png) no-repeat 0 0; }
p.day_night span.night {background: url(../images/switcher.png) no-repeat 0 -22px; }
.style_switcher form { margin-left: 15px; }


/*Scroll bar*/
.jspContainer { overflow: hidden; position: relative; float: left; }
.jspPane { position: absolute; float: left;}
.jspVerticalBar { position: absolute; top: 0; right: 12px; width: 8px; height: 100%; background: transparent; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: transparent; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; 	padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: transparent; position: relative; }
.jspDrag { background: black; filter: alpha(opacity = 50); zoom: 1; background: rgba(0, 0, 0, 0.40); position: relative; top: 0; left: 0; cursor: pointer; border-radius: 6px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left;  height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }

/*AJAX activity indicator*/
#ajax-indicator { left: 50%; position: fixed; top: 50%; z-index: 65365; }

/*Slide panel*/
.slide-panel { box-shadow: 0 1px 20px rgba(0, 0, 0, 0.50); display: none; position: absolute; width: 100%; height: auto; top: 700px; left: 0; z-index: 999;}
.slide-panel .content { display: block; height: auto; padding: 20px; overflow: auto; }

textarea.focused{border: none; resize: none; height: 80px;}


/*login demo*/

#simplemodal-keyboard-overlay { background-color: #000; }
#lightbox-shadow{ background:#000; width:100%; margin:0px; top:0; position:fixed; z-index:9999; height:8000px; display:none; opacity:0.8; -moz-pacity:0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); }
#demo-container {position:fixed; background-color: white; width: 510px; z-index:99991; display:none; top:100px; border-radius: 11px;  -moz-border-radius:11px; -webkit-border-radius:11px; -moz-box-shadow:rgba(153,153,153,1) 0 4px 18px; -webkit-box-shadow:rgba(153,153,153,1) 0 4px 18px; box-shadow:rgba(153,153,153,1) 0 4px 18px; color: #303E48; }
#demo-container p { margin-bottom: 20px; }
#demo-container p.hint{ color: gray; width: 385px; font: normal 11px/11px Arial, Helvetica, sans-serif; margin: 22px 0 30px 120px; }
#demo-container form{ z-index:99991; background-color: white; width: 400px; top:150px; padding: 30px; }
#demo-container h2 { padding: 30px 0 0 30px; margin-bottom: 0px; }

#demo-container p.login-username label, #demo-container p.login-password label { line-height: 18px; display: inline; }
#demo-container p.login-remember, #demo-container p.login-submit { margin-left: 90px; }

#demo-container input[type="text"], #demo-container input[type="password"], #demo-container textarea { margin-left: 30px; }
#demo-container input[type="password"] { margin-left: 33px; }
#demo-container input[type="password"] { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }


p.info .warning {color: #cf5a5a !important;}

#mini-form { position:relative !important }
.upload-button { cursor: pointer }

.night #demo-container { -moz-box-shadow:rgba(1,1,1,1) 0 4px 18px; -webkit-box-shadow:rgba(1,1,1,1) 0 4px 18px; box-shadow:rgba(1,1,1,1) 0 4px 18px; }
.night #demo-container, .night #demo-container form { background-color: #383838; color: white; }
.night #demo-container h2 { color: white; }
.night #demo-container p.hint{ color: #a1a1a1; }

/* Tour tooltips */
.demo-tooltip { padding: 15px 15px 0 15px; background: white; border: 1px solid #dbdbdb; min-height: 140px; width: 260px; position: absolute; left:0; top: 0; z-index: 99; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.demo-tooltip .arrow { position: absolute; top: 50px; width: 32px; height: 66px; }
.demo-tooltip .arrow.left { left:-32px; background: url(../images/demo-tooltip.arrow.png) no-repeat 0 0;}
.demo-tooltip .arrow.right { right:-32px; background: url(../images/demo-tooltip.arrow.png) no-repeat -32px 0;}
.demo-tooltip .arrow.top { width: 66px; height: 32px; top: -32px; left:113px; background: url(../images/demo-tooltip.arrow.png) no-repeat -64px 0;}
.demo-tooltip .demo-steps { float: left; width: 100%; clear: both; margin-bottom: 10px; font-weight: bold; font-size: 14px; }
.demo-tooltip .demo-steps strong { width: 224px;}
.demo-tooltip .demo-content { float: left; *float: none; width: 100%; clear: both; *clear: none; display: block; position: relative; min-height: 55px; }
.demo-tooltip .demo-buttons {position: relative; float: left; background: #f8f8f8 url(../images/demo-tooltip.bg.png) repeat-x left top; height: auto; width: 258px; padding: 15px; margin: 12px 0 0 -14px; *float: none; *display: inline-block; }
.demo-tooltip .demo-content p.close{ padding: 5px 0 0 0; font-size: 11px; clear: both; width: 100%; text-align: right; }

.night .demo-tooltip .demo-steps strong, .night .demo-tooltip .demo-steps span { color: #333333; }
.night .demo-tooltip .demo-content { color: #272727; }


/* Buttons small */
.demo-buttons p.button-small{ margin: 0 10px 0 0; padding: 0; height:24px; width: auto; position: relative; cursor: pointer; background: url(../images/button.bg.small.png) no-repeat left 0;}
.demo-buttons p.button-small a{ float: left; line-height:26px; margin: 0 -10px 0 0; padding: 0 15px; height:100%; border: none; cursor: pointer; background: url(../images/button.bg.small.png) no-repeat right -24px; width: auto; color: white; text-shadow: 0 -1px 0 #32719d;}

.demo-buttons p.button-small:hover {background-position: left -48px;}
.demo-buttons p.button-small a:hover { background-position: right -72px;}

.demo-buttons p.button-small.gray {background-position: left -96px;}
.demo-buttons p.button-small.gray a { background-position: right -120px; color: #3f4950; text-shadow: 0 1px 0 white; }

.demo-buttons p.button-small.gray:hover {background-position: left -144px;}
.demo-buttons p.button-small.gray a:hover { background-position: right -168px; color: #3f4950; text-shadow: 0 1px 0 white; }

.login-error { color: #cf5a5a; border: none; margin-left: 140px; }
.login-error a { color: #cf5a5a !important; font-weight: bold; text-decoration:underline }
.login-success { color: #94cf5a; margin-left: 140px; }
.login label.remember { float: none; margin-left: 140px; }
.login label.remember input#rememberme { margin-right: 10px; }

.not_logged_msg { color: black; font: normal 12px/12px Arial, Helvetica, sans-serif; text-align: center; border: 1px solid red; padding: 5px; background-color: #FFEBE8; border-radius: 4px; } 
span.error-mail {color:red;}
span.success-mail{color:green;}

div.facebook { padding: 5px 20px; display: inline-block; }

/* Get More */
div.author-get-more > div { width: 101px; margin: 0 auto }
div.author-get-more p { margin-top: 15px; }
div.author-get-more a { padding: 0 25px !important; }

/*Categories with icons widget*/
.widget .cat-item-icon a {float: left; width: 100%;}
.widget .cat-item-icon img{width: 16px; height: 16px; vertical-align: middle;}
.widget .cat-item-icon span{ padding-left: 10px; font-size: 12px;}

/* FB comment form */
.night .fbFeedbackContent .composer { background-color: #333 !important; border: solid #272727 !important; }
.night .fbConnectWidgetFooter .fbFooterBorder{border-top: 1px solid #272727 !important; }

/* Login form widget in secondary */
.widget #cosmo-loginform input[type="text"], .widget #cosmo-loginform input[type="password"], .widget #cosmo-loginform textarea { width: 96%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
.widget p.error-mssg-login { clear: both; margin-top: 10px; float: left;}
.widget #cosmo-loginform .login-error { color: #cf5a5a; border: none; margin-left: 0px; }
.widget #cosmo-loginform .login-success { color: #94cf5a; margin-left: 0px; }
.widget #cosmo-loginform p.login-username label, .widget #cosmo-loginform p.login-password label { margin-bottom: 5px; }
.widget #cosmo-loginform div.facebook { padding: 0px 20px; }
.widget #cosmo-loginform p.pswd { clear: both; }

/* Choose format */
.cfl { width: 190px; float: left; margin-right: 20px; font-size: 14px; }
.miniform_to_hide { display:none }