/*
Theme Name:     Twenty Twelve - Policy Studies
Description:    Policy Studies Blog Theme, a child theme of Twenty Twelve
Author:         Julian Ball
Template:       twentytwelve                             
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

a:link,
a:visited {
    color: #9D1939;
}
.entry-content a:visited,
.comment-content a:visited {
    color: #9D1939;
}

a[class^="callout"] {             
    background-repeat: no-repeat;
    background-size: 32px 32px;        
    display: block;
    margin-bottom: 1.4em;
    min-height: 1.5em;    
    padding: 8px 0 8px 42px;    
}

a.callout-twitter {
    background-image: url("images/twitter_32.png");
}

a.callout-facebook {
    background-image: url("images/facebook_32.png");
}

a.callout-youtube {
    background-image: url("images/youtube_32.png");
}

.pdf {
    background: url("images/pdf_icon.png") no-repeat scroll left top;
    display: block;
    height: 44px;
    padding: 20px 0 0 48px;
}

/* Social Media Icons */
.twitter-icon,
.facebook-icon,
.youtube-icon,
.flickr-icon,
.linkedin-icon,
.blog-icon,
.wordpress-icon,
.pinterest-icon,
.instagram-icon, 
.tumblr-icon {
    background-image: url("images/social_media.png");
    background-repeat: no-repeat;    
    background-size: 532px 32px;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.twitter-icon {
    background-position: 0px 0px;
}

.facebook-icon {
    background-position: -50px 0px;
}

.youtube-icon {
    background-position: -100px 0px;
    width: 35px;
}

.flickr-icon {
    background-position: -150px 0px;
}

.linkedin-icon {
    background-position: -200px 0px;
}

.blog-icon {
    background-position: -250px 0px;
}

.wordpress-icon {
    background-position: -300px 0px;
}

.pinterest-icon {
    background-position: -350px 0px;
}

.instagram-icon {
    background-position: -500px 0px;    
}

.tumblr-icon {
    background-position: -450px 0px;
}

.social-media-widget a[class*="-icon"] {
    margin-right: 14px;
    margin-bottom: 10px;
}

.social-media-widget a[class*="-icon"].last,
.social-media-widget a[class*="-icon"]:nth-of-type(4) {
    margin-right: 0;
}

#masthead {
    position: relative;
}

.header-image {
    margin-top: 0;
}    

.site-header h1 a,
.site-header h2 a, 
.site-header h2,
.entry-header .entry-title {
    color: #9D1939;
}

.site-header h1 {
    margin-bottom: 4px;
    line-height: 1.384615;
}

.site-header h2 {
    font-size: 1.142857rem;
    margin-bottom: 10px;
}

.main-navigation li {
    font-size: 0.929rem;
}

.archive-title, 
.page-title {
    font-size: 0.929rem;
}

.entry-header {
    margin-bottom: 0;
}

body.page .entry-header {
    margin-bottom: 1.71429rem;
}

footer.entry-meta {
    margin-top: 0;    
}

/* Simple Share Buttons Adder */
.ssba {
    padding: 0.5em 0;
}

#secondary .widget {
    margin-bottom: 2.571rem;
}

.widget-title {
    font-size: 1rem;
    color: #024771;
}

.widget-area .widget h3 {
    margin-bottom: 8px;
}

.widget_meta .widget-title {
    display: none;
}

.widget-area .widget a {
    text-decoration: none;
}

.widget-area .widget a:hover {
    text-decoration: underline;
}

.twitter-widget .widget-title {
    text-transform: lowercase;
}


.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    line-height: 1.53846;
    margin-bottom: 8px;
}

.site-info {
    text-align: center;
}



@media screen and (min-width: 600px) { 

    #masthead hgroup {
        margin-top: 8px;
        position: absolute;
        left: 25px;
        bottom: 84px;
    }

    #masthead > a {
        background-color: #024771;
        display: block;
        height: 0;
        padding-bottom: 26.04%;    
    }

    .site-header h1 {
        margin-bottom: 0;
    }

    .site-header h1 a:hover, 
    .site-header h2 a:hover {
        color: #BBB;
    }

    .site-header h1 a,
    .site-header h2 a, 
    .site-header h2 {
        color: #FFF;
        text-shadow: 0 2px 2px #222222;
    }

    .main-navigation {
        margin-top: 0;	
    }
    
    footer.entry-meta {
        float: left;    
    }
    
    /* Ensure paragraph that immediately follows Simple Share Buttons clears floats */
    .ssba + p {
        clear: both;
    }
}

/* Only at this point can we see the page background */
@media screen and (min-width: 960px) { 

    body {
        background: #dce1e7; /* Old browsers */
        background: -moz-linear-gradient(top,  #dce1e7 0%, #ffffff 75%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dce1e7), color-stop(75%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #dce1e7 0%,#ffffff 75%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #dce1e7 0%,#ffffff 75%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #dce1e7 0%,#ffffff 75%); /* IE10+ */
        background: linear-gradient(to bottom,  #dce1e7 0%,#ffffff 75%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        background-attachment: fixed;
    }

}

/* Retina/HiDPI overrides */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .twitter-icon,
    .facebook-icon,
    .youtube-icon,
    .flickr-icon,
    .linkedin-icon,
    .blog-icon,
    .wordpress-icon,
    .pinterest-icon,
    .instagram-icon,
    .tumblr-icon {
        background-image: url("images/social_media_2x.png");                
    }

    a.callout-twitter {
        background-image: url("images/twitter_32_2x.png");
    }

    a.callout-facebook {
        background-image: url("images/facebook_32_2x.png");
    }

    a.callout-youtube {
        background-image: url("images/youtube_32_2x.png");
    }
    
}