/* handheld ag1c-hh-20050227 */

html,body { margin: 0; padding: 0; font-family:Nina, sans-serif; background: #bbb;}
body {min-width: 120px; max-width: 640px; border: solid 2px #fff; font-size: 100%; line-height: 140%; }
div#wrapper { background: #f7f5ff!important; width: 100%!important;background-image: url(../imagedepot/hogmog-grey-1.png)!important; background-position: 0 0; background-repeat: no-repeat!important;}
div#iewrapper,div#header {width: 100%!important; padding-top: 25px;}
div#content div {width: 100%!important;}
.tac {text-align: center;}

#footer img,#head,#add1,#add2,h1#overlay-ie,.throwleft {display: none!important;}
#footer {border-top: solid 1px #aaa; background: #bcd; float: left; width: 100%;}
#footer ul {margin: 6px; padding: 0;}
#footer ul li {list-style: none; margin-left: 6px; padding: 0;}

h1 {font-size: 125%;}
h2 {font-size: 118%;}
h3 {font-size: 112%;}
h4 {font-size: 108%;}
h5 {font-size: 105%;}
h1,h2,h3,h4,h5 {margin: 0 0 0 1%; padding: 1px; line-height: 120%;}
p {font-size: 100%; margin: 0 1px 0 3%; padding: 0.1em 0 0.5em 0; }
ul,ol {margin: 0 1px 0 0; padding-left: 1.5em;}
ol {padding-left: 2em;}
ul li, ol li {margin: 0 1px 0 0; padding: 0; }
p.head,p#overlay {text-align: center;clear: both;}
p#overlay {margin: 0; padding: 0.3em 0 0 0;}
.flr {float: right; margin: 3px;}
.fll {float: left; margin: 3px;}
div#content div div {padding: 1px 1px 5px 1px; width: auto!important; border-bottom: solid 1px #ddd; margin-bottom: 6px;}
div#content div div div {border: none;}
div#content div div#inlineheader {border: none;}
div#content div div div.tac {height: auto;}
br {font-size:1px; line-height: 0px; height: 0; width: 10px; }
br.left {clear:left }
br.right {clear:right }
br.both {clear:both }
img.left,p.left,div.left {clear: left;}
img.right,p.right,div.right {clear: right;}
img.both,p.both,div.both {clear: both;}
i {font-weight: 100;}
em {font-style: italic;}
em,strong {font-weight: 800;}
pre,div#content div div div.quote,div#content div div div.exp {font-family:Nina, sans-serif; margin: 0 0 0.5em 2%; padding: 4px 10px 4px 4px; border: solid 1px #ccc; float: left; background-color: #ffd; width: 96%!important;}
div#content div div div.exp { background-color: #eee;}

html body p i.flr {width: 100%; text-align: right; white-space: no-wrap; float: none!important; display: block; font-size: 82%;}
html body #add2 p i.flr {font-size: 94%;}

img.fit {height: 0.9em; vertical-align: middle;}

i.flr.both,em.flr.both,b.flr.both,strong.flr.both {width: 96%; text-align: right;}

img.def {float: right; margin: 0; background-image: url(../imagedepot/msie-grey.png); background-repeat: no-repeat; background-position: 0;}
img.def.right {float: right; margin: 0 30% 0 0; 

p.sgn-b {max-width: 50%;}
.sgn-b img {vertical-align: top; width: auto; height: 1.6em;}

div.quote {}

/* fx */
p a:link,p a:visited,p a:active,p acronym {line-height: 1.42em; margin: 0 1px 0 1px; padding: 0 1px;}

li a:link,li a:visited,li a:active,li acronym, li p.z2 {line-height:1.42em; margin: 0 1px 0 1px; padding: 0 1px;}

a:link {font-weight: 200; } 
a:visited {font-weight: 200; }
a:hover {color: #000; font-weight: 200; background-color: #fff; }
a:active {font-weight: 200; background-color: #357; color: #fff;}

a.z1:link,a.z1i:link {color: #111; text-decoration: none; border-bottom: dashed 1px #33cc00; padding-top: 1px; background-color: transparent;} 
a.z1:visited,a.z1i:visited {color: #520; text-decoration: none; border-bottom: dashed 1px #cc0099; padding-top: 1px; background-color: transparent;}
a.z1:hover,a.z1i:hover {color: #000; background-color: #fff; text-decoration: none; border-bottom: solid 1px #333!important; border-top: solid 1px #666; padding-top: 0;}
a.z1:active,a.z1i:active {color: #fff; text-decoration: none; background-color: #357; color: #fff; border-bottom: solid 1px #333!important; border-top: solid 0px #333; padding-top: 0;}


p.z2 {font-weight: 800; margin: 0; padding: 0;}

@media handheld and (min-width: 100px){
body {font-size: 12px; }
}
@media handheld and (min-width: 220px){
body {font-size: 14px; }
}
@media handheld and (min-width: 400px){
body {font-size: 16px!important; }
}

html body div#wrapper div#iewrapper img {max-width: 98%!important;}