div.social {
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #ebdde7;
    border-top: 1px solid #ebdde7;
    vertical-align: middle;
    margin: 1em 0;
    background-color: #ffffff;
}
div.social > div.sframe {
    display: block;
    background-color: #fff;
    height: 33px;
    padding: 0 3px 0 7px;
}
div.social div.sframe div.fb-like,
div.social > div.sframe a.fb-share,
div.social div.sframe div.sresp > div {
    float: left;
    padding: 0 6px 0 0;
    text-decoration: none;
}
div.social > div.sframe > div.sresp {
    float: left;
    height: 36px;
    padding: 0;
}
div.social > div.sframe > span {
    float: right;
    font-size: 11px;
    color: #555 !important;
}
div.social div.fb-like {
    top: 9px;
}
div.social a.fb-share {
    float: left;
    position: relative;
    top: 7px;
}
div.social a.fb-share > span {
    background: #596ea6 url('resources/img/social_icons.gif') no-repeat 3px 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #3b5998;
    cursor: pointer;
    padding: 3px 5px 0 22px;
    white-space: nowrap;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    height: 15px;
    line-height: 1em;
    float: left;
}
div.social a.fb-share:hover > span {
    border: 1px solid #999;
}
div.social div.shareCount {
    float: left;
    display: inline-block;
    border: 1px solid #c1c1c1;
    height: 14px;
    min-width: 11px;
    text-align: center;
    padding: 2px 3px 0 4px;
    margin: 1px 0 0 6px;
    line-height: 1em;
    font-size: 11px;
    font-weight: normal;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    color: #333;
    background: #fff;
}
div.social div.shareNub {
    float: left;
    left: 2px;
    position: relative;
    top: 5px;
    height: 1px;
    width: 1px;
    z-index: 2;
}
div.social div.shareNub s, div.social div.shareNub i {
    border-color: transparent #D7D7D7 transparent;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
}
div.social div.shareNub i {
    border-right-color: #fff;
    left: 2px;
    top: -7px;
}

div.social iframe.twitter-share-button {
    max-width: 90px;
    float: left;
    margin: 4px 7px 0 0;
}
div.social div#___plusone_0, div.social div.sresp > div {
    position: relative;
    top: 7px;
    width: 70px !important;
    float: left !important;
}
div.social #pinItButton {
    position: relative;
    float: left;
}

div.social .shareButton {
    position: relative;
    float: right;
    z-index: 499;
    top: 4px;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
div.social .shareButton.email {
    margin-right: 5px;
}
div.social .shareButton > span {
    background-color: #f8f8f8;
    background-image: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    color: #333333;
    white-space: nowrap;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    padding: 0 3px 0 21px;
    line-height: 2em;
    font-weight: bold;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
div.social .shareButton:hover span {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#dedede));
    background-image: -moz-linear-gradient(top,#f5f5f5,#dedede);
    background-image: -o-linear-gradient(top,#f5f5f5,#dedede);
    background-image: -ms-linear-gradient(top,#f5f5f5,#dedede);
    background-image: linear-gradient(top,#f5f5f5,#dedede);
    border: 1px solid #bbb;
}
div.social .shareButton.comment span {
    float: left;
}
div.social .shareButton span i {
    background: transparent url('resources/img/social_icons.gif') no-repeat -1px -21px;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 1px;
    line-height: 1em;
    position: absolute;
    left: 4px;
    top: 5px;
}
div.social .shareButton.email span i { left: 7px; }
div.social .shareButton.email i {
    background: transparent url('resources/img/social_icons.gif') no-repeat -1px -42px;
}

div.social .shareButton.comment div.shareCount {
    float: left;
    height: 18px;
    line-height: 1.4em;
}
div.social .shareButton.comment div.shareNub s { top: 3px; }
div.social .shareButton.comment div.shareNub i { top: -5px; }


div.social .shareByEmailBox {
    width: 684px;
    height: 400px;
    position: absolute;
    z-index: 999999;
    display: none;
}
div.social .shareByEmailBox div.background {
    position: absolute;
    z-index: 999;
    background-color: #1f0b13;
    opacity: 0.6;
    width: 684px;
    height: 400px;
    top: 0; left: 0;
}
div.social .shareByEmailBox div.head {
    background-color: #e2e2e2;
    width: 654px;
    height: 90px;
    margin: 15px 0 0 15px;
    position: relative;
    z-index: 99999;
}
.shareByEmailBox .head h3 {
    background: transparent url('resources/img/sharebyemail.png') no-repeat 40px 25px;
    padding: 32px 0 10px 105px;
    margin: 0;
    color: #333333;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.2em;
}
.shareByEmailBox .head a {
    text-decoration: none;
    position: absolute;
    top: 7px;
    right: 10px;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 21px;
    color: #666666;
}
.shareByEmailBox .head a:hover {
    color: #356da9;
}

div.social .shareByEmailBox div.shareByEmail {
    font-family: arial, sans-serif;
    width: 604px;
    height: 240px;
    padding: 20px 25px;
    position: relative;
    z-index: 99999;
    margin-left: 15px;
    background-color: #ffffff;
}
.shareByEmail label {
    font-size: 14px;
    font-weight: bold;
    display: block;
    border-width: 1px;
    border-color: #787878 #cccccc #cccccc #787878;
    border-style: solid;
    margin: 0 0 7px 0;
    padding: 7px 0 7px 10px;
    width: 590px; /*604*/
    height: 16px; /*30*/
    position: relative;
    color: #356da9;
}
.shareByEmail label input {
    border: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 525px;
    height: 30px;
    padding: 0 0 0 75px;
    background: transparent;
}
.shareByEmail label + label input {
    padding-left: 70px;
    width: 530px;
}
.shareByEmail label + label + label {
    height: 56px;
    vertical-align: top;
    color: #aaaaaa;
    font-weight: normal;
}
.shareByEmail textarea {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0 0 65px;
    margin: 0;
    background: transparent;
    width: 535px;
    height: 63px;
    border: none;
    resize: none;
}
.shareByEmail input[type="submit"] {
    width: 100px;
    height: 40px;
    font-weight: bold;
    color: #333;
    font-size: 16px;
}
.shareByEmail span.success, .shareByEmail span.error {
    font-size: 13px;
    font-weight: bold;
    display: none;
}
.shareByEmail span.success {
    color: #008800;
    margin-bottom: 10px;
}
.shareByEmail span.error {
    color: #cd0000;
    margin-top: 10px;
}
.shareByEmail span.success.visible, .shareByEmail span.error.visible {
    display: inline-block;
}


/** bigger social buttons - begin */
div.social, div.social > div.sframe { height: 36px; }
div.social iframe.twitter-share-button { max-width: 115px; top: 4px; }
div.social #pinItButton { top: 4px; }
div.social .shareButton > span { font-size: 13px; height: 26px; padding: 0 4px 0 22px; }
div.social .shareButton.email i { background-position: -1px -40px; }
div.social a.fb-share { top: 4px; }
div.social a.fb-share > span { background-position: 3px 5px; padding: 6px 5px 0 22px; font-size: 13px; height: 19px; }
div.social div.shareCount { height: 18px; padding-top: 6px; font-size: 12px; }
div.social div.shareNub { top: 9px; }
div.social div#___plusone_0 { top: 6px; width: 78px !important; }
/** bigger social buttons - end */





div.social div.google{ float:left;}
div.social a.fb,
div.social a.tw,
div.social a.ww {
    font-size: 11px;
    color:#555 !important;
    text-decoration: none;
    padding-left: 22px;
    line-height: 16px;
    margin: 10px 20px 0 0;
    background: transparent url(./resources/img/social_sprite.png) no-repeat 0 0 !important;
    float: left;
}
div.social a.tw{ background-position: 0 -16px !important;}
div.social a.ww{ background-position: 0 -48px !important; padding-left: 34px;}

/* BEGIN - BRANDING */
.login.custom-background{background: #fdd;}
.login h1 a{ background-image: url('./resources/img/wordpress-logo.png') !important;}
/* END - BRANDING*/

/* AUTHOR PAGE */
.reset div, .reset span, .reset applet, .reset object, .reset iframe,
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset p, .reset blockquote, .reset pre,
.reset a, .reset abbr, .reset acronym, .reset address, .reset big, .reset cite, .reset code,
.reset del, .reset dfn, .reset em, .reset font, .reset img, .reset ins, .reset kbd, .reset q, .reset s, .reset samp,
.reset small, .reset strike, .reset strong, .reset sub, .reset sup, .reset tt, .reset var,
.reset b, .reset u, .reset i, .reset center,
.reset dl, .reset dt, .reset dd, .reset ol, .reset ul, .reset li,
.reset fieldset, .reset form, .reset label, .reset legend,
.reset table, .reset caption, .reset tbody, .reset tfoot, .reset thead, .reset tr, .reset th, .reset td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
    color: #525252;
    line-height: 17px;
	font-weight: normal;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
#author_page h4{ font: bold 16px/21px Arial;}
#author_page p{ padding: 10px 0;}
#author_page .field-label, #author_page .field-value{ float: left;}
#author_page .field-label{ width: 25%; font-weight:bold; clear:left; padding-bottom:10px;}
#author_page .field-value{ width: 70%;  padding-bottom:10px;}
#author_page .author-message{ width: 90%; margin: 0 auto; display:block; height: 150px;}
#author_page .send-button{ border: 1px solid #525252; border-radius: 10px; display: block; margin: 10px auto;}
#author_page .centered{ text-align:center; width: 100%; }
#author_page .inp_text { width:100%; border: 1px solid #525252;}
#author_page .captcha_text { width:120px; border: 1px solid #525252; margin-left:15px; }

/* AUTHOR PAGE */

.sanoma_send_message { border: 1px solid #525252; border-width: 0 0 1px 0; padding: 0 2%; width: 96%; margin: 15px 0; clear:both; }
.sanoma_send_message h3{ display: block; margin: 10px 0 0 0; }
.sanoma_send_message h3 a{ font: bold 18px/21px Arial,sans-serif; }


/*18+ layer*/
#over18{ display: table; float: left; width: 100%; height: 100%; vertical-align:middle;}
#logo18{ display: table-cell; background: url('./resources/img/over18.jpg') left center no-repeat; width: 200px;}
#over18 .text-and-buttons{ vertical-align: middle; height:100%; text-align: center;  font: bold 21px/24px Arial; display: table-cell;}
#over18 .text-and-buttons a{ background: #5CCDF8; padding: 5px; border-radius: 10px; font: bold 16px/21px Arial; color:#fff !important;}

.comment-loginform{width: 66%; border: 1px solid #ccc; padding: 1%; margin: 15px auto;}
.comment-loginform p{ text-align: center; }
.comment-loginform .button{ border: 1px solid #999; background: #eee; border-radius: 15px; }
.comment-loginform .input{ width: 66%; background: #fff; border: 1px solid #ccc; padding:3px; font-size: 14px;}

#comments .commentlist li{ width: auto !important; }
#comments .commentlist .avatar { padding: 0 10px 0 0; }
.textwidget{ padding: 10px; }


/** - start - floating offered posts box | since 2013.05.06. */
.cc_history {
    position: fixed;
    bottom: 0;
    right: -385px;
    width: 360px;
    z-index: 1000;
    padding: 10px 10px 0 10px;
    margin: 0;
    box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    background-color: #ffffff;
}
.cc_history h4 {
    margin: 0;
    padding: 0 0 10px 0;
}
.cc_history a.btn_close {
    position: absolute;
    right: 15px;
    top: 10px;
    text-decoration: none;
    font-weight: bold;
    font-family: monospace, "bitstream vera sans", courier;
}
.cc_history div.cc_social {
    border-top: 4px solid #6c89c7;
    background-color: #f4f7fc;
}

.cc_history .cc_social div.title {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3a5998;
    background-color: #e2eaf7;
    padding: 5px 10px 6px 10px;
    text-align: center;
}
.cc_history .cc_social ul.buttons {
    padding: 5px 10px 0 10px;
    margin: 0;
    list-style: none;
}
.cc_history ul.buttons li {
    list-style: none;
    height: auto;
    padding: 3px 0 5px 0;
}
.cc_history .cc_social .buttons a {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 14px;
    vertical-align: top;
    font-weight: bold;
    color: #3a5998;
    display: inline;
    background: transparent;
    text-decoration: underline;
}
.cc_history .cc_social .buttons a:hover {
    text-decoration: none;
}
.cc_history .cc_social .buttons img {
    padding: 0;
    margin: 0;
    box-shadow: none;
    vertical-align: top;
}
.cc_history .cc_social .buttons li + li a {
    text-decoration: none;
}
.cc_history iframe {
    margin: 0;
}
/** - end - floating offered posts box */

/** captcha */
img.recaptcha {
    border: 1px solid #ccc;
}

span.fb_likes_count {
    background: transparent url('resources/img/facebook_small_icon.gif') no-repeat top left;
    display: inline-block;
    padding: 1px 0 0 20px;
    font-size: 15px;
    line-height: 1em;
    color: #666;
    height: 15px;
    margin-left: 5px;
    font-family: Arial, sans-serif;
}
div.post-meta span.fb_likes_count {
    padding-top: 3px;
    padding-right: 5px;
    background-position: 0 2px;
}

.searchByBlog > h1.sTitle {
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #ccc;
    width: 98%;
}
.searchByBlog span.sDate {
    background-color: #eee;
    padding: 0 5px;
    margin-right: 5px;
}

img#cb_printbutton {
    position: relative;
    top: 1px;
    right: 5px;
    float: right;
    cursor: pointer;
}

@media print {
    nav.cc_history { display: none; }
}

/** blog like box */
div#blogLikeBox {
    text-align: left;
    border: 1px solid #dddee0;
    width: 273px;
    padding: 15px 10px 10px 15px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: inset 1px -2px 7px 0 #d2d2d2;
}
.widget_fbLikeBox div.fb-page + div#blogLikeBox {
    margin-top: 15px;
}
#blogLikeBox h4 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    color: #3B5998;
    text-decoration: none;
}
div#blogLikeBox:after {
    content: '';
    display: block;
    clear: both;
}

/** cb vip ad box */
body aside.widget_cbvip_hirdbox > div {
    max-width: 300px;
    max-height: 250px;
    overflow: hidden;
}

div#wpadminbar li#wp-admin-bar-cb-superadmin-blogid .ab-item span {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0 5px;
    position: relative;
    line-height: 16px;
    border: 1px dotted #777777;
    background-color: #555555;
    color: #ffffff;
}
div#wpadminbar li#wp-admin-bar-cb-superadmin > .ab-item:before {
    font-family: dashicons;
    content: '\f111';
    top: 2px;
    color: orange;
}
