/*
Theme Name: random says what?
Base Theme URI: http://random-hall.mit.edu/
Base Theme Author: ryoken
Base Theme Author URI: http://www.ryo-baka.net

The div structure of this theme relies heavily on K2 and unsleepable.


Edits by beth_s
Made responsive by lucci
*/

#container {
width:100%;
max-width:775px;
margin: 0 auto;
overflow:hidden;
}

.editlink {
        background: #fff;
}

.category {
        background: #fff;
        padding: 2px 0 2px 1px;
        }

#splash-header {
    background: #333333;
    color: #fff;
    padding: 0 0 10px 0;
    position: relative;
    text-align: left;
    margin: 0;
    line-height: 150%;
    border-bottom: 1px solid #0FF;
    }
        
#splash-header h1 {
    margin: 0;
    font: 36px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#splash-page {
    width:600px;
    margin: 0px auto;
    text-align:left;
    padding:0px;
    background-color:#fff;
}

#splash-content {
       display: block;
       height: 300px;
       width: 407px;
}

#splash-content a {
       display: block;
       height: 300px;
       width: 407px;
       background: url('images/random2.png') no-repeat;
       cursor: default;
}

#splash-content a:hover {
       background-position: 0 -300px;
       cursor: default;
}

#splash-sidebar {
        float: right;
        width: 193px;
}

#splash-sidebar ul, #splash-sidebar li {
        width: 193px;
        line-height: 150%;
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#splash-sidebar a {
        display: block;
        color: #fff;
        font: 15px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;  
       
        padding-top: 21px;
        width: 183px;
        height: 28px;
        border-bottom: 1px solid #0FF;
        padding-left: 10px;
        vertical-align: middle;
}

#splash-footer {
    background: #333;
    color: #fff;
    padding: 5px 0 5px 0;
    text-align: center;
        margin: 0 auto 0;
        line-height: 150%;
        }

#title {
    float: left;
    width: 270px;
    font-size: 36px;
    border-right: 1px solid #0FF;
        }

#title a {
    display: block;
    width: 250px;
    height: 50px;
    line-height: 30px;
    padding: 50px 20px 0px 10px;
        }

#topmenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    text-transform: lowercase;
        }

#topmenu li {
    float: left;
    width: 7em;
    border-right: 1px solid #0FF;
        }

#topmenu a {
    display: block;
    height: 50px;
    width: 7em;
    line-height: 50px;
    padding: 50px 0 0;
    text-align: center;
        }
        
#topmenu a:hover {
    color: #fff;
    }

/*  #topmenu .dropmenu {
      display: none;
     }

#topmenu li:hover .dropmenu {
     display: block;
     }  */


#about  {
        background-color: #E00;
}


#people {
        background-color: #E40
}


#photos {
        background-color: #E70

}
#links {
        background-color: #E90
}

#rush{
        background-color: #EB0
}

#blog {
        background-color: #EC0
}


#about a:hover {
        background-color: #F00;
}


#people a:hover {
        background-color: #F60
}


#photos a:hover {
        background-color: #F80

}
#links a:hover {
        background-color: #FA0
}

#rush a:hover {
        background-color: #FD0
}

#blog a:hover {
        background-color: #FE0
}


#subnav {list-style-type: none; list-style-image: none; background-color: #333; text-align: center; padding-top:6px; padding-bottom:2px}
#subnav a {color: #E70; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 200%;}
#subnav a.current {color: #E00}

body {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
        font-size: 11px !important; 
    background: #ccc;
    background-color: #ccc;
    text-align: center;
    margin: 0px;
    }

#page {
        background: #fff;
        background-position: right !important;
    text-align: left;
    margin: 0px auto 0px;
    padding: 0;
    position: relative;
    width: 775px;
        }

#header {
    height: 100px;
        width: 775px;
    color: #fff;
    background: #333;
        margin: 0;
        }

#header a {
    color: #fff;
        }

#header .current_page_item {
    background: #039;
    color: #fff;
        }

.primary {
    width: 90%;
    float: left;
    padding: 20px 5% 15px 5%;
    margin: 0;
    display: inline;
    }

.secondary {
    font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    padding: 5px 0 20px 5px;
    margin: 0px 0 0px 71%;
    width: 26%;
    color: #666;
    position: relative;
        line-height: 1.3em !important;
        }

.secondary a {
        color: #333;
        }

.secondary a:hover {
        text-decoration: underline !important;
        }
.comments {
    text-align: left;
    padding: 30px 0 0;
    position: relative;
    }

a img,:link img,:visited img {
        border:none;
        }


/*- Headings -*/

h1, h2, h3, h4 {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    }

h1 {
        padding-top: 10px;
        }



.pagetitle { /* Used on static pages and archives */
    text-align: center;
    margin: 15px 0 20px;
    }

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
    font-size: 23px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    display: inline;
        font-family: Helvetica, Arial, Sans-Serif !important;
        color: #555 !important;
        text-transform: lowercase;
    }

.secondary h2 { /* Secondary H2 is sidebar headlines */
    font-family: Helvetica, Arial, Sans-Serif !important;
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #555;
    margin: 0 0 10px 0 !important;
    padding: 0;
    letter-spacing: -1px;
    text-transform: lowercase;
    }
.secondary h2 a:hover { /* Secondary H2 is sidebar headlines */
        font-family: Helvetica, Arial, Sans-Serif !important;
    font-size: 16px;
    font-weight: bold;
    display: inline;
        color: #369 !important;
        padding: 0;
        letter-spacing: -1px;
        text-transform: lowercase;
        text-decoration: none !important;
        }

.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
    font-size: 2.2em;
    font-weight: normal;
    letter-spacing: -1px;
    display: inline;
    }

.primary .aside h3 {
    font-size: 1.6em;
    font-weight: normal;
    }

.itemhead {
    margin-top: 10px;
    }

.itemtext h3 { /* For use on Pages */
    font-size: 1.9em;
    display: block;
    /*padding: 15px 0 0;*/
    }

.itemtext h4 { /* For use on Pages */
    font-size: 1.5em;
    display: block;
    /*padding: 15px 0 0;*/
    }

.secondary div {
    margin: 20px 0 0;
    padding: 0;
    }

.secondary div div div {
        margin: 0;
        }
    
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
    color: #999;
    font-weight: normal;
    }

.primary .item .itemhead .metalink, .comments .primary .metalink {
    font-size: 1.8em;
    letter-spacing: -1px;
    text-transform: lowercase;
    margin-left: 15px;
    }

.primary .aside .itemhead .metalink {
    font-size: 1.4em;
    }

.permalink .primary .aside .itemtext {
    font-size: 1.4em;
    color: #999;
    }

.comments .primary .metalink {
    margin: 0 15px 0 0;
    float: none;
    }

.primary .aside {
    padding: 8px;
    margin: 0 4%;
    }

.secondary .aside {
    margin: 0;
    padding: 0 0 10px;
    word-spacing: -1px;
    }

.secondary .aside .metalink {
    padding-left: 0px;
    }

.secondary span a {
    margin-left: 10px;
    }

.editlink img {
    width: 16px;
    height: 16px;
    border: none !important;
    padding: 0 !important;
    margin: 4px 0 0 !important;
    position: absolute;
    right: 0;
    }

.aside .editlink img {
    top: 9px;
    }

.commentseditlink {
    border: none;
    padding: 2px;
    padding-left: 10px;
    }

.metalink a span {
    display: none;
    }

.metalink a:hover span {
    display: inline;
    }

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
    color: #444;
    }

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
    text-decoration: none;
    }

.metadata { /* Time and category for blog entries */
        font-size: 1em;
    display: inline;
    padding-top: 2px !important;
    color: #bbb;
        }

.metadata a {
    color: #369 ;
        font-weight: normal;
    }

.metadata a:hover{
    color: #369 !important;
        text-decoration: underline !important;
    }

.metadata a:visited{
        color: #666;
        }

.commentslink {
    padding: 2px 0 2px 0;
    }

.timemeta {
        margin-left: 3px !important;
    padding: 0;
    color: #ccc !important;
        font-family: Helvetica, Arial, Sans-Serif !important;
        letter-spacing: -1px;
        font-weight: bold;
        font-size: 23px;
        text-transform: lowercase;
        display: inline;
    }

/*- Primary Contents */


.primary .item {
        margin: 0;
    padding: 0px 0 15px;
    position: relative;
    }

.primary .item .itemtext {
    font: 1.2em 'Trebuchet MS',  ; 
    text-align: left;
    color: #333;
        padding-bottom: 1px;
        background: url('images/break.gif') bottom left repeat-x;
        line-height: 150% !important;
        margin-bottom: 2px;
    }

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
    margin: 13px 0;
    }

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
    margin: 5px 0;
    }

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
    margin: 13px 0;
    }

.metalinks {
    margin-top: 3px;
    }

.commentsrsslink {
    padding: 2px 0 2px 0px;
    margin-right: 10px;
    height: 16px;
    }

.trackbacklink {
    padding: 2px 0 2px 0px;
    height: 16px;
    }

.commentsrsslink a, .trackbacklink a {
    color: #999;
    padding: 2px;
    }

.comments .commentlist {
    margin: 0;
    padding: 20px 0;
    position: relative;
    }

.comments .commentlist li {
    margin: 10px 0;
    padding: 10px 10px 5px;
    list-style: none;
    }

.comments .commentlist{
    padding: 2px 0 2px 0px;
    display: block;
    }

.commentmetadata {
        font-size: 12px;
        display: inline;
        }

.comments .commentlist li img {
    padding: 0;
    border: none;
    }

.comments .commentlist li img.gravatar {
    float: right;
    margin: -5px 0 0;
        background: url('images/defaultgravatar.jpg') no-repeat !important;
        width: 32px;
        height: 32px;
    }

.comments .commentlist li .commentauthor {
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: -1px;
    }

.comments .commentlist li .counter {
    font: normal 1.5em Helvetica, Sans-Serif;
    color: #999;
    float: left;
    width: 35px;
    }

.comments .commentlist li.authorcomment {
    background: #efe;

    }

.comments .pinglist {
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    }

.comments .pinglist li {
    margin-left: 40px;
    padding: 7px 0;
    list-style: none;
    }

.comments .pinglist li .commentauthor {
    font-weight: bold;
    display: block;
    }

.comments .pinglist li small {
    font: .8em Arial, Sans-Serif;
    display: block;
    }

.comments .pinglist li .counter {
    display: none;
    }

.comments .pinglist li span.favatar img {
    margin-left: -25px;
    border: none;
    padding: 0;
    float: left;
    }

.comments .pinglist li img {
    padding: 0;
    border: none;
    }
    
.comments #leavecomment {
    text-align: center;
    margin-bottom: 40px;
    color: #ddd;
    font-size: 2em;
    letter-spacing: -2px;
    }

.comments #loading {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
    color: #ddd;
    font-size: 2em;
    letter-spacing: -1px;
    }

.comments form {
        clear: both;
    padding: 1px 0 30px;
    margin: 0;
    }

input[type=text], textarea {
    font: 1.1em Trebuchet MS; 
    padding: 3px;
    color: #777;
    }

input[type=text]:focus, textarea:focus {
    background: #fff;
    color: #333;
    border-color: #666;
    }

.comments form input[type=text] {
    width: 45%;
    margin: 5px 5px 1px 0;
    }

.comments form textarea {
    height: 250px;
    padding: 2px;
    width: 100%;
    }

.comments form #submit {
    margin: 0;
    float: right;
    }

#footer {
    background: #333333;
    color: #fff;
    padding: 0 0 15px 0;
    position: relative;
    text-align: center;
        margin: 0 auto 0;
    width: 775px;
        line-height: 150%;
        }

#footer a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
        }

#footer a:hover {
    border: none;
    text-decoration: none;
    color: #fff;
        }

/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
text-decoration: underline !important;
    }

h2 a:hover, h2 span a:hover {
    color: #369!important;
        text-decoration: none !important;
    }

a {
    color: #369;
        border-bottom: none;
        text-decoration: none !important;
    }

.itemtext a{
        color: #369;
        text-decoration: none !important;
        font-weight: normal;
        }

.itemtext a:hover{
    color: #369!important;
        text-decoration: underline!important;
        font-weight: normal;
        }

/*- Various Tags and Classes */

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    }

table.photos {
    table-layout: fixed;
}

.primary img {
    float: center;
    border: 0px solid #ccc;
    max-width: 100% !important;
    max-height: 100% !important;
    display: inline;
    }

.center {
    text-align: center;
    }

.alignright {
    float: right;
    }
    
.alignleft {
    float: left
    }


img.center, img[align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
        padding: 0px;
    }
    
img.alignright, img[align="right"] {
    padding: 3px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft, img[align="left"] {
    padding: 3px;
    margin: 0 7px 2px 0;
    display: inline;
    }
    
img.noborder {
    border: none !important;
    }

.favorite img {
        margin: 0 0 0 -15px !important;
    padding: 0;
    border: none !important;
    }

small {
    font-size: .9em;
    line-height: 1.5em;
        color: #777;
    }

strike {
    color: #777;
    }
    
code {
        font: 1.3em 'Courier New', Courier, Fixed;
        display:block; 
        overflow:auto; 
        text-align:left; 
        background:#efefef; 
        border:1px solid #A6B0BF; 
    }

acronym, abbr {
    font-size: 0.9em;
    letter-spacing: .07em;
    border-bottom: 0px dashed #999;
    cursor: help;
    }

blockquote {
    margin: 20px 0;
    padding: 0 20px 0 50px;
    border: none;
    }

hr {
    display: none;
    }

.navigation {
    text-align: center;
    margin: 10px 0 10px;
    padding: 0;
    width: 100%;
    }

.navigation .left {
    float: left;
    width: 50%;
    text-align: left;
    }

.navigation .right {
    float: right;
    width: 50%;
    text-align: right;
    }

.navigation p {
    margin: 0;
    padding: 0;
    }

.navigation a {
    color: #999;
    }

.alert {
    background: #FFF6BF;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    }

img.wp-smiley {
    border: none !important;
    padding: 0 0 0 5px !important;
    }

/*- Begin Lists */

.itemtext ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.itemtext ul{
        list-style-type: none !important;
        }

.itemtext ol li {
    margin: 0 0 3px;
    padding: 0;
    }

.itemtext ul li{
        list-style-type: none !important;
        }

.secondary ul, .secondary ol {
    margin: 5px 0 0;
    padding-left: 0;
    }

.secondary ol {
    margin-left: 15px;
    }

.secondary ul li, .secondary ol li {
    margin: 0;
    padding: 1px 0;
    }
    
.secondary ul li {
    list-style-type: none;
    }

ol li {
    list-style: decimal outside;
    }

/*- Search Form and Livesearch */

.sb-search {
    margin-top: 20px;
    }

.sb-search h2 {
    display: none;
    }

input[type=text], textarea {
    color: #444;
    padding: 2px 0 2px 2px;
    margin: 0;
    }


input#s {
    width: 75%;
    }

.primary h3 a{
       color: #555 !important;
       font-family: Helvetica, Arial, Sans-Serif !important;
       letter-spacing: -1px;
       font-weight: bold;
       font-size: 23px;
       border-bottom: none !important;
       text-transform: lowercase;
       }

.primary h3 a:hover{
       text-decoration: none!important;
       color: #369 !important;
       }

a {
       outline: none;
       }

a:active {
       outline: none;
       }


.item2 {
        padding: 0px 0 60px;
        font: 1.2em Trebuchet MS;
        text-align: left;
        color: #333;
        padding-bottom: 1px;
        line-height: 150% !important;
        }
        
.itemtext2 {
        font: 1.2em Trebuchet MS ; 
        text-align: left;
        color: #333;
        padding-bottom: 1px;
        line-height: 150% !important;
        }

.comments h4 a {
        font-family: Trebuchet MS !important;
        font-size: 22px !important;
        }

.comments h4 {
        font-family: Trebuchet MS !important;
        font-size: 22px !important;
        }

.rusharchive h2{
    margin:2px;
}

/* Responsive */

@media screen and (max-width: 768px) {
    #splash-header {
        background: #333333;
        color: #fff;
        padding: 0 auto 0;
        position: relative;
        text-align: left;
        margin: 0;
        line-height: 150%;
        border: none;
    }
        
    #splash-header h1 {
        margin: 0;
        font: 36px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    #splash-page {
        width: 80%;
        margin: 0px auto;
        text-align:left;
        padding:0px;
        border: none;
        background-color:#fff;
    }

    #splash-content {
       display: block;
       height: 300px;
       width: 407px;
    }   

    #splash-content a {
       display: block;
       height: 300px;
       width: 407px;
       background: url('images/random2.png') no-repeat;
       cursor: default;
    }

    #splash-content a:hover {
       background-position: 0 -300px;
       cursor: default;
    }

    #splash-sidebar {
        float: right;
        width: 34%;
    }

    #splash-sidebar ul, #splash-sidebar li {
        width: 100%;
        line-height: 150%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #splash-sidebar a {
        display: block;
        color: #fff;
        font: 15px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;  
       
        padding-top: 21px;
        width: 95%;
        height: 28px;
        border-bottom: 1px solid #0FF;
        vertical-align: middle;
    }

    #splash-footer {
        background: #333;
        color: #fff;
        padding: 5px 0 5px 0;
        text-align: center;
        margin: 0 auto 0;
        line-height: 150%;
    }

   #title {
        width: 100%;
        font-size: 36px;
        border-right: none;
    }

    #title a {
        display: block;
        width: 250px;
        height: 50px;
        line-height: 30px;
        padding: 25px 20px 0px 10px;
    }

    #topmenu {
        margin: 0;
        padding: 0 0 0 0;
        list-style-type: none;
        list-style-image: none;
        text-transform: lowercase;
    }

    #topmenu li {
        width: 16%;
        border-right: 1px solid #0FF;
    }

    #topmenu a {
        display: block;
        height: 25px;
        width: 100%;
        line-height: 25px;
        padding: 0 0 0 0;
        text-align: center;
    }

    #header {
        height: 100px;
        width: 100%;
        color: #fff;
        background: #333;
        margin: 0;
    }

    #page {
        background: #fff;
        background-position: right;
        text-align: left;
        margin: 0px auto 0px;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .primary {
        width: 94%;
        padding: 15px 3% 15px 3%;
        margin: 0;
        display: inline;
    }

    .secondary {
        width: 94%;
        margin: 0 0 0 2%;
    }

    #subnav {
        list-style-type: none; 
        list-style-image: none; 
        background-color: #333; 
        text-align: center; 
        padding-top:6px; 
        padding-bottom:2px;
    }
    
    #subnav a {
        color: #E70; 
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
        font-weight: bold; 
        font-size: 150%;
    }

    #subnav a.current {
        color: #E00
    }

    #footer {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #splash-header {
        background: #333333;
        color: #fff;
        padding: 0 0 10px 0;
        position: relative;
        text-align: left;
        margin: 0;
        line-height: 150%;
        border-bottom: none;
    }
        
    #splash-header h1 {
        margin: 0;
        font: 36px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    #splash-page {
        width: 100%;
        margin: -50px 0;
        text-align:left;
        padding:0px;
        border: none;
        background-color:#fff;
    }

    #splash-content {
       display: block;
       height: 300px;
       width: 300px;
    }   

    #splash-content a {
       display: block;
       height: 300px;
       width: 300px;
       background: url('images/random2.png') no-repeat;
       cursor: default;
    }

    #splash-content a:hover {
       background-position: 0 -300px;
       cursor: default;
    }

    #splash-sidebar {
        float: right;
        width: 33%;
    }

    #splash-sidebar ul, #splash-sidebar li {
        width: 100%;
        line-height: 150%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #splash-sidebar a {
        display: block;
        color: #fff;
        font: 15px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;  
       
        padding-top: 21px;
        width: 90%;
        height: 28px;
        border-bottom: 1px solid #0FF;
        vertical-align: middle;
    }

    #splash-footer {
        background: #333;
        color: #fff;
        padding: 5px 0 5px 0;
        text-align: center;
        margin: 0 auto 0;
        line-height: 150%;
    }

    #title {
        width: 100%;
        font-size: 24px;
        border-right: none;
    }

    #title a {
        display: block;
        width: 75%;
        height: 50px;
        line-height: 30px;
        padding: 25px 20px 0px 10px;
    }

    #topmenu {
        margin: 0;
        padding: 0 0 0 0;
        list-style-type: none;
        list-style-image: none;
        text-transform: lowercase;
    }

    #topmenu li {
        width: 50%;
        border-right: 0px;
    }

    #topmenu a {
        display: block;
        height: 25px;
        width: 100%;
        line-height: 25px;
        padding: 0 0 0 0;
        text-align: center;
    }
   
    #header {
        height: 125px;
        width: 100%;
        color: #fff;
        background: #333;
        margin: 0;
    }

    #page {
        background: #fff;
        background-position: right;
        text-align: left;
        margin: 0px auto 0px;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .primary {
        width: 94%;
        padding: 15px 3% 15px 3%;
        margin: 0;
        display: inline;
    }

    .secondary {
        width: 94%;
        margin: 0 0 0 2%;
    }
    
    #subnav {
        list-style-type: none; 
        list-style-image: none; 
        background-color: #333; 
        text-align: center; 
        padding-top:2px; 
        padding-bottom:2px;
    }
    
    #subnav a {
        color: #E70; 
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
        font-weight: bold; 
        font-size: 100%;
    }

    #subnav a.current {
        color: #E00
    }

    #footer {
        width: 100%;
    } 
}

@media screen and (max-width: 300px) {
    #splash-header {
        background: #333333;
        color: #fff;
        padding: 0 0 10px 0;
        position: relative;
        text-align: left;
        margin: 0;
        line-height: 150%;
        border-bottom: 1px solid #0FF;
    }
        
    #splash-header h1 {
        margin: 0;
        font: 25px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

    #splash-page {
        width: 100%;
        margin: -50px 0;
        text-align:left;
        padding:0px;
        border: 1px solid #0FF;
        background-color:#fff;
    }

    #splash-content {
       display: block;
       height: 100%;
       width: 200px;
    }   

    #splash-content a {
       display: block;
       height: 100%;
       width: 200px;
       background: url('') no-repeat;
       cursor: default;
    }

    #splash-content a:hover {
       background-position: 0 0;
       cursor: default;
    }

    #splash-sidebar {
        width: 100%;
    }

    #splash-sidebar ul, #splash-sidebar li {
        width: 100%;
        line-height: 150%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #splash-sidebar a {
        display: block;
        color: #fff;
        font: 15px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;  
       
        padding-top: 10px;
        width: 95%;
        height: 28px;
        border-bottom: 1px solid #0FF;
        vertical-align: middle;
    }

    #splash-footer {
        background: #333;
        color: #fff;
        padding: 5px 0 5px 0;
        text-align: center;
        margin: 0 auto 0;
        line-height: 150%;
    }

    #subnav {
        list-style-type: none; 
        list-style-image: none; 
        background-color: #333; 
        text-align: center; 
        padding-top:2px; 
        padding-bottom:3px;
    }
    
    #subnav a {
        color: #E70; 
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
        font-weight: bold; 
        font-size: 65%;
    }

    #subnav a.current {
        color: #E00
    }


}