/* =reset
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,caption,th,td,iframe,img,abbr,acronym{margin:0;padding:0;border:0;font-weight:normal;}
body,div,dl,ul,ol,p,th,td,address,caption{font-family:georgia,palatino,"palatino linotype",times,"times new roman",serif;}
h1,h2,h3,h4,h5,h6,code,pre{font-family:consolas,"lucida console",monaco,monospace;}
form,select,input,textarea,label,form p{font-family:arial, "helvetica neue", helvetica, sans-serif;}
acronym,address,caption,code,cite,dfn,em,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption,th{text-align:left;}
img{display:block;}
dt{font-weight:bold;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}
sub{position:relative;bottom:-.25em;vertical-align:baseline;}
sup{position:relative;bottom:.33em;vertical-align:baseline;}
label,input.submit,input.reset,input.image{cursor:pointer;}
textarea{overflow:auto;font-size:100%;}
body{font-size:10px;color:#333;background:#fff;}
a:link,a:visited{text-decoration:underline;color:#333;}
a:hover,a:focus{text-decoration:none;}
h1 a:link, h1 a:visited {text-decoration:none;}
h1 a:hover,h1 a:focus{color:#585858;}

/* =layout
--------------------------------------------- */
html, body {height:100%; background: #ccf;}
#distance {float:left;margin-bottom:-10em;width:1px;height:50%;}
#container {position:relative;clear:left;margin:0 auto;width:39em;max-width:99%;height:20em;overflow:hidden;background:#fff;}

#nav-main {margin:18px 18px 57px;}

/* =typography (body copy 12px / leading 18px)
--------------------------------------------- */
h1 {margin:.692em .692em 0;line-height:.692em;font-size:260%;}
h2 {margin:.9em;line-height:.9em;font-size:200%;}	
h3 {margin:1em;line-height:1em;font-size:180%;}
h4, h5, h6 {margin:1.287em;line-height:1.287em;font-size:140%;}
small {display:block;margin:18px;font-size:10px;line-height:18px;}

dl, li, ol, fieldset, pre, p, blockquote, address {margin:1.5em;line-height:1.5em;font-size:120%;}
blockquote p {font-size: 100%;}
caption, th, td {line-height:1.5em;font-size:120%;}
ul ul, ol ol, ol ul, ul ol {margin:0;font-size:100%;}

/* =forms
--------------------------------------------- */
#form-login {padding:26px 0 0;}
#form-login label {float:left;width:60px;margin:3px 5px 0 0;font-weight:bold;}
#form-login .btns {float:right;margin:-1px 1.5em 0;}
#form-login .form-info {float:left;margin:-9px 18px -9px 18px;background:#ffc;}
#form-login .submit {float:right;margin:0;}
#form-login .text {width:285px;height:17px;padding:3px 1px 0;border:1px solid #ccf;font-size:100%;color:#333;}
#form-login .text:focus {background:#ffc;}
#form-login.form-error .form-info {color:#c33;background:#ffebeb;}

/* =matrix
---------------------------------------------
pixels	percent	line-height
9		90	2.000
10	100	1.800
11	110	1.636
12	120	1.500
13	130	1.385
14	140	1.286
15	150	1.200
16	160	1.125
17	170	1.059
18	180	1.000
19	190	0.947
20	200	0.900
21	210	0.857
22	220	0.818
23	230	0.783
24	240	0.750
25	250	0.720
26	260	0.692
27	270	0.667
28	280	0.643
29	290	0.621
30	300	0.600
31	310	0.581
32	320	0.563
33	330	0.545
34	340	0.529
35	350	0.514
36	360	0.500
--------------------------------------------- */