body {
background: #f8f8ff;
margin: 0;
padding: 20px ;
font: 16px helvetica, sans-serif ;

color: #666666;
line-height: 1.3em ;
min-height: 750px;		/* so that fixed copyright div is on screen */
}

input, select, textarea {
letter-spacing: 0;
}
img {
border-width: 0px ;
}
a:link {
color: #00c6ff;
text-decoration: none;
}
a:visited {
color:#00c6ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
p	{
 ;
}

.ilanio {
font: 130px Lucida Grande, sans-serif ;
color: #444444;
letter-spacing: 0.49em ;
}
.nav {
font: 14px Lucida Grande, sans-serif ;
color: #444444;
letter-spacing:
0.5em ;
}
.navLastLtr {
letter-spacing: 0em ;
}
.lighter {
color: #888888;
}
.grayBubble {
background: #999;
color: white;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 6px 15px;
}
div#content {
margin-top: 80px;
margin-left: 28px;
width: 735px;
}
div#leftmargin {
position: fixed;
top: 635px;
left: 27px;
z-index: 15;
width: 120px;
font-size: 11px;
letter-spacing: inherit;
line-height: 0px;
}
.tiny {
font-size: 12px;
letter-spacing: -0.001em;
line-height: 1.3em;
}
span.linkColor {
color: #00c6ff ;
}
a.noLinkColor {
color: #444444 ;
}

/* media queries for tablet and smaller */

@media (max-device-width: 1024px) {
div#leftmargin {
position: absolute;
top: 480px;
}

/* media queries for mobile */

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2) {

body {
font: 30px helvetica, sans-serif ;
}
input, select, textarea {
font-size: 25px ;
}
.nav {
font: 25px Lucida Grande, sans-serif ;
letter-spacing: 0.12em;
}
.tiny {
font-size: 20px;
}
div#leftmargin {
position: absolute;
font-size: 24px;
top: 780px;
}