/*
Theme Name: Boing Boing 2012
Author: Boing Boing
Author URI: http://boingboing.net/
Description:For Boing Boing
Version: 1
License: CC 3.0 Unported
-------------------------------------------------------------- */

/* Fonts */
@import 'css/fonts.css';

/* Homepage Posts and Features */
@import 'css/homepage.css';

/* Base styles */
html, body {height: 100%;}

body {
    background-color: #fff;
    font-family: 'Proxima Nova', serif;
    font-size:15px;
    line-height:22px;
    margin: 0;
    padding: 0;
}
input, textarea {
    font-family: 'Proxima Nova', serif;
}
.post, .post-teaser {
    display: block;
    clear: both;
}
.post-teaser {
    margin-bottom: 2em;
}
body.paged .post {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
p, h1 {
    margin: .75em 0 .75em 0;
}
body.home p, body.home h1 {
    margin-top: .25em;
}
body.home h1.loop-head {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 25px;
    font-weight: bold;
    margin:0px .25em 5px 0px;
    width:100%;
    display:inline-block;
}
img {
    border: none;
}
.post-content {
    overflow: auto; /* required to prevent floated images in posts mangling layout */
}
body:not(.home) .post-content {
    font-size: 17px;
    line-height: 24px;
    margin-top:.75em;
}
body:not(.home) .post-content p:first-child {
    margin-top:0; /* Allowing post-content top to manage spacing */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.25;
    margin:0px;
}
h1, h2 {
    /* h1 is made larger later for desktop browsers */
    font-size:15px;
    font-weight:bold;
}
ul.nav {
    font-size: 18px;
}
ul.nav li {
    margin-top: 1em;
    letter-spacing: 1px;
    color: #333;
}
a {
    color: #0808b0;
    text-decoration: none;
}
h1 a, h2 a {
    color: #000;
}
ul.nav li a {
    color: #333;
}
#navigation {
    text-align: center;
    line-height: 1.2;
    display:none;
}
p.byline {
    color: #999;
    margin: .375em 0 .375em 0;
}
p.byline a {
    color: #777;
}
.post-actions {
    text-align:right; 
    float: right;
    text-transform:uppercase;
    margin: 0;
    font-size: 13px;
}
body:not(.home) .post-actions {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#comments-container {
    display: none;
}
p.permalink {
    line-height: 1.5em;
}
.post .endcap {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    clear:both;
}
body.home .post .endcap {
    border-bottom: none;
}

body.home.paged .post .endcap, body.home.paged .post blockquote {
    clear: left;
}

#container {
    max-width: 100%;
    background-color: white;
    min-height: 100%;
}
#container:after {
    padding-bottom: 58px;
}
#mainbar {
    /*padding-bottom: 80px;*/
}
#mobile-logo {
    text-align:center;
}
ul li {
    display: list-item;
}
ul {
    list-style-type: disc;
}
ul.nav {
    text-align: center;
    margin: 0 20px 10px 0;
}
ul.nav li {
    font-size: 11px;
    margin: 0 .25em;
}
.singleOnly {
    display: none;
}
.hideOnMobile {
    display: none;
}
#ad, ul.authors, ul.channels {
    display: none;
}
blockquote {
    background-repeat: no-repeat;
    border: 1px solid #999;
    margin: 1em 2em 2em 1em;
    padding: 20px;
    color: #111;
    box-shadow: 5px 5px 11px #ddd;
    overflow: auto;
    clear:both;
}
#masthead {
    display:none;
}
/* Ads */
 #ad, #ad iframe {
    max-width: 100%;
    height: 90px;
    margin-bottom: 20px;
}
.adblock, #wrap300 {
    width: 300px;
    background-color: #fff;
    float: right;
    display: none;
    padding-left: 20px;
}
.adblock {
    background: #fff;
    padding: 0 0 20px 20px;
}
#adblock {
    max-width: 100%;
    min-height: 600px;
}
body.home .ad_300_unit {
    float: right;
}
#ad_300_interruptor {
    margin-bottom: 45px;
    height: 300px;
    overflow: hidden;
}
#ad_300_interruptor .alpha {
    float:left;
}
#ad_300_interruptor .beta {
    float:right;
}
#sidebar {
    width:300px;
    display:none;
    float: right;
    margin-left: 10px;
    margin-bottom: 100px;
}
.sidebar_item {
    margin-bottom:30px;
}
.sidebarThumb {
    width:100px;
    height:56px;
    border:1px solid black;
    float:left;
    margin:0px 1em 5px 0px;
}
#sidebar_adblock .ad_300_unit {
    float: none !important;
}
#adskin {
    position: fixed;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
#ad_skyscraper {
    position: relative;
    margin: 0px auto 15px auto;
    width: 160px;
    text-align: center;
}
#ad_leaderboard {
    display: none;
    position: relative;
    z-index: 2;
    max-width:100%;
    text-align: center;
    margin: 20px auto;
    border: 4px solid #fff;
}
.fm-cs-ad * {
    clear: none !important;
    max-width: 560px;
}
body.home .fm-cs-ad * {
    clear: both !important;
}
/* Previously at Boing Boing */
 .previously2 a {
    color: #c00;
}
.previously2 ul {
    padding-left: 0px;
}
.previously2 li {
    display: block;
    margin: 0px;
}
.previously2 ul:before {
    content:"Previously";
}
/* Wordpress */
 .attachment-full {
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.wp-caption-text {
    text-align: left;
}
.gallery-item {
    text-align: left !important;
}
/* Photo captions */
 p.caption, .wp-caption {
    margin: 0px 0px 2em 0px;
    font-size: 13px;
    text-align: right;
    font-family:"helvetica neue", helvetica, arial, sans-serif;
    line-height:1.2;
    color:#666;
}

/* Ads */
div#adblock_300 {
    float:right;
    width:300px;
    margin-left:70px;
}
div#adblock_skyscraper {
    float:right;
    width:160px;
    margin-left:40px;
}

/* Misc */
#theHeadline, h1.bigHeadline, #posts-loop:not(.home) h1, .page-1-content h1 {
    font-family: 'Proxima Nova', serif;
    font-weight: bold;
}

#posts-loop:not(.home), .sidebared {
    position: relative;
    width: 100%;
    max-width: 680px;
    float: left;
}

.clearme {
    clear: both;
}
.post-bug-byHeadline {
    float: right;
    width: 100px;
    max-height: 40px;
    margin-left: 5px;
    overflow: hidden;
    z-index: 11;
}
.post-bug-byHeadline img {
    max-width: 100%;
    max-height: 100%;
}
img.post-teaser-image {
    border: 2px solid black;
    max-width: 100%!important;
    height: auto!important;
    margin: 0px!important;
    width: 100%!important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#JKAnchor {
    position: absolute;
    top: -100px;
    visibility: hidden;
}
#cse-search-box {
    position: relative;
    float: right;
    margin: 0;
}
#searchbox {
    width: 100%;
    display: none;
    background-image:url('http://boingboing.net/wp-content/uploads/2013/07/searchback.png');
}
#searchInputField {
    width: 150px;
    height: 28px;
    background: #fff url(sundries/searchiconsmall.png) no-repeat left center;

    border: 1px solid #828282;
    color: #000;
    padding: 0 0 0 28px;
}
#searchInputField:focus {
    border-color: #333;
}
input {
    border-radius: 0px;
}
h3.aboutUs {
    color: #aaa;
    text-align: justify;
    letter-spacing: 0px;
    font-size: 22px;
    font-weight: normal;
    margin: 0px 0px 25px 0px;
}
#infscr-loading {
    text-align: center;
}
/* Share buttons */
 .sharingbox {
    display: none;
    font-size: 16px;
    z-index: 333;
    border: 1px solid black;
    width: 80px;
    background-color: white;
    padding: 8px 8px 8px 8px;
    position: absolute;
    margin: 20px 0px 0px -75px;
    box-shadow: 3px 3px 11px #666;
}
textarea {
    max-width: 90%;
    width: 90%;
}
.commentDiv {
    margin: 3px;
    height: 20px;
    width: 28px;
    overflow: hidden;
    float: right;
}
.emailDiv {
    margin: 3px;
    height: 17px;
    width: 25px;
    overflow: hidden;
    float: right;
}
.fbDiv {
    margin: 3px;
    height: 17px;
    width: 20px;
    overflow: hidden;
    float: right;
}
.fb_iframe_widget iframe {
    position: static !important;
}
.twitterDiv {
    margin: 3px;
    height: 17px;
    width: 16px;
    overflow: hidden;
    float: right;
}
.googleplusDiv {
    height: 17px;
    width: 28px;
    overflow: hidden;
    float: right;
}
.commentCount {
    width: 24px;
    border: 0px solid black;
    text-align: center;
    line-height: 17px;
    position: absolute;
    z-index: 123;
    font-size: 12px;
    font-size: 10px;
    color: white;
}
.sharingbox img {
    border: none;
    max-width: none;
}
/*social buttons use a sprite and .post img mucks up dimensions*/
 #newShareBox {
    display: none;
    height: 70px;
    margin: .5em 0px;
}
#newShareBox iframe {
    max-width:1000% !important;
}
#sidebarsticky.fixed {
    position: fixed;
    top: 10px;
    margin-top: 50px;
}
div.navbar {
    font-size:16px;
    font-weight:bold;
    margin:0px;
    width:100%;
    background-color:#000;
    color:#000;
    text-transform:uppercase;
    height: 58px;
    line-height: 58px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

div.navbar a {
    color:#fff;
    padding: 0 10px;
    float: left;
}
div.navbar a:hover {
    background: #f00;
    color: #fff;
}
div#navbar.video a:hover {
    color: #fff !important;
}

div.navbar-inner {
    position:relative;
    padding: 0;
    height: 58px;
    width: 1000px;
    margin: 0 auto;
}

div#navbar {
    margin-bottom: 20px;
    overflow: hidden;
}
body.home div#navbar {
    margin-bottom: 0;
}

div#navbar a#logo {
    float: left;
    width: 147px;
    height: 58px;
    padding: 0;
    margin-right: 10px;
    background: url(sundries/2013headerlogo.png) top left no-repeat;
}

div#navbar:not(.video) a#logo:hover {
    background-position: 0 -58px;
}

div#navbar.video a#logo {
    width: 94px;
    background: url(sundries/2013videologo.png) 1px 18px no-repeat;
}

div#navbar.video a.img {
    line-height: 70px;
}

a#logo #logo-bar {
    margin-left: -9px;
    margin-top: 9px;
}

div.navbar span.social {
    position: relative;
    display: inline-block;
    float:left;
}

div.navbar span.social .social-links {
    position: absolute;
    display: none;
    top: 58px;
    z-index: 20;
    width: 90px;
}

div.navbar span.social .social-links a {
    width: 100%;
}

div.navbar span.bullet {
    float: left;
    display: block;
    padding: 0 10px;
}

#mobile_includes {
    display: none;
}

#mobile-links {
    display:block!important;
    padding-top:3px;
}
#desktop-links {
    display:none!important;
}
.mobile {
    display:block!important;
}
.tablet {
    display:none!important;
}
.desktop {
    display:none!important;
}
img.mainImage {
    margin: .5em 0px 1em 0px;
}

/* Top bar share buttons */
.sharebutton-topbar {
    width:100%;
    clear:both;
    padding-bottom: 5px;
}
.sharebutton-topbar .sharebutton {
    min-height: 20px;
    width:calc(25% - 7px);
    color:#ffffff;
    margin-right: 0px;
    text-align: center;
    display: inline-block;
    padding: 2px;
    font-family: 'Proxima Nova', serif;
    font-size: 12px;
    font-weight: bold;
}
.sharebutton-topbar .sharebutton a {
    color: #ffffff;
}
#next-post-thumbnails {
    clear: both;
    margin-bottom: 50px;
}
#next-post-thumbnails .title {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.next-post-thumb {
    width:30%;
    margin-left:5%;
    float: left;
}
.next-post-thumb:first-of-type {
    margin-left:0px;
}
.next-post-thumb-img {
    width:100%;
    height:120px;
    border:1px solid #ccc;
    background-size: cover;
    background-position: center center;
    margin-bottom: 10px;
}
#promo {
    display: block;
}
.sharebutton:last-child {
    margin-bottom: 0px!important;
}
.facebook { background-color: #345693; }
.twitter { background-color: #63add6; }
.tumblr { background-color: #2c4762; }
.stumbleupon { background-color: #108c00; }
.comments { background-color: #cd0f10; }

/* Video category navbar */
#sharingbuttons {
    float: right;
    padding-top: 19px;
}

#sharingbuttons iframe {
    float: left;
}

#sharingbuttons iframe.twitter-share-button {
    /* If neccessary */
}

#bbvideo-facebook-like {
    border: none;
    overflow: hidden;
    width: 90px;
    height: 21px;
}

/* Podcasts category */
#posts-loop.podcasts div.header-tags {
    overflow: auto;
    position: relative;
    z-index: 99999;
    margin-bottom: 20px;
}

#posts-loop.podcasts div.header-tags a {
    color: #f00;
}

#posts-loop.podcasts div.header-tags h3 {
    text-transform: uppercase;
    text-align: center;
    color: #eee;
    background-color: #222;
    padding:5px;
}

/* Image Alignments */
 .post img {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.post-content img, img.mainImage {
    max-width: 100%!important;
    height: auto!important;
}
.post .alignleft, .post img[align=left] {
    float: left;
    max-width: 40%!important;
    margin: 0px 2em 1em 0px!important;
}
.post .alignright, .post img[align=right] {
    float: right;
    max-width: 40%!important;
    margin: 0px 0px 1em 2em!important;
}
.post .alignnone, .post .aligncenter {
    max-width: 100%!important;
    height: auto!important;
    width: 100%!important;
}
.wp-caption-text {
    font-family:helvetica, sans-serif;
    margin: -0.5em 0px 2em 0px;
    font-size:.8em;
    text-align:right;
    color:#666
}
.bordered {
    border: 3px solid black;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* Features and Promo Boxes */
 #featuretitle {
    margin: 0px 0px 11px 0px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 3px;
    color: #666;
}
#features {
    font-family:"helvetica neue", helvetica, arial, sans-serif;
    width: 300px;
    height: auto;
    font-size: 13px;
    line-height: 1.2;
    overflow:auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#features p {
    margin: 0px 0px 1em 0px;
    font-size: 15px;
    line-height: 1.2em;
}
#features p.hed {
    margin: .5em 0px 0px 0px;
    font-size: 16px;
    line-height: 1.2em;
    clear: both;
}
#features a {
    color: black;
}
.features-item {
    height:80px;
    overflow:hidden;
}
#promo {
    width: 125px;
    float: right;
    margin-top: 1em;
    display: none;
}
#promo p.hed {
    font-size: 13px;
}
#promo img {
    width: 100%;
    height: auto;
}
/* Comments */
 #dsq-content .dsq-editedtxt {
    display: none !important;
}
/* Tracking Pixels */
 img[width="1"], img[width="1px"] {
    width: 1px !important;
    height: auto;
}
/* Blockquote image snapping */
 .post blockquote img.alignright, .post blockquote img[align=right] {
    width: 100%!important;
    max-width: 100%!important;
}
/* Classes to wrap and resize oEmbeds and custom field embeds */
 iframe, object, embed {
    max-width: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    margin-bottom: .5em;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}
.video-container {
    background-size:cover;
    background-position:center center;
}
.video-container img {
    width:100%;
    height:100%;
}
.post-edit-link {
    color: gray;
}
/* COMMENTS - DISCOURSE STYLES */
#comments-module {
    position:relative;
    width:100%;
    max-width: 680px;
}
#comments-title {
    font-size:25px;
    margin-top:20px;
}
.commentlist {
    list-style-type:none;
    padding:0px;
}
.comment {
    margin-bottom:30px;
}
.comment-author.vcard {
    border-top:1px solid #dddddd;
    padding:10px 0 0 0;
    font-size:13px;
    height:40px;
}
.comment-author.vcard img {
    border-radius:50%;
    float:left;
    height:40px !important;
    width:auto !important;
    margin-right:10px;
}
.comment-content {
    margin-left:52px;
    margin-top:10px;
}
.reply-title {
    margin-top:40px;
    margin-bottom:10px;
}
.reply-title a {
    border:1px solid #a00;
    padding:5px 7px;
    border-radius:5px;
    background:#c00;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 5px rgba(0, 0, 0, .25);
    background-image: linear-gradient(to bottom, #e00, #c00);
}
.reply-title a:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 5px rgba(0, 0, 0, .1);
    background-image: linear-gradient(to bottom, #d00, #c00);
}
.more-replies {
    margin-right:10px;
}
.respond p {
    float:left;
}
.tablet-hide {
    visibility:hidden;
}
/* AUTHOR PAGES */
 #author-header {
    position:relative;
    margin-top:1em
}
#author-header-img {
    width:100%;
    height:auto;
}
#author-header-img img {
    width:100%;
    height:auto;
}
#author-header-text {
    height:200px;
}


#navbar .categories {
    margin-left:10px;
    white-space: nowrap;
}
#navbar .submit-a-link, #navbar .categories a {
    font-size: 16px;
}
#navbar .submit-a-link {
    color: #fff;
}

div#footer.navbar {
    line-height: 60px;
    border-bottom: 0;
    position: relative;
    clear:both;
}
div#footer.navbar-inner {
    width: 780px;
}

#extras {
    height: 0;
    overflow: hidden;
}

.clearfix:before, .clearfix:after { content:'\0020'; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/**********************
460 pixels - blockquote images snapping in first five posts on front door / show nav links
**********************/
 @media screen and (min-width:460px) {
    #author-header {
        height:220px;
        position:relative;
    }
    #author-header-img {
        float:left;
        width:200px;
        height:200px;
        margin-right:1em;
        border:5px solid black;
    }
    .post blockquote img.alignright, .post blockquote img[align=right] {
        width: 50%!important;
        max-width: 50%!important;
    }
    #ad_500_mobile {
        display: none;
    }
}
/**********************
690px - blockquote image snapping
**********************/
 @media screen and (min-width:690px) {
    .post blockquote img.alignright, .post blockquote img[align=right] {
        width: 50%!important;
        max-width: 50%!important;
    }
}
/**********************
769 pixel wide displays
**********************/
 @media screen and (min-width:728px) {
    div#navbar {
        display:block;
    }
    .mobile-hide {
        display:inline-block;
    }
    #mobile-links {
        display:block!important;
    }
    #desktop-links {
        display:none!important;
    }
    .mobile {
        display:block!important;
    }
    .desktop {
        display:none!important;
    }
    .tablet {
        display:inline!important;
    }
    #adskin {
        z-index: auto;
    }
    body {
        margin: 0;
    }
    #flatlogo {
        display: none;
    }
    #mainbar {
        position: relative;
    }
    #navigation {
        position: relative;
        float: left;
        width: 155px;
        padding-right: 0px;
        text-align: right;
        z-index: 1;
    }
    ul.nav {
        text-align: right;
        margin: 1em 0;
        padding: 0px;
    }
    ul.nav li {
        font-size: 18px;
        margin: 0 0 1em;
    }
    ul.channels, ul.authors {
        margin-top: 3em;
    }
    ul.channels li, ul.authors li {
        margin-top: 0;
        margin-bottom: 0.2em;
    }
    ul.channels li a {
        color: blue;
    }
    ul.authors li a {
        color: #c00;
    }
    #ad {
        display: block;
    }
    #newShareBox {
        max-width: 60px;
        float: left;
        display: inline;
        padding: 5px 2px 0px 0px;
        height: auto;
    }
    .hideOnMobile {
        display: block;
    }
    #ad_500 {
        display: block;
        height: auto;
    }
    .post blockquote img.alignright, .post blockquote img[align=right] {
        max-width: 100%!important;
    }
    .previously2 ul {
        padding-left: 0px;
        font-size: 16px;
    }
    .previously2 ul:before {
        content:"Previously";
        font-size: 19px;
    }
    #logobox {
        float:left;
        display:block;
    }
    #mobile-links {
        display:none!important;
    }
    #desktop-links {
        display:block!important;
    }
    .mobile {
        display:inline!important;
    }
    .desktop {
        display:inline!important;
    }
    .tablet {
        display:inline!important;
    }
    #dickbar {
        position:fixed;
    }
    #container {
        max-width: 1000px;
        background-color: white;
        margin: 0px auto;
        position: relative;
        padding: 0 10px;
    }
    #masthead {
        display:block;
        min-height:110px;
        margin: 16px auto 16px auto;
        width:1100px;
    }
    #ad_leaderboard {
        display: block;
        min-height:90px;
    }
    /*FM leaderboard and MR iframe*/
    #fmff-div-fm-gpt-zone-356, #fmff-div-fm-gpt-zone-198 {
        border: 1px solid #ddd !important;
    }
    .adblock, #wrap300 {
        display: block;
        margin-left: 20px;
        z-index: 1;
        background-color: white;
        position: relative;
    }
    #sidebar {
        display:block;
    }
    .sidebar-margin {
        margin-right:320px;
    }
    h1 {
        font-size: 1.5em;
        margin:0em;
        font-weight:normal;
    }
    #dickbar {
        display: block;
    }
    h1.bigHeadline {
        font-size: 44px;
        margin: 0px;
    }

    div#posts-loop.home blockquote {
        clear: left;
    }

    div#posts-loop:not(.home), .sidebared {
        max-width: calc(100% - 320px);
    }

    div.post:not(.Wide) .next-post-button {
        max-width: none;
        clear: both;
    }
}
/**********************
770 pixel wide displays -- hide search box on tablet
**********************/
@media screen and (max-width:728px) {
    #adblock_500, #adblock_skyscraper { /* Hide all ads */
        display: none;
    }

    #container {
        padding: 0 10px;
    }

    body.home #container {
        padding: 0;
        margin: 5px 10px;
    }

    div.navbar {
        height: 40px;
        min-width: 0;
    }

    div.navbar-inner {
        width: 100%;
        height: 40px;
    }

    div.navbar a {
        line-height: 40px;
    }

    #navbar .submit-a-link {
        display: none;
    }

    div#navbar {
        border-top-color: transparent;
        overflow: visible;
        line-height: 20px;
        margin-bottom: 10px;
    }
    div.navbar, div.navbar .navbar-inner {
        min-height: 40px;
        height: auto;
    }

    div#navbar a#logo {
        height: 40px;
        background-position: 0 -9px;
        margin-left: 10px;
    }

    div#navbar a#logo:hover {
        background-position: 0 -67px;
    }

    div#navbar .categories {
        display: none;
        padding-top: 40px;
        margin: 0px;
    }
    div#navbar .categories.show {
        display: block;
    }

    div#navbar .categories a {
        font-size: 16px;
        line-height: 30px;
        display: block;
        text-align: right;
        float: none;
    }

    h1.jknav {
        width: auto !important;
    }

    div#posts-loop.home, div#features-loop, .feature-small, .feature-medium {
        max-width: none !important;
        width: 100% !important;
        float: none;
    }

    div#features-loop .feature-small .feature-image, div#features-loop .feature-medium .feature-image {
        width: auto;
    }

    div#posts-loop.home blockquote, div#features-loop blockquote {
        clear: none;
    }

    div#posts-loop.home h1.bar, div#posts-loop.home h1.loop-head {
        display: none !important;
    }
    div#posts-loop.home article.feature {
        display: block;
    }

    div#features-loop {
        display: none;
    }

    #mainbar, div#posts-loop.home {
        background: #fff;
    }

    div#posts-loop.home .post, div#posts-loop.home .post:hover {
        background: #fff;
        border-color: #fff;
        padding:10px;
        display: block;
    }

    div#posts-loop.home article {
        padding:0px;
    }

    #searchInputField {
        display: none;
    }

    #menu-icon {
        display: block;
        width: 50%;
        height: 40px;
        position: absolute;
        top: 0;
        right: 10px;
        background: url(sundries/menu-icon.png) no-repeat right center;
    }

    #mainbar {
        padding-bottom: 0px;
    }
    div#footer.navbar {
        line-height: 40px !important;
        margin-top: -40px !important;
        text-align: center;
    }
    div#footer.navbar a {
        display: inline-block;
        float: none;
    }

    div#footer.navbar span.bullet {
        display: block;
        float: none;
        height: 0;
        overflow: hidden;
    }
}

/*
Tablet Portrait
*/
@media screen and (min-width:728px) and (max-width:1020px) {
    #adblock_skyscraper {
        /* Disable skyscraper ad on tablets */
        display: none;
    }

    div.navbar {
        min-width: 0;
    }

    div.navbar-inner {
        width: 100%;
    }

    div#navbar a#logo {
        margin-left: 10px;
    }

    #navbar .submit-a-link {
        display: none;
    }

    .mobile-hide {
        display: none;
    }

    #mobile-logo {
        display: block;
        float: left;
        margin-top: 7px;
    }

    #logobox {
        display: none;
    }

    #ad_leaderboard {
        float: none;
        margin: 20px auto;
        border: none;
    }

    #ad_300_interruptor {
        height:620px;
    }

    #ad_300_interruptor .alpha, #ad_300_interruptor .beta {
        float:center;
        height: 300px;
    }

    #ad_300_interruptor .alpha {
        margin-bottom: 20px;
    }

    #searchInputField {
        margin-right: 10px;
    }

    #posts-loop.home {
        width: calc(35% - 20px);
    }

    #features-loop {
        width: 60% !important;
        padding-left: 2.5% !important;
        margin-top:20px;
    }

    .feature-medium {
        width:100% !important;
    }

    div#features-loop .ad_300_unit + .feature-small .feature-image, .ad_300_unit + .feature-small, .feature-small, div#features-loop .feature-small .feature-image, div#features-loop .feature-medium .feature-image {
        width: 100%;
    }

    div#features-loop .feature-small .feature-image {
        height: 300px !important;
    }

    .featured-3 {
        margin-left: 0;
    }

    .ad_300_unit {
        float: none !important;
        text-align: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
}

/* Mobile specific styles */
@media screen and (max-width:320px){
    body{
        overflow-x:hidden;
        background:#ffffff !important;
    }
    #posts-loop *, #page-1-content{
        max-width:100% !important;
    }
    .next-post-button {
        margin-top: 10px;
        margin-bottom: 40px;
        clear: both;
    }
    *{
        max-width:320px;
    }
    #container {
        overflow-x: hidden;
    }
    body.home #posts-loop .post {
        margin-bottom:20px;
    }
    #mobile_includes{
        width:320px;
        margin: 0 auto;
        display: block;
    }
    #ad_500_mobile {
        display: block;
    }
    #container{
        padding-top:0px;
    }
    #cse-search-box {
        margin-right: 5px !important;
    }
    #dickbar {
        width:310px;
    }
    #footer {
        display: none;
    }
    #mobile-logo {
        padding:20px 0px 10px 0px;
    }
    #metadataBox {
        overflow-x:hidden;
    }
    #ad_500 {
        max-height:400px;
        overflow:hidden;
    }
}