body {
    font-family: Verdana, Geneva, sans-serif;
    margin: 20px auto;
    padding: 0 16px;
    max-width: 60em;  /* 960 / 16 = 60 */
    font-size:100%;
}

form p {
    padding-bottom: 0px;
    margin-bottom: 1px;
}
input {
    font-size:.7em;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:5px;
}
button{
    background-color: #005399;
    font-color: #ffffff;
    color: #FFFFFF;
    font-size: .7em;
    padding-top: 3px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-left: 15px;
}
.helplink {
    margin-top: -6px;
    font-size: 0.6em;
}
#loginform {
    float: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8x;
    padding-left: 8px;
    line-height: 1.3em;
    font-size: 1.3em;
    border:thin;
    border-color:#005399;
    border-style:solid;
    margin-right: 10px;
    margin-bottom: 5px;
}
.twitterfeed {
    width: 100%;
}
header {
    border-bottom-color: #005399;
    border-bottom-style: solid;
}
@media screen and (min-width: 200px) and (max-width: 640px) {
    #loginform {
        margin-top: 5px;
    }
    #content {
        padding-left: 5px;
        padding-top: 10px;
        clear: both;
    }
    header {
        border-bottom-style: none;
    }
    .twitterfeed {
        width: 300px;
    }

}
@media screen and (min-width: 641px) and (max-width:960px) {

    #loginform {
        margin-top: 5px;
    }
    #content {
        padding-left: 5px;
        padding-top: 10px;
        clear: both;
    }
    header {
        border-bottom-style: none;
    }
    .twitterfeed {
        width: 90%;
    }

}