/*	5-column layout
    60 px columns, 24 px gutters, 42 px margins, 480 px total
    ---------------------------------------------------------
    1     2      3      4      5
    60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {

    body {
        padding: 20px 42px 0;
        width: 396px;
        -webkit-text-size-adjust: 100%;
    }

    #headernav ul li a { font-size: 89%; }

    #footer_links { width: 144px; }
    #connect_links { width: 60px; }
    #friend_links, #jdriven-logo { width: 144px; }
    ul.connect { margin: 10px 0; }
    ul.connect li { height: 60px; }
    ul.connect li p.description { display: none; }
    .Label { width: 228px; }
    .CustomSearch { margin-left: 122px; }
    .Followers { margin-top: 0px; }

    .syntaxhighlighter .toolbar { display: none; }

    #top-theme-selector.site { top: 48px; }
}