/* 
    Document   : small_device
    Created on : Dec 13, 2012
    Author     : Theodore Brown
    Description: Provides styling for devices with very small screens
*/

#header, #pull {height: 8.75em; /* 140px */}
#wrapper {margin-top: -8.75em; /* 140px */}

#content {padding: 1.25em;}

#logo {
    float: none;
    background-image: url('../images/site/small_device_logo@2x.png');
    background-position: 75% 75%;
    width: 6.25em; /* line should be wrapped after "better" */
}

#nav {
    display: block;
    margin: 0.2em auto 0;
}
#nav, #dropdownNav {width: auto;}
#dropdownNav {
    box-shadow: 0 2px 10px -2px #333;
    width: 100%;
}
#dropdownArrow {
    float: right;
    position: static;
    margin-top: 15px;
}

/*#nav ul li a {padding: 0.2em 1em 0.2em 0.5em;}*/