/*

Theme Name: Sanoma - Carrington Mobile
Theme URI: http://carringtontheme.com
Description: A mobile-friendly theme for your blog. Best used with (and included with) the WordPress Mobile Edition plugin. Supports basic mobile browsers as well as advanced and touch-screen browsers with a display optimized for each. Built on the Carrington framework.
Version: 1.2
Author: Crowd Favorite @ modified by Katalin Anna Krupa
Author URI: http://crowdfavorite.com
Tags: silver, white, one-column, flexible-width

// This file is part of the Carrington Mobile Theme for WordPress
// http://carringtontheme.com
//
// Copyright (c) 2008-2009 Crowd Favorite, Ltd. All rights reserved.
// http://crowdfavorite.com
//
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************

*/

body {
	font-family: Verdana, sans-serif;
}
h1, h2, h3, p {
	margin: 0 0 5px 0;
	padding: 0;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 5px;
	margin-left:10px;
	padding: 0;
}
hr {
	color: #999;
	height: 1px;
}
div.clear, br.clear {
    float: none;
    clear: both;
    font-size: 1px;
    line-height: 1px;
}
/* including for compatibility */

.alignleft, .alignright,
.aligncenter {
    clear: both;
    display: block;
    margin: 10px auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 5px;
	margin: 10px 0;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    max-width: 290px;
}
div.post-content .wp-caption img {
	margin: 0 0 0 5px;
	border: none;
    max-width: 280px;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-caption.aligncenter {
    margin: 10px auto;
}

/* sanoma global */
div.post-content img {
    max-width: 293px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a.comment-bubble, ul.table.disclosure li.excerpt a.comment-bubble {
    background: transparent url(img/mobile-sprite.png) no-repeat 0 -123px; /* comment.png */
    display: inline-block;
    padding-left: 18px;
    text-decoration: none;
    color: #50b9d6;
}
div.tabbed a, #comments form a, p.tags a, p.pagination a, li.pagination a {
    color: #007190;
}
div.tabbed ul.tabs li a {
    color: #444444 !important;
}
/* sanoma global */


/* sanoma footer - begin */
#footer p.small {
    line-height: 1em;
}
#footer p.links {
    font-size: 11px;
    margin-bottom: 0;
}
#footer p.links a.right {
    float: right;
}
/* sanoma footer - end */


/* content - begin */
div#content {
    font-size: 14px;
    padding-top: 10px;
}
div#content h1.post-title {
    margin-bottom: 0;
    line-height: 1.2em;
}
div#content .metaline {
    font-size: 12px;
}
div#content .metaline a {
    color: #50b9d6;
    text-decoration: none;
}
div#content .metaline span {
    padding: 0 5px;
}
div#content p.tags {
    border-top: 1px solid #dddddd;
    padding-top: 5px;
}
div.post-content {
    word-wrap: break-word;
}
div.post-content * {
    color: #444444 !important;
}
div.post-content .cbGallerySlider .cbg-prev,
div.post-content .cbGallerySlider .cbg-next {
    color: #dddddd !important;
}
div.post-content .cbGallerySlider .cbg-long-cap,
div.post-content .cbGallerySlider .cbg-caption {
    color: #ffffff !important;
}


div.post-content a, div.post-content a * {
    color: #0000ff !important;
    text-decoration: underline;
    font-weight: normal;
}
div.post-content a:visited {
    color: #3d0080;
}

div.post-content iframe {
    max-width: 293px;
}
div.post-content blockquote {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}
div.post-content ul {
    margin-left: 20px;
}
div.post-content ol {
    margin-left: 25px;
}
div.post-content ul img {
    margin-left: -20px;
}
div.post-content ol img {
    margin-left: -25px;
}
div.post-content ul ul, div.post-content ul ol, div.post-content ol ol, div.post-content ol ul {
    padding: 0;
    margin-left: 40px;
    margin-right: 0;
}
div.post-content ul ul img, div.post-content ul ol img {
    margin-left: -40px;
}
div.post-content ol ol img, div.post-content ol ul img {
    margin-left: -45px;
}

/*div#content div.cc_ads_in_post,*/
div.post-content div.google-afc { display: none !important; }
/* content - end */


/* comments - logged out - begin */
#comments h4 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
#comments h4 + p {
    line-height: 1em;
}
#comments h4 + p b {
    font-weight: normal;
}
#comments #loginform script + p, #comments #loginform script + p + p {
    display: inline-block;
    margin: 0;
    padding: 0 0 5px 0;
}
#comments #loginform script + p {
    padding-right: 10px;
}
#comments #loginform script + p input, #comments #loginform script + p + p input {
    margin: 0; padding: 0;
    border: 1px solid #aaa;
    width: 125px;
    height: 18px;
}
#comments p.forgetmenot {
    margin: 0; padding: 0;
}
#comments p.forgetmenot input {
    margin: 0;
}
#comments p.submit {
    margin: 0; padding: 0;
    line-height: 0.1em;
}
#comments p.submit input {
    margin: 0;
}
#comments .comment-reply-login {
    display: none;
}
/* comments - logged out - end */


/* comments - logged in - begin */
#comments textarea {
    margin: 0; padding: 4px;
    width: 258px;
    height: 100px;
    border: 1px solid #aaa;
}
#comments h4 + div + script + p b {
    font-weight: normal;
}
#comments .comments_list {
    padding-top: 5px;
}
#comments .comments_list ol, #comments .comments_list ol ul {
    margin: 0; padding: 0;
    list-style: none;
}
#comments .comments_list ul.children {
    padding-left: 15px;
}

.comments_list .comment-body {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px dashed #aaa;
}
.comments_list .comment-author img {
    border: 1px solid #aaa;
    padding: 1px;
    margin-right: 2px;
}
.comments_list .comment-author cite, .comments_list .comment-author span {
    position: relative;
    top: -22px;
}
.comments_list .comment-meta {
    position: absolute;
    left: 41px;
    top: 17px;
}
.comments_list p {
    padding: 2px 0 2px 3px;
    margin: 3px 0 3px 1px;
    border-left: 2px solid #ff9a03;
    font-size: 14px;
}
.comments_list div.reply {
    margin-top: 1px;
}
.comment-meta.commentmetadata {
    width: 100%;
}
a.comment-edit-link {
    position: absolute;
    top: -17px;
    right: 40px;
}
a.comment-history {
    display: block;
}
/* comments - logged in - end */


/* facebook, google login buttons */
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

.newsociallogins a {
    text-decoration: none;
}
.newsociallogins div.clearif {
    display: inline-block;
    width: 20px;
}
.newsociallogins a + .clearif + a + .clearif {
    display: none;
}
.new-fb-btn, .new-google-btn {
    margin: 5px auto;
    display: inline-block;
}

.new-fb-btn, .new-fb-btn div,
.new-google-btn, .new-google-btn div {
    font-size:14px;
    font-weight:600;
    font-family:'Open Sans',sans-serif;
    color:#fff;
    text-shadow:0 0 1px RGBA(0,0,0,1);
    white-space:nowrap;
    vertical-align:middle;
}

.new-fb-3, .new-fb-3 div,
.new-google-3, .new-google-3 div {
    height: 37px;
    line-height: 37px;
}
.new-fb-3, .new-fb-3 div {
    background: url('img/facebook-btn.png') no-repeat 0 0;
}
.new-google-3, .new-google-3 div {
    background: url('img/google-btn.png') no-repeat 0 0;
}

div.new-fb-3, div.new-google-3 {
    padding: 0 0 0 35px;
    background-position: 0 -300px;
}

div.new-fb-3-1, div.new-google-3-1 {
    padding: 0 18px 0 0;
    background-position: right -400px;
}

div.new-fb-3-1-1, div.new-google-3-1-1 {
    background-repeat: repeat-x;
    background-position: 0 -350px;
    padding: 0 0 0 8px;
    font-size: 12px;
}
h3.socialOR {
    margin-top: 0;
    border-bottom: 3px solid #ffd303;
    padding-bottom: 5px;
    text-align: center;
    text-transform: lowercase;
}
.newsociallogins + p {
    text-align: center;
    font-family: Arial, sans-serif;
}
.newsociallogins + p a {
    color: #0aaae6;
    text-decoration: underline;
    font-family: Arial, sans-serif;
}
.newsociallogins + p a:hover {
    text-decoration: none;
}
/* facebook, google login buttons */


/* registration page - begin */
.custom-reg {
    font-size: 14px;
}
.custom-reg .newsociallogins div.clearif {
    display: inline-block;
    width: 8px;
    font-size: 2px;
    line-height: 0;
}
.custom-reg #custom-reg-form input {
    float: none;
}
.custom-reg input#display_name, .custom-reg input#user_email, .custom-reg input#user_email_re, .custom-reg input#blog_title {
    width: 270px;
}
.custom-reg .blog-domain-string {
    float: none;
    position: relative;
    top: 4px;
}
.custom-reg #custom-reg-form .submit-button {
    width: 270px;
    margin: 10px 10px;
}
.custom-reg h4 {
    display: block;
    clear: both;
    float: none;
    margin: 10px 0 5px 0;
    padding: 0;
}
.custom-reg h4 strong {
    color: #fb5a9d;
    font-size: 18px;
}
.custom-reg form div + h3 + br {
    display: none;
}
.custom-reg img.recaptcha {
    border: 1px solid #aaa;
    margin-left: 5px;
    vertical-align: middle;
}

.rightside ul.custom-reg-steps {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

/* registration page - end */


/* home page - excerpt - begin */
ul.table.disclosure li.excerpt {
    padding: 7px;
    color: #444444;
}
li.excerpt h2 {
    line-height: 1em;
    margin-bottom: 0;
}
ul.table.disclosure li.excerpt h2 a {
    font-size: 18px;
    color: #0090b7;
    display: block;
}
li.excerpt p.excerpt-meta {
    font-size: 12px;
}
ul.table.disclosure li.excerpt p.excerpt-meta a {
    color: #50b9d6;
}
ul.table.disclosure li.excerpt a {
    display: inline;
    padding: 0 3px 0 0;
    background: none;
}
li.excerpt span.excerpt-date {
    padding: 0 3px 0 0;
}
li.excerpt div.excerpt-text a.thumbnail {
    margin: 0; padding: 0;
}
li.excerpt div.excerpt-text img {
    float: left;
    margin: 4px 10px 10px 0;
}
li.excerpt div.excerpt-text p {
    margin: 0;
    padding-top: 0;
}
li.excerpt div.clear {
    clear: both;
    line-height: 0.1em;
}
ul.table.disclosure li.excerpt div.excerpt-text p a {
    display: block;
    color: #50b9d6;
    margin-top: 5px;
}
/* home page - excerpt - end */


/* social buttons bottom - begin */
div.social.group {
    font-size: 1px;
    background-color: #ffbc58;
    border: 2px solid #ffffff;
    overflow: visible;
    height: 20px;
}
div.social > div {
    display: inline-block;
    width: 37%;
}
div.social > div + div {
    width: 30%;
}
div.social > div + div + div {
    width: 31%;
}
.post-content .social.group {
    margin: -4px 0 15px -7px;
    padding: 3px 7px;
    height: 20px;
    width: 100%;
    background-color: #f3f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
/* social buttons bottom - end */

.mobileContentZone.group { padding-top: 10px; }
.mobileContentZone.group div#content1 { margin-bottom: 3px; }

body div.related-posts { border-top: 1px solid #dddddd; margin-bottom: 5px; }
body div.related-posts > div > a img { width: 50px; min-width: 50px; height: 50px; min-height: 50px; display: inline; margin: 0; }
body div.related-posts > div > a { border: none; display: block; height: auto; width: auto; text-align: left; padding: 3px 0; }
body div.related-posts > div > a span { width: 260px; }


/* over18 overlay */
#over18frame { position: fixed; top: 0; left: 0; display: none; background-color: #ffffff; width: 100%; height: 100%; z-index: 99999999999999999999999999; }
.over18 { width: 100%; height: 100%; }
.over18 td { font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 21px; text-align: center; }
.over18 #logo18 { background: url('/wp-content/plugins/cafeblog-themes-common/resources/img/over18.jpg') center center no-repeat; width: 100%; }
.over18 .text { vertical-align: top; line-height: 1.5em; height: 80px; }
.over18 .buttons { vertical-align: top; font-size: 24px; }
.over18 .buttons a { background: #5CCDF8; padding: 7px 24px; border-radius: 10px; color: #ffffff; text-decoration: none; }
.over18 .buttons span { padding: 0 20px; }

.over18.wide td#logo18 { width: 200px; background-position: center right; }
.over18.wide .text { vertical-align: bottom; padding-bottom: 30px; height: auto; }

@media screen and (max-width: 560px) {
    .over18.wide td#logo18 { width: 180px; background-size: 150px 150px; }
}
@media screen and (max-width: 500px) {
    .over18.wide td#logo18 { width: 170px; background-size: 110px 110px; }
}