/* Mobile Styles
-------------------------------------------------------------- */

@media handheld {

html, body {
font: 14px/18px serif;
background: #fff;
padding: 3px;
color: #333;
margin: 0;
padding:0; 
}
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font: 25px/29px sans-serif; font-weight: normal; color: #fff; margin: 0; }
img { border: none; }
body img { max-width: 250px; }
.center { width: 100%; !important; text-align: center; }
.tag { display: none; }
.logo { padding: 10px; }

#navigation a:link, #navigation a:visited { text-decoration: underline; color: #00a0d2; }
#navigation a:hover, #navigation a:active { text-decoration: none; color: #333; }
#navigation { font: 14px/18px sans-serif; font-weight: normal; border-top: 2px solid #00a0d2; margin: 0; padding:0; } 
.navigation ul  { list-style: none; margin: 0; padding: 10px; } 

.page { background: #00a0d2; padding: 10px; color: #fff; }
.page a:link, .page a:visited { text-decoration: underline; color: #fff; }
.page a:hover, .page a:active { text-decoration: none; color: #333; }

.foot { background: #333; padding: 10px; color: #fff; font: 12px/15px serif; }
.foot ul { list-style: none; }
.foot a:link, .foot a:visited { text-decoration: underline; color: #fff; }
.foot a:hover, .foot a:active { text-decoration: none; }
.sociallinks ul { list-style: none; margin: 0; padding: 0px; }
.foot li { display: inline; }
.footnav ul { padding: 10px 0 0 0; margin: 0; list-style: none; }

}
/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

html {
-webkit-text-size-adjust: none;
}

}