@media handheld and (max-device-width: 480px), screen and (max-device-width: 480px)
{ 

   html, body
   {
      background-color: #FFFFFF;
      color: #000000;
      padding: 3px;
      font: 12px/15px sans-serif;
}


.content
{
   display:block; 
   margin: 0px;
   padding:3px 0px 0px 3px; 
   max-width:800px;
}

.login-panel
{
   display:block; 
   float:right; 
   margin:0px; 
   padding:3px;
}

.username_input
{
   max-width: 100px;
}


.who
{
   color:#00CECE;
   font-size:1.2em;
}

.navbar
{
   /*  position: relative;
   float: left;*/
display: block;
color:#FFFFFF;
background-color:#000000;
font-weight:bold;
font-size:1.37em;
line-height:52px;
background-image:url(../images/cross-bar.jpg);
background-size: 64px 52px;
/*margin: 15px 0px 15px 0px;*/
/*padding: 13px 0px 13px 0px;*/
max-width: 100%;*/
}


.float-right {
   float: right;
   bottom: 0px;
   /*width: 49%;*/
   text-align: right; /* depends on element width */
} 

.float-left {
   float: left;
   /*width: 49%;*/
   text-align: left; /* depends on element width */
} 

input
{
   background:#000000;
   color:#FFFFFF;
   font-size:1.2em;
   border-style:solid;
   border-width:1px;
   border-color:#FFFFFF;
   margin: 10px;
   padding: 5px;
}


textarea
{
   background:#000000;
   color:#FFFFFF;
   font-size:1em;
   border-style:solid;
   border-width:1px;
   border-color:#FFFFFF;
}

select
{
   background:#000000;
   color:#FFFFFF;
   font-size:1em;
}


}