@import url('https://fonts.googleapis.com/css?family=Open+Sans|Rock+Salt');

@media all {
    
    /* layout
    ---------------------------------------------------------------------- */

    .hidden { display: none; }
    
    #page {
        margin: 2em auto;
        padding: 3em;
        text-align: left;
        width: 80%;
        max-width: 2000px; /* width of header image */
    }

    .group,
    #content {
        display: table;
        width: 100%;
        table-layout: fixed;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; 
    }

    .item,
    #primary,
    #secondary {
        display: table-cell;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; 
        vertical-align: top;
        padding-right: 4em;
    }

    .item:last-child,
    #secondary {
        padding-right: 0;
    }

    .item.content > h1:first-child,
    .blogpage .item.content > h2:first-of-type {
        margin-top: 0;
    }

    .item.sidebar { 
        min-width: 320px;
        font-size: 14px; 
    }

    .group > h1,
    .group > h2,
    .group > h3 {
        display: table-caption;
    }

    /* category jump nav */
    #jumpnav ul,
    #archives ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 0;
    }
    
    #jumpnav li,
    #archives li {
        box-sizing: border-box; 
        margin: 0 0 0.5em 0;
        padding: 0;
        float:left;
        display: table-cell;
        width: 25%;
    }
    #jumpnav li a,
    #archives li a {
        padding-right: 1em;
    }
    
    /* content */
    #primary {
        width: 65%;
        padding-right: 10%;
    }
    
    #secondary {
        margin-top: 0.55em;
        width: 25%;
    }
    
    /* promo spots */
    .promo-spot { clear: both; margin: 1em 0; }
    .leaderboard { text-align: center; }

    /* tshirt hell */
    .tshirthellbanner { margin: 1em 0; }

    /* christmas banner */
    .christmas { text-align: center; display: block; clear: both; margin: 0 0 1em 0; }
    .christmas a { display: block; width: auto; padding: 0.5em 1em; border: 5px dotted green; border-radius: 5px; }
    .christmas a:link, .christmas a:visited, .christmas a:focus, .christmas a:hover, .christmas a:active { background: #a11f1f; color: #fff; }
    
    /* images */
    #page img,
    .promo-spot img { max-width: 100%; height: auto; }
    a img { border: 0; }
 
    /* look and feel
       concrete backgrounds from http://subtlepatterns.com/
    ---------------------------------------------------------------------- */

    body {
        color: #fff;
        background: #333;
        font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
        padding: 0;
    }

    /* links */ 
    a { text-decoration: none;  }
    a:link { color: #0000CC; }
    a:visited { color: #6D006D; }
    a:focus, a:hover, a:active { text-decoration: underline; }
   
    #page { 
        background: #f8f8f8;
        color: #000;
        border: 1px solid #000;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 5px;
    }

    #header {
        color: #f8f8f8;
        background: #000 url("img/graf-banner-med-30pc.jpg") 50% 50% repeat;
        -moz-box-shadow: 3px 3px 3px #eee;
        -webkit-box-shadow: 3px 3px 3px #eee;
        box-shadow: 3px 3px 3px #eee;
        padding: 1em;
        border-radius: 5px;
    }
    #header h1 {
        color: #fff;
        font-size: 3em;
    }
    .content #header {
        padding: 0;
        margin-bottom: 3em;
    }
    .content #header h1 {
        font-size: 1.8em;
        padding: 0.5em 0.7em 0.3em 0.7em;
    }
    .content #header h1 a:link,
    .content #header h1 a:visited,
    .content #header h1 a:focus,
    .content #header h1 a:hover,
    .content #header h1 a:active {
        color: #fff;
        text-decoration: none;
    }
    .content #header .trail {
        background: rgba(255,255,255,0.7);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        color: #000;
        text-shadow: none;
        padding: 0.2em 1em;
    }

    #header h1,
    #header p {
        padding: 0;
        margin: 0;
        text-shadow: 3px 3px 3px #000; /* FF */
        text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9);
    }

    /* content
    ---------------------------------------------------------------------- */

    #intro ul,
    .category ul,
    #intro ol { padding-left: 1em; }
    li { margin-bottom: 0.5em; }
    dt { font-weight: bold; }
    dd { margin-bottom: 0.5em; }
    #intro ul ul { padding-left: 0; }

    p { margin: 0 0 1em 0; }
    
    pre {
       font-family: verdana, helvetica, sans-serif;
    }
    .fixed {
        font-family: courier new, courier, monospace;
    }
    
    /* tables */
    table {
        border-collapse: collapse;
        border: 1px solid #555;
        color: #000;
        text-align: left;
        width: 100%;
    }
    table th,
    table td,
    table caption {
        border: 1px solid #555;
        padding: 0.7em;
        vertical-align: top;
    }
    table th,
    table caption {
        font-weight: bold;
        color: #000;
        background: #eee;
    }
    table caption {
        caption-side: top;
        border-bottom: none;
    }    
    
    h1, h2, h3, h4, h5, h6 {
        font-family: "Rock Salt", helvetica, sans-serif;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-shadow: 1px 1px 1px #ccc;
        padding: 0.1em 0;
        margin: 1em 0 0.2em 0;
        color: #222;
        -moz-hyphens:auto;
        -ms-hyphens:auto;
        -webkit-hyphens:auto;
        hyphens:auto;
        word-wrap:break-word;
    }
    .plain { font-family: "arial black", arial, helvetica, sans-serif; }

    .note.snopes {
        border: 1px solid #ccc;
        border-radius: 5px;
        display: inline-block;
        font-size: 12px;
        margin: 0 0 1em 0;
        padding: 1em;
        font-style: italic;
        color: #777;        
    }
    .note.snopes p { margin: 0; }
    .note.snopes hr { display: none; }
    
    .index h2,
    .blogpage h2 {
        color: #a11f1f;
        border-bottom: 3px solid #f2f2f2;
    }

    .index ul {
        padding-left: 1em;
        margin-top: 0;
    }
    .index li {
        margin-bottom: 0.5em;
    }

    /* blog/feed display */
    .blog .feedTitle,
    .blog #creditfooter { display: none; }

    /* trail navigation */ 
    .blog .trail {
        background: #f2f2f2;
        border-radius: 5px 5px 5px 5px;
        padding: 0.3em 1em;
        margin: 1em 0;
    }

    /* link to fs */
    code.link { display: block; overflow-x: auto; }

    /* extras for specific pages */
    /* bliss.htm */
    th.do { width: 90%;}
    th.score { width: 10%;}

    /* blog pages
    ---------------------------------------------------------------------- */
    body.blogpage {
        margin: 2em 0;
    }
    body.blogpage #header {
        margin: 1em 0;
    }
    .blogpage #header h1 a {
        color: #fff;
        text-decoration: none;
    }
    .blogpage .post {
        padding-bottom: 3em;
    }
    .blogpage .post-title,
    .blogpage .post-title a {
        color: #000;
        text-decoration: none;
    }
    .blogpage .post-body .tshirthell {
        margin: 1em 0;
    }

    .blog-admin { display: none; } /* hide edit links */
    .item-action:before { content: "Email to a friend: "; }

    .blogpage iframe { display: none; } /* kill blogger bar */
    .blogpage #page iframe { display: block; } /* keep google ads */
    /* blogger's endorsed way of pissing off the stupid navbar */
    #navbar-iframe, #b-navbar { height:0px; visibility:hidden; display:none !important; }
    
    .blogpage blockquote {
        background: #F8F8F8;
        border-left: 0.1em solid #999;
        margin-left: 0;
        padding: 0.2em 1.3em;
    }

    /* Social media/share icons */
    .social-icons { margin: 2em 0; padding: 0; }
    .social-icons li { display: inline-block; margin-right: 5px; }
    .social-icon { text-align: left; text-indent: -9999em; display: block; width: 20px; height: 20px; background: #ccc; background-size: 100% 100%; }
    .stumbleupon {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIxNzYgNzYgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTc2IDc2IDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNzEuNDMwMiIgeTE9IjEzMi45Mzk1IiB4Mj0iNzEuNDMwMiIgeTI9IjEyMS40Mzk1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDQuMTY2NyAwIDAgLTQuMTY2NyAtOTcuNTgzMyA2MjkuOTE2NikiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGOTNDMkQiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRDMyRDIwIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggZmlsbD0idXJsKCNTVkdJRF8xXykiIGQ9Ik0yMjQsMTE3LjkyOGMwLDMuMzA3LTIuNjgzLDUuOTg5LTUuOTg5LDUuOTg5aC0zNS45MzhjLTMuMzA4LDAtNS45OS0yLjY4My01Ljk5LTUuOTg5VjgxLjk5DQoJYzAtMy4zMDcsMi42ODItNS45OSw1Ljk5LTUuOTloMzUuOTM4YzMuMzA3LDAsNS45ODksMi42ODMsNS45ODksNS45OVYxMTcuOTI4eiIvPg0KPHBhdGggZmlsbD0iI0NEMkQyMCIgZD0iTTE4Mi44LDk4LjYxN2g1LjcxMnY0Ljg4NmMwLDAtMC4wNjcsMS43ODUsMS44ODgsMS43ODVjMi4xNTcsMCwxLjg4OC0xLjcxOSwxLjg4OC0xLjcxOVY5Mi4zOA0KCWMwLDAsMC4wMzItNy42NSw3Ljc1MS03LjY1YzcuNzE4LDAsNy42MTcsNy4xNDUsNy42MTcsNy4xNDV2Mi43M2wtMy41MDYsMS4xNDZsLTIuMzk0LTEuMTEyVjkyLjI4YzAsMCwwLjA2OS0xLjYxOS0xLjcxOC0xLjYxOQ0KCXMtMS44NTQsMS4zMTQtMS44NTQsMS42MTljMCwwLjMwNCwwLDExLjY2MSwwLDExLjY2MXMtMC4yNyw3LjI0Ni03LjU4Myw3LjI0NmMtNy4zMTQsMC03LjgwMi02LjgwNy03LjgwMi03LjY0OQ0KCUMxODIuOCwxMDIuNjkzLDE4Mi44LDk4LjYxNywxODIuOCw5OC42MTd6Ii8+DQo8cGF0aCBmaWxsPSIjQ0QyRDIwIiBkPSJNMjAxLjc1Nyw5OC42ODRsMi4zOTQsMS4xMTJsMy41MDYtMS4xNDd2NS4wNTdjMCwwLTAuMDM0LDEuNjUxLDEuODE5LDEuNjUxczEuOTItMS42NTEsMS45Mi0xLjY1MXYtNS4wNTcNCgloNS44MzJ2NS43MzFjMCwwLDAuMzA0LDYuODA3LTcuNTgzLDYuODA3Yy04LjE5LDAtNy44ODgtNy4xNDUtNy44ODgtNy4xNDVWOTguNjg0eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE4Mi44LDEwMC42MTdoNS43MTJ2NC44ODZjMCwwLTAuMDY3LDEuNzg1LDEuODg4LDEuNzg1YzIuMTU3LDAsMS44ODgtMS43MTksMS44ODgtMS43MTlWOTQuMzgNCgljMCwwLDAuMDMyLTcuNjUsNy43NTEtNy42NWM3LjcxOCwwLDcuNjE3LDcuMTQ1LDcuNjE3LDcuMTQ1djIuNzNsLTMuNTA2LDEuMTQ2bC0yLjM5NC0xLjExMlY5NC4yOGMwLDAsMC4wNjktMS42MTktMS43MTgtMS42MTkNCglzLTEuODU0LDEuMzE0LTEuODU0LDEuNjE5YzAsMC4zMDQsMCwxMS42NjEsMCwxMS42NjFzLTAuMjcsNy4yNDYtNy41ODMsNy4yNDZjLTcuMzE0LDAtNy44MDItNi44MDctNy44MDItNy42NDkNCglDMTgyLjgsMTA0LjY5MywxODIuOCwxMDAuNjE3LDE4Mi44LDEwMC42MTd6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAxLjc1NywxMDAuNjg0bDIuMzk0LDEuMTEybDMuNTA2LTEuMTQ3djUuMDU3YzAsMC0wLjAzNCwxLjY1MSwxLjgxOSwxLjY1MXMxLjkyLTEuNjUxLDEuOTItMS42NTF2LTUuMDU3DQoJaDUuODMydjUuNzMxYzAsMCwwLjMwNCw2LjgwNy03LjU4Myw2LjgwN2MtOC4xOSwwLTcuODg4LTcuMTQ1LTcuODg4LTcuMTQ1VjEwMC42ODR6Ii8+DQo8L3N2Zz4NCg==") 0 0 no-repeat;
    }
    .twitter {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjMuOTk5NSIgeTE9IjAiIHgyPSIyMy45OTk1IiB5Mj0iNDguMDAwNSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzRCRDBFRiIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyOUFBRTEiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0idXJsKCNTVkdJRF8xXykiIGQ9Ik00OCw0MmMwLDMuMzEzLTIuNjg3LDYtNiw2SDZjLTMuMzEzLDAtNi0yLjY4Ny02LTZWNg0KCWMwLTMuMzEzLDIuNjg3LTYsNi02aDM2YzMuMzEzLDAsNiwyLjY4Nyw2LDZWNDJ6Ii8+DQo8cGF0aCBmaWxsPSIjMjlBQUUxIiBkPSJNNDAuMjMxLDEzLjQxM2MtMS4xMiwwLjQ5Ny0yLjMyMywwLjgzMy0zLjU4OCwwLjk4NGMxLjI5MS0wLjc3NCwyLjI4LTEuOTk4LDIuNzQ3LTMuNDU3DQoJYy0xLjIwNiwwLjcxNi0yLjU0MywxLjIzNi0zLjk2OCwxLjUxNmMtMS4xMzktMS4yMTQtMi43NjMtMS45NzItNC41Ni0xLjk3MmMtMy40NDksMC02LjI0NiwyLjc5Ni02LjI0Niw2LjI0Nw0KCWMwLDAuNDksMC4wNTUsMC45NjYsMC4xNjEsMS40MjRjLTUuMTkyLTAuMjYxLTkuNzk1LTIuNzQ5LTEyLjg3Ni02LjUyOGMtMC41MzgsMC45MjMtMC44NDYsMS45OTYtMC44NDYsMy4xNDENCgljMCwyLjE2NywxLjEwMyw0LjA4LDIuNzc5LDUuMTk5Yy0xLjAyNC0wLjAzMi0xLjk4Ny0wLjMxMy0yLjgzLTAuNzgxYzAsMC4wMjYsMCwwLjA1MywwLDAuMDc5YzAsMy4wMjYsMi4xNTMsNS41NTEsNS4wMTEsNi4xMjUNCgljLTAuNTI1LDAuMTQzLTEuMDc2LDAuMjE5LTEuNjQ2LDAuMjE5Yy0wLjQwMywwLTAuNzk0LTAuMDM4LTEuMTc2LTAuMTFjMC43OTUsMi40OCwzLjEwMiw0LjI4Nyw1LjgzNSw0LjMzOA0KCWMtMi4xMzgsMS42NzUtNC44MzIsMi42NzUtNy43NTgsMi42NzVjLTAuNTA0LDAtMS4wMDItMC4wMy0xLjQ5MS0wLjA4OWMyLjc2NSwxLjc3Myw2LjA0OCwyLjgwOCw5LjU3NiwyLjgwOA0KCWMxMS40OSwwLDE3Ljc3NC05LjUxOSwxNy43NzQtMTcuNzc0YzAtMC4yNzEtMC4wMDYtMC41NC0wLjAxOS0wLjgwOUMzOC4zMzQsMTUuNzY2LDM5LjM5NCwxNC42NjYsNDAuMjMxLDEzLjQxM3oiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MC4yMzEsMTQuNzM5Yy0xLjEyLDAuNDk3LTIuMzIzLDAuODMzLTMuNTg4LDAuOTg0YzEuMjkxLTAuNzczLDIuMjgtMS45OTgsMi43NDctMy40NTYNCgljLTEuMjA2LDAuNzE2LTIuNTQzLDEuMjM2LTMuOTY4LDEuNTE2Yy0xLjEzOS0xLjIxNC0yLjc2My0xLjk3Mi00LjU2LTEuOTcyYy0zLjQ0OSwwLTYuMjQ2LDIuNzk2LTYuMjQ2LDYuMjQ3DQoJYzAsMC40ODksMC4wNTUsMC45NjYsMC4xNjEsMS40MjRjLTUuMTkyLTAuMjYxLTkuNzk1LTIuNzQ4LTEyLjg3Ni02LjUyN2MtMC41MzgsMC45MjMtMC44NDYsMS45OTYtMC44NDYsMy4xNDENCgljMCwyLjE2NywxLjEwMyw0LjA3OSwyLjc3OSw1LjE5OWMtMS4wMjQtMC4wMzItMS45ODctMC4zMTMtMi44My0wLjc4MWMwLDAuMDI2LDAsMC4wNTIsMCwwLjA3OWMwLDMuMDI3LDIuMTUzLDUuNTUxLDUuMDExLDYuMTI1DQoJYy0wLjUyNSwwLjE0NC0xLjA3NiwwLjIxOS0xLjY0NiwwLjIxOWMtMC40MDMsMC0wLjc5NC0wLjAzOC0xLjE3Ni0wLjExYzAuNzk1LDIuNDgxLDMuMTAyLDQuMjg3LDUuODM1LDQuMzM4DQoJYy0yLjEzOCwxLjY3Ni00LjgzMiwyLjY3NS03Ljc1OCwyLjY3NWMtMC41MDQsMC0xLjAwMi0wLjAzLTEuNDkxLTAuMDg5YzIuNzY1LDEuNzczLDYuMDQ4LDIuODA4LDkuNTc2LDIuODA4DQoJYzExLjQ5LDAsMTcuNzc0LTkuNTE5LDE3Ljc3NC0xNy43NzRjMC0wLjI3MS0wLjAwNi0wLjU0LTAuMDE5LTAuODA4QzM4LjMzNCwxNy4wOTIsMzkuMzk0LDE1Ljk5Miw0MC4yMzEsMTQuNzM5eiIvPg0KPC9zdmc+DQo=") 0 0 no-repeat;
    }
    .facebook {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTQgLTE0IDQ4IDQ4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xNCAtMTQgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5MC4wNTI3IiB5MT0iLTk5Ljc2MDMiIHgyPSI5MC4wNTI3IiB5Mj0iLTEwNi4zODA5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDcuMjMzOCAwIDAgLTcuMjMzOCAtNjQxLjQ5OTggLTczNS41NjE5KSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzRCNzFCOCIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyOTNGN0UiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIgZD0iTTMzLjkzMSwyNy45OTNjMCwzLjMwNC0yLjY4OSw1Ljk4My02LjAwMiw1Ljk4M0gtOC4wODJjLTMuMzE1LDAtNi4wMDEtMi42ODMtNi4wMDEtNS45ODNWLTcuOTI4DQoJYzAtMy4zMDgsMi42ODctNS45ODgsNi4wMDEtNS45ODhoMzYuMDExYzMuMzEyLDAsNi4wMDIsMi42ODEsNi4wMDIsNS45ODhWMjcuOTkzeiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1LjYxMy00LjU1N2MwLDAtMy43MDcsMC02LjE2NiwwYy0zLjY2MiwwLTcuNzMyLDEuNTM1LTcuNzMyLDYuODM1YzAuMDE5LDEuODQ1LDAsMy42MTMsMCw1LjYwM0g3LjQ4MQ0KCXY2LjcyOGg0LjM2NnYxOS4zN2g4LjAyMVYxNC40OGg1LjI5NWwwLjQ3OS02LjYxOGgtNS45MTNjMCwwLDAuMDE2LTIuOTQ2LDAtMy44YzAtMi4wOTMsMi4xODQtMS45NzQsMi4zMTItMS45NzQNCgljMS4wNDIsMCwzLjA1OSwwLjAwMywzLjU3OCwwdi02LjY0NkgyNS42MTN6Ii8+DQo8L3N2Zz4NCg==") 0 0 no-repeat;
    }
    .googleplus {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjMuOTk5NSIgeTE9IjAiIHgyPSIyMy45OTk1IiB5Mj0iNDguMDAwNSI+DQoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0UxNkQzNSIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNDOTNEMUQiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0idXJsKCNTVkdJRF8xXykiIGQ9Ik00OCw0MmMwLDMuMzEzLTIuNjg3LDYtNiw2SDZjLTMuMzEzLDAtNi0yLjY4Ny02LTZWNg0KCWMwLTMuMzEzLDIuNjg3LTYsNi02aDM2YzMuMzEzLDAsNiwyLjY4Nyw2LDZWNDJ6Ii8+DQo8cGF0aCBmaWxsPSIjQjczMjFDIiBkPSJNMjYuNjk3LDI1LjgyNGMtMC41NTYtMC4yMzktMS4xMDgtMC4zNzEtMS42NTgtMC4zOTVjLTAuMzgzLTAuMDEyLTEuMDMxLTAuMDQ4LTEuOTQ1LTAuMTA3DQoJYy0wLjkxNS0wLjA2LTEuNjM0LTAuMDk2LTIuMTYtMC4xMDdjLTAuNDktMC4wMTItMC45NjUtMC4wMy0xLjQyNS0wLjA1NWMtMC40Ni0wLjAyMy0wLjg2NC0wLjA4My0xLjIxLTAuMTc5DQoJYy0wLjM1OS0wLjA4NC0wLjY2NC0wLjI0Mi0wLjkxNS0wLjQ3NmMtMC4yNTEtMC4yMzItMC4zNzYtMC41Ny0wLjM3Ni0xLjAxM2MwLTAuNDMsMC4xNDktMC43NzEsMC40NDgtMS4wMjFzMC41ODUtMC40MjQsMC44Ni0wLjUyDQoJaDIuMTY5YzEuNjczLDAsMy4xNC0wLjUzOCw0LjQwMS0xLjYxM2MxLjI2MS0xLjA3NiwxLjg5MS0yLjM5LDEuODkxLTMuOTQ0YzAtMC41OTctMC4xMDctMS4yMDctMC4zMjItMS44MjkNCgljLTAuMjE1LTAuNjIxLTAuNTQ0LTEuMTg5LTAuOTg2LTEuNzAzdi0wLjEwN2g0LjE1OXYtMS43MjFoLTYuMTY3Yy0wLjU1LTAuMTY3LTEuMDkxLTAuMzA1LTEuNjIzLTAuNDEycy0xLjA2Ny0wLjE2Mi0xLjYwNC0wLjE2Mg0KCWMtMS45NDgsMC0zLjU0NywwLjUzOC00Ljc5NSwxLjYxNGMtMS4yNDksMS4wNzYtMS44NzQsMi40NS0xLjg3NCw0LjEyM2MwLDEuMTEyLDAuMzE2LDIuMDg5LDAuOTUsMi45MzENCgljMC42MzMsMC44NDMsMS41MjMsMS41MzMsMi42NzEsMi4wNzF2MC4yNjljLTAuOTA4LDAuMzgyLTEuNTg2LDAuODQtMi4wMzUsMS4zNzFjLTAuNDQ4LDAuNTMyLTAuNjcyLDEuMTE0LTAuNjcyLDEuNzQ4DQoJYzAsMC41MDIsMC4wOTYsMC45MjMsMC4yODcsMS4yNjRjMC4xOTEsMC4zNDEsMC40NDIsMC42MzcsMC43NTMsMC44ODhjMC4yNzUsMC4yMTUsMC42MDMsMC40MDMsMC45ODYsMC41NjQNCgljMC4zODIsMC4xNjEsMC43NTMsMC4yOTYsMS4xMTEsMC40MDN2MC4yNTFjLTEuNDgyLDAuMDYxLTIuNzAxLDAuNDQyLTMuNjU3LDEuMTQ3Yy0wLjk1NiwwLjcwNS0xLjQzNCwxLjY2Ny0xLjQzNCwyLjg4Nw0KCWMwLDEuNTA2LDAuNjY0LDIuNjQ5LDEuOTksMy40MzNzMy4zMjgsMS4xNzUsNi4wMDUsMS4xNzVjMS42MzcsMCwzLjAxMi0wLjE1Niw0LjEyNC0wLjQ2N3MyLjA2Ny0wLjc0NywyLjg2OC0xLjMwOQ0KCWMwLjc1My0wLjU1LDEuMzE0LTEuMTk4LDEuNjg2LTEuOTQ1YzAuMzctMC43NDcsMC41NTYtMS41NDQsMC41NTYtMi4zOTNzLTAuMTM4LTEuNTYtMC40MTItMi4xMzQNCgljLTAuMjc1LTAuNTczLTAuNjUyLTEuMDg3LTEuMTMtMS41NDJDMjcuNzU4LDI2LjM5MiwyNy4yNTMsMjYuMDYzLDI2LjY5NywyNS44MjR6IE0yMi41MzgsMTkuNDY5DQoJYy0wLjU1NiwwLjgzMS0xLjM0OCwxLjI0Ni0yLjM3NSwxLjI0NmMtMC45MiwwLTEuNjctMC40MTgtMi4yNS0xLjI1NWMtMC41OC0wLjgzNi0wLjg2OS0xLjkxOC0wLjg2OS0zLjI0NQ0KCWMwLTAuNTg1LDAuMDUxLTEuMTU2LDAuMTUyLTEuNzEyYzAuMTAxLTAuNTU2LDAuMjcxLTEuMDMxLDAuNTExLTEuNDI1YzAuMjUxLTAuNDMsMC41NzctMC43NjIsMC45NzctMC45OTUNCgljMC40LTAuMjMzLDAuODgxLTAuMzUsMS40NDMtMC4zNWMxLjAyNywwLDEuODI1LDAuNDE2LDIuMzkzLDEuMjQ2YzAuNTY3LDAuODMxLDAuODUyLDEuOTQ1LDAuODUyLDMuMzQzDQoJQzIzLjM3MiwxNy41ODksMjMuMDk0LDE4LjYzOCwyMi41MzgsMTkuNDY5eiBNMjUuMjk5LDM0LjIyM2MtMS4wMSwwLjY3Ni0yLjM5NCwxLjAxMy00LjE1LDEuMDEzYy0xLjAxNiwwLTEuODc2LTAuMDk5LTIuNTgyLTAuMjk1DQoJYy0wLjcwNS0wLjE5Ny0xLjI2Ny0wLjQ1MS0xLjY4NS0wLjc2M2MtMC40NDItMC4zMjItMC43NTMtMC42NzUtMC45MzItMS4wNThjLTAuMTc5LTAuMzgyLTAuMjY5LTAuNzgyLTAuMjY5LTEuMjAxDQoJYzAtMC45MzIsMC4yNzItMS42OTMsMC44MTYtMi4yODVjMC41NDMtMC41OTIsMS40NjEtMS4wMTQsMi43NTItMS4yNjVjMS4zNzQsMCwyLjU4MiwwLjAzLDMuNjIxLDAuMDkNCgljMS4wNCwwLjA2MSwxLjcyNywwLjExNCwyLjA2MiwwLjE2MWMwLjYzMywwLjE1NSwxLjEwNSwwLjQ0OCwxLjQxNywwLjg3OWMwLjMxMSwwLjQzMSwwLjQ2NiwwLjk3OSwwLjQ2NiwxLjY0OQ0KCUMyNi44MTMsMzIuNTIyLDI2LjMwOSwzMy41NDgsMjUuMjk5LDM0LjIyM3oiLz4NCjxwYXRoIGZpbGw9IiNCNzMyMUMiIGQ9Ik0zMy42NDgsMTYuMzA4djMuNTA1aDEuMzY4di0zLjUwNWgzLjQ4OXYtMS4zNDVoLTMuNDg5VjExLjQ1aC0xLjM2OHYzLjUxM2gtMy40ODl2MS4zNDVIMzMuNjQ4eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI2LjY5NywyNy4xOTljLTAuNTU2LTAuMjM5LTEuMTA4LTAuMzcxLTEuNjU4LTAuMzk1Yy0wLjM4My0wLjAxMi0xLjAzMS0wLjA0OC0xLjk0NS0wLjEwNw0KCWMtMC45MTUtMC4wNi0xLjYzNC0wLjA5Ni0yLjE2LTAuMTA3Yy0wLjQ5LTAuMDEyLTAuOTY1LTAuMDMtMS40MjUtMC4wNTVjLTAuNDYtMC4wMjMtMC44NjQtMC4wODMtMS4yMS0wLjE3OQ0KCWMtMC4zNTktMC4wODQtMC42NjQtMC4yNDItMC45MTUtMC40NzZjLTAuMjUxLTAuMjMyLTAuMzc2LTAuNTctMC4zNzYtMS4wMTNjMC0wLjQzLDAuMTQ5LTAuNzcxLDAuNDQ4LTEuMDIxczAuNTg1LTAuNDI0LDAuODYtMC41Mg0KCWgyLjE2OWMxLjY3MywwLDMuMTQtMC41MzgsNC40MDEtMS42MTNjMS4yNjEtMS4wNzYsMS44OTEtMi4zOSwxLjg5MS0zLjk0NGMwLTAuNTk3LTAuMTA3LTEuMjA3LTAuMzIyLTEuODI5DQoJYy0wLjIxNS0wLjYyMS0wLjU0NC0xLjE4OS0wLjk4Ni0xLjcwM1YxNC4xM2g0LjE1OXYtMS43MjFoLTYuMTY3Yy0wLjU1LTAuMTY3LTEuMDkxLTAuMzA1LTEuNjIzLTAuNDEycy0xLjA2Ny0wLjE2Mi0xLjYwNC0wLjE2Mg0KCWMtMS45NDgsMC0zLjU0NywwLjUzOC00Ljc5NSwxLjYxNGMtMS4yNDksMS4wNzYtMS44NzQsMi40NS0xLjg3NCw0LjEyM2MwLDEuMTEyLDAuMzE2LDIuMDg5LDAuOTUsMi45MzENCgljMC42MzMsMC44NDMsMS41MjMsMS41MzMsMi42NzEsMi4wNzF2MC4yNjljLTAuOTA4LDAuMzgyLTEuNTg2LDAuODQtMi4wMzUsMS4zNzFjLTAuNDQ4LDAuNTMyLTAuNjcyLDEuMTE0LTAuNjcyLDEuNzQ4DQoJYzAsMC41MDIsMC4wOTYsMC45MjMsMC4yODcsMS4yNjRjMC4xOTEsMC4zNDEsMC40NDIsMC42MzcsMC43NTMsMC44ODhjMC4yNzUsMC4yMTUsMC42MDMsMC40MDMsMC45ODYsMC41NjQNCgljMC4zODIsMC4xNjEsMC43NTMsMC4yOTYsMS4xMTEsMC40MDN2MC4yNTFjLTEuNDgyLDAuMDYxLTIuNzAxLDAuNDQyLTMuNjU3LDEuMTQ3Yy0wLjk1NiwwLjcwNS0xLjQzNCwxLjY2Ny0xLjQzNCwyLjg4Nw0KCWMwLDEuNTA2LDAuNjY0LDIuNjQ5LDEuOTksMy40MzNzMy4zMjgsMS4xNzUsNi4wMDUsMS4xNzVjMS42MzcsMCwzLjAxMi0wLjE1Niw0LjEyNC0wLjQ2N3MyLjA2Ny0wLjc0NywyLjg2OC0xLjMwOQ0KCWMwLjc1My0wLjU1LDEuMzE0LTEuMTk4LDEuNjg2LTEuOTQ1YzAuMzctMC43NDcsMC41NTYtMS41NDQsMC41NTYtMi4zOTNzLTAuMTM4LTEuNTYtMC40MTItMi4xMzQNCgljLTAuMjc1LTAuNTczLTAuNjUyLTEuMDg3LTEuMTMtMS41NDJDMjcuNzU4LDI3Ljc2NywyNy4yNTMsMjcuNDM4LDI2LjY5NywyNy4xOTl6IE0yMi41MzgsMjAuODQ0DQoJYy0wLjU1NiwwLjgzMS0xLjM0OCwxLjI0Ni0yLjM3NSwxLjI0NmMtMC45MiwwLTEuNjctMC40MTgtMi4yNS0xLjI1NWMtMC41OC0wLjgzNi0wLjg2OS0xLjkxOC0wLjg2OS0zLjI0NQ0KCWMwLTAuNTg1LDAuMDUxLTEuMTU2LDAuMTUyLTEuNzEyYzAuMTAxLTAuNTU2LDAuMjcxLTEuMDMxLDAuNTExLTEuNDI1YzAuMjUxLTAuNDMsMC41NzctMC43NjIsMC45NzctMC45OTUNCgljMC40LTAuMjMzLDAuODgxLTAuMzUsMS40NDMtMC4zNWMxLjAyNywwLDEuODI1LDAuNDE2LDIuMzkzLDEuMjQ2YzAuNTY3LDAuODMxLDAuODUyLDEuOTQ1LDAuODUyLDMuMzQzDQoJQzIzLjM3MiwxOC45NjQsMjMuMDk0LDIwLjAxMywyMi41MzgsMjAuODQ0eiBNMjUuMjk5LDM1LjU5OGMtMS4wMSwwLjY3Ni0yLjM5NCwxLjAxMy00LjE1LDEuMDEzYy0xLjAxNiwwLTEuODc2LTAuMDk5LTIuNTgyLTAuMjk1DQoJYy0wLjcwNS0wLjE5Ny0xLjI2Ny0wLjQ1MS0xLjY4NS0wLjc2M2MtMC40NDItMC4zMjItMC43NTMtMC42NzUtMC45MzItMS4wNThjLTAuMTc5LTAuMzgyLTAuMjY5LTAuNzgyLTAuMjY5LTEuMjAxDQoJYzAtMC45MzIsMC4yNzItMS42OTMsMC44MTYtMi4yODVjMC41NDMtMC41OTIsMS40NjEtMS4wMTQsMi43NTItMS4yNjVjMS4zNzQsMCwyLjU4MiwwLjAzLDMuNjIxLDAuMDkNCgljMS4wNCwwLjA2MSwxLjcyNywwLjExNCwyLjA2MiwwLjE2MWMwLjYzMywwLjE1NSwxLjEwNSwwLjQ0OCwxLjQxNywwLjg3OWMwLjMxMSwwLjQzMSwwLjQ2NiwwLjk3OSwwLjQ2NiwxLjY0OQ0KCUMyNi44MTMsMzMuODk3LDI2LjMwOSwzNC45MjMsMjUuMjk5LDM1LjU5OHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMy42NDgsMTcuNjgzdjMuNTA1aDEuMzY4di0zLjUwNWgzLjQ4OXYtMS4zNDVoLTMuNDg5di0zLjUxM2gtMS4zNjh2My41MTNoLTMuNDg5djEuMzQ1SDMzLjY0OHoiLz4NCjwvc3ZnPg0K") 0 0 no-repeat;    
    }

} /* @media all */

@media screen {
    .assistive { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .assistive.focusable:active,
    .assistive.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
} /* @media screen */

@media screen and (min-width: 1700px) {
    #header {
        background: #000 url("img/graf-banner-30pc.jpg") 50% 50% repeat;
    }
    table {
        max-width: 50em;
    }
}

@media screen and (max-width: 1200px) {
    .item.sidebar,
    .item.content {
        display: block;
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .item.sidebar {
        width: 340px;
    }
    .sidebar-content {
        background: #f2f2f2;
        padding: 1em 1.5em;
        border-radius: 5px;
    }
}

@media screen and (max-width: 900px) {
    .group {
        display: block;
    }
    .item {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }
    .group > h1,
    .group > h2,
    .group > h3 {
        display: block;
    }
    #jumpnav li,
    #archives li {
        width: 45%;
        padding: 0;
    }
    .item,
    #primary,
    #secondary {
        padding-right: 0;
    }
    .leaderboard { display: none; }
}

@media screen and (max-width: 800px) {
    #page {
        margin: 0.5em;
        padding: 1em; 
        width: auto;
    }
    #navigation .item {
        display: block;
        width: auto;
    }
}

@media screen and (max-width: 600px) {
    .item {
        display: block;
        width: auto;
    }
    .item.sidebar { min-width: 0; }
    #jumpnav li,
    #archives li {
        width: 100%;
    }
    .social-icon { margin: 5px; }
}

/* smartphone/iPhone */
@media only screen and (max-device-width: 480px) {
    body { background: #333; background-image: none; font-size: 100%; line-height: 1.6; font-family: sans-serif; -webkit-text-size-adjust:100%; }
    #wrapper, #page,  .group, .item {
        float: none !important; max-width: 100% !important; min-width: 0 !important; width: auto !important; display: block !important;
    }  
    .promo-spot { clear: both; }
    #header { color: #fff; background-color: #333; background-image: url("img/graf-banner-small-30pc.jpg"); padding:0 1em; }
    #header h1 { margin: 0; padding: 0; font-size: 2em; }
    .blogpage #header h1 { font-size: 2em; }
    .blogpage-post #header { display:none; }
    #page { margin: 0; padding: 1em; text-align: left; background-image: none; border-radius: 0; }
    h2 { color: #a11f1f; border-bottom: 3px solid #f2f2f2; }
    h1, h2, h3 { display: block !important; }
    /*#skip-links.assistive { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }*/
    #jumpnav li, #archives li { display: block; float: none; }
    .nomobile { display: none !important; }
} /* end only screen and (max-device-width: 480px) */

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        font-size: 100%;
        line-height: 1.5;
        background: #333;
        background-image: none;        
    }
    #page { 
        margin: 1em;
        padding: 3em;
        text-align: left;
        width: auto;
    }
    .index li {
        margin-bottom: 0.5em;
    }
    .notablet { display: none !important; }
}

@media print {
    .category-more, .addthis, .tshirthellbanner, #ads, #page > ins, iframe, #header, #footer, .social-icons, .item.sidebar { display: none !important; }
    html, body, #page, #header { color: #000 !important; background: #fff !important; font-family: verdana, helvetica, arial, sans-serif; font-size: 95%; margin: 0; padding: 0; border: 0; width: auto; }
    .trail, .more-link { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eee !important; border: 1px solid #eee !important; padding: 0.3em 1em; margin: 1em 0; }
    .more-link:after { content: " at http://funnyshit.com.au/" }
    .item { display: block !important; padding-right: 0; }
} /* @media print */