body {
background-color: #fff; /* Background color */
color: #222;            /* Foreground color used for text */
font-family: Helvetica; 
font-size: 14px;
margin: 0;             /* Amount of negative space around the outside of the body */
padding: 0;            /* Amount of negative space around the inside of the body */
max-width:320px;
}
.borderTL, .borderBR, .menuicon,
#container>#top>#logo, #download,
#socialmedia, #sidebar, 
#navlist.hide { display: none;}
#container { background-color:#fff; }
#container>#top {
margin:0;
padding:0;
}
#container>#top>h2 {
text-align: center;
background-color: #ccc;
border: 1px solid #999;
color: #222;
display: block;
font-size: 1.1em;
font-weight: bold;
margin-top: 0;
margin-bottom: -1px;
padding: 12px 10px 12px 65px;
height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#navlist {
list-style:none;
margin-right: 10px;
margin-left: 10px;
padding:0;
}
#navlist li:first-child a {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
#navlist li:last-child a {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
#navlist li:first-child { border-top: 0; }
#navlist li {
list-style:none;
font-size:1.5em;
border-top:1px solid #eee;
}
#navlist li a {
background-color: #999;
display: block;
font-size: 17px;
font-weight: bold;
margin-bottom: -1px;
padding: 10px 18px ;
text-decoration: none;
}
#leftnav div.leftButton {
position: absolute;
top: 7px;
left: 6px;
height: 30px;
font-weight: bold;
text-align: center;
color: white;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
line-height: 28px;
border-width: 0 8px 0 8px;
-webkit-border-image: url("../images/iphone-menu.png") 0 8 0 8;
}
#leftnav div.pressed {
-webkit-border-image: url("../images/iphone-menu-pressed.png") 0 8 0 8;
}
#content { 
margin: 0 10px;
border-bottom:solid 1px #999;
 }
#content h3 {
font-style:italic;
margin: .5em 0;
}
#content h1, #content h2, #content h3 {
font-size:medium;
font-weight:900;
}
#content>.separator {
border-top:solid 1px #ccc;
margin: 0;
padding:0;
text-align: right;
}
#content li {
padding-bottom:.2em;
margin-top:.2em;
}
.source {
border-top:1px solid #d9d9d9;
font-size:.8em;
padding-bottom:1em;
}
.shadow>img, .glow>img { 
max-width:300px;
height:auto;
}
.cssform textarea {
max-width:240px;
}
#progress {
-webkit-border-radius: 10px;
background-color: rgba(0,0,0,.7);
color: white;
font-size: 18px;
font-weight: bold;
height: 80px;
left: 60px;
line-height: 80px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 120px;
width: 200px;
}
/* link behavior */
a:link, a:visited, a:hover { text-decoration: none; }
#footerlist a:hover, #copyright a:hover { text-decoration:underline; }
a:link, a:visited,
#map a:link, #map a:visited { color: #3a72bf; }
#navlist a#current { background-color: #ccc; color: #555; }
#navlist a:link, #navlist a:visited { color: #fff; }
#footerlist a:link, #footerlist a:visited, 
#copyright a:link, #copyright a:visited { color: #888; }
a:hover, #navlist a:hover, #map a:hover { color: #fb903f; }
a:active, #navlist a:active, #map a:active { color: red; }
/* link behavior */
a[href$='.zip'], a[href$='.pdf'], a[href$='.txt'],
a[href$='.psd'], a[href$='.eps'], a[href$='.tif'],
a[href$='.png'], a[href$='.gif'], a[href$='.jpg'], a[href$='.mov'] {
background-color: transparent;
background-position: center left;
background-repeat: no-repeat;
display:inline-block;
padding-left:22px;
line-height:18px;
}
a[href$='.zip'] { background-image: url("../images/zip_sm_icon.gif"); }
a[href$='.pdf'] { background-image: url("../images/pdf_sm_icon.gif"); }
a[href$='.txt'] { background-image: url("../images/txt_sm_icon.gif"); }
a[href$='.psd'] { background-image: url("../images/psd_sm_icon.gif"); }
a[href$='.eps'] { background-image: url("../images/eps_sm_icon.gif"); }
a[href$='.tif'] { background-image: url("../images/tif_sm_icon.gif"); }
a[href$='.png'] { background-image: url("../images/png_sm_icon.gif"); }
a[href$='.gif'] { background-image: url("../images/gif_sm_icon.gif"); }
a[href$='.jpg'] { background-image: url("../images/jpg_sm_icon.gif"); }
a[href$='.mov'] { background-image: url("../images/mov_sm_icon.gif"); }
.new {
background-color: transparent;
background-position: center right;
background-repeat: no-repeat;
display:inline-block;
padding-right:22px;
line-height:18px;
}
.new { background-image: url("../images/new_sm_icon.gif"); }
blockquote.withquote {
background:url("../images/quote.gif") no-repeat;
background-position:top left;
text-align:justify;
padding-left:1em;
}
p.withunquote {
background:url("../images/unquote.gif") no-repeat;
background-position:bottom right;
font-style:italic;
padding-right:3em;
padding-left:1.5em;
}
membership img { 
vertical-align: middle;
max-height: .5em;
max-width: .5em;
}
.membership>a>img {
vertical-align: middle;
max-height: 2.25em;
max-width: 4em;
margin-bottom: 1em;
}
#footerlist, #horizontal {
font-size:.8em;
font-weight:500;
padding:0 1.2em;
}
#footerlist li, #horizontal li {
display:inline;
border-right:1px solid #999;
padding: 0 .2em;
}
#footerlist li:last-child ,#footerlist li.top-of-page,
#horizontal li:last-child { border:none; }
#copyright a, #footerlist a { text-decoration: none;}
#copyright { 
margin: .5em 1em ; 
font-size: .8em; 
}
#rotate { padding: 0; }
#download {
padding: 0 0 .5em 0;
margin: 0;
width: 98%;
}
#contact, #last-update {
margin: 0;
padding-right: 6px;
text-align: right;
font-size: .85em;
}
div>#errorimage { 
background-position: 0 12px;
}
div>#errortxt { left: 110px; }
/*make invisible*/
div.loading-invisible { display:none; }
/*make visible*/
div.loading-visible {
text-align:center;
font-size: 18px;
font-weight:700;
line-height: 40px;
color: #fff;
background-color: #000;
position:absolute;
opacity: .7;
top: 120px;
left: 60px;
height: 80px;
width: 200px;
margin: 0 auto;
-webkit-border-radius: 10px;
}