/*
Theme Name: SIDMUN
Author: Stanley S.
Description: Child theme
Version: 1.2.1
Template: twentyeleven
Tags: dark, buddypress, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
@import url("../twentyeleven/style.css");


/* BEGIN MOVE HEADER TEXT OVER HEADER IMAGE */
/* this stuff moves the image up */
#access, #branding a img:first-child {
top: -190px;
position: relative;
}

/* this stuff keeps text on top */
#branding hgroup { top: +50px; position:relative; z-index: 1;}

/* this stuff changes text size for header, depresses description */
/* and adds shadow so text legible whatever background (within reason) */
#site-title span a {font-size: 55px;}
#site-description {font-size: 25px;}
#site-title a, #site-description {color: #fff; text-shadow: #003 1px 1px 5px;}
/* Colours the search form and keeps it on top */
#searchform {background-color: #ddd; z-index: 1;}

#main {top: -185px; position: relative; z-index: 2;}
/* END MOVE HEADER TEXT OVER HEADER IMAGE */


/* BEGIN FIX DROP DOWN */
#branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}
/* END FIXED DROP DOWN */

/* BEGIN Search bar now all over the place b/c Branding above's position is static FIX BELOW */
#branding #searchform {
background-color: white;
display: block;
margin-top: 195px;
position: absolute;
right: 1.6%;
text-align: right;
top: 3.8em;
}
/* END Search bar now all over the place b/c Branding above's position is static FIX BELOW */

/* BEGIN FIX Post Template issue Posted on Date issue */
.singular .entry-header .entry-meta {
    position: static;
    top: 0;
    left: 0;
}
/* END FIX Post Template issue */


/* BEGIN FIX Edit Link Template Issue */
.singular .entry-meta .edit-link a {
    bottom: auto;
    left: 50px;
    position: static;
    right: auto;
    top: 80px;
}
/* END FIX Edit Link Template Issue */



/* FOR MOBILE DEVICES */
/* ! Layout for mobile version   */
@media handheld, only screen and (max-width: 500px) {
#access, #branding a img:first-child {
top: -150px;
position: relative;
}

/* this stuff keeps text on top */
#branding hgroup { top: -50px; position:relative; z-index: 1;}

/* this stuff changes text size for header, depresses description */
/* and adds shadow so text legible whatever background (within reason) */
#site-title span a {font-size: 18px;}
#site-description {font-size: 11px;}
/* Colours the search form and keeps it on top */

#main {top: -150px; position: relative; z-index: 2;}
#branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 3;
}
#branding #searchform {
background-color: white;
display: block;
margin-top: 30px;
position: absolute;
right: 35%;
text-align: right;
top: 3.8em;
}
#branding #s:focus {
    background-color: #f9f9f9;
    width: 96px;
}
}

/* END FOR MOBILE DEVICES */


/* BEGIN COPIED ORIGINAL FROM PARENT, DELETED FROM PARENT */
@media (max-width: 650px) {
    /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
    body, input, textarea {
        font-size: 13px;
    }
    #site-title a {
        font-size: 24px;
    }
    #site-description {
        font-size: 12px;
    }
    #access ul {
        font-size: 12px;
    }
    article.intro .entry-content {
        font-size: 12px;
    }
    .entry-title {
        font-size: 21px;
    }
    .featured-post .entry-title {
        font-size: 14px;
    }
    .singular .entry-title {
        font-size: 28px;
    }
    .entry-meta {
        font-size: 12px;
    }
    blockquote {
        margin: 0;
    }
    blockquote.pull {
        font-size: 17px;
    }
    /* Reposition the site title and description slightly */
    #site-title {
        padding: 5.30625em 0 0;
    }
    #site-title,
    #site-description {
        margin-right: 0;
    }
    /* Make sure the logo and search form don't collide */
    #branding #searchform {
        top: 1.625em !important;
    }
    /* Floated content doesn't work well at this size */
    .alignleft,
    .alignright {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    /* Make sure the post-post navigation doesn't collide with anything */
    #nav-single {
        display: block;
        position: static;
    }
    .singular .hentry {
        padding: 1.625em 0 0;
    }
    .singular.page .hentry {
        padding: 1.625em 0 0;
    }
    /* Talking avatars take up too much room at this size */
    .commentlist > li.comment,
    .commentlist > li.pingback {
        margin-left: 0 !important;
    }
    .commentlist .avatar {
        background: transparent;
        display: block;
        padding: 0;
        position: static;
    }
    .commentlist .children .avatar {
        background: none;
        left: 2.2em;
        padding: 0;
        position: absolute;
        top: 2.2em;
    }
    /* Use the available space in the smaller comment form */
    #respond input[type="text"] {
        width: 95%;
    }
    #respond .comment-form-author .required,
    #respond .comment-form-email .required {
        left: 95%;
    }
    #content .gallery-columns-3 .gallery-item {
        width: 31%;
        padding-right: 2%;
    }
    #content .gallery-columns-3 .gallery-item img {
        width: 100%;
        height: auto;
    }

}
@media (max-width: 450px) {
    #content .gallery-columns-2 .gallery-item {
        width: 45%;
        padding-right: 4%;
    }
    #content .gallery-columns-2 .gallery-item img {
        width: 100%;
        height: auto;
    }

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        padding: 0;
    }
    #page {
        margin-top: 0;
    }
    #branding {
        border-top: none;
    }

}
/* END COPY SMALL DEVICES FROM PARNET DELETED FROM PARENT */


/* IGNORE BELOW.. ORIGINAL CODE LEFT IF ABOVE GOES CHAOTIC
#access, #branding a img:first-child {
top: -190px;
position: relative;
}
#branding hgroup { top: +50px; position:relative; z-index: +1;}


#site-title span a {font-size: 55px;}
#site-description {font-size: 25px;}
#site-title a, #site-description {color: #fff; text-shadow: #003 1px 1px 5px;}


#searchform {background-color: #ddd; z-index: +10;}

#main {top: -185px; position: relative; z-index: +20;}
END ORIGINAL CODE */