/*
Reworked Reset by Eric Mayer
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
------------------------------------------------------------
*/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1.3; /* 1 */
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}
a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

/* ------------------------------------------------------------ */


html { height:100%; }
body {
  background-color:#fff;
  margin:0 0;
  padding:0;
  font: normal 62.5% "Verdana","Arial",sans-serif;
  color: #000003;
  height:100%;
}

a { color:#3E3E9C; text-decoration:underline; margin:2px}
a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { background-color:#eef; color:#002; text-decoration:underline; }
a:active {text-decoration:underline; }

em { font-family:"Courier New"; }


#container {
  width:800px;
  margin:0 auto;
}

#header { position:relative; }
#sf {
  position:absolute;
  top:0;
  right:0;
}
#header h1 {
  font-style:italic;
  border-bottom:10px solid #000;
  font-weight:bold;
  font-size:4em;
  color:#000055;
}

h2 {
  color:#777;
  font-weight:bold;
  font-size:1.8em;
}

#emphasis {
  margin:10px;
}

#emphasis div {
  padding:10px;
}

#screens {
  width:440px;
  border:1px solid #000;
  float:right;
  font-size:0.8em;
}
#screens li {
  display:block;
  float:left;
  text-align:center;
}
#screens img {
  padding:3px;
  margin:5px;
  border:1px solid #aaa;
}
#screens img:hover {
  border:1px solid #000;
}

#files {
  width:280px;
  border:1px solid #000;
}

#files h2 { display:inline; }

#content {
  margin:10px;
  font-size:1.2em;
}
#content h2 {
  margin-top:1em;
}
#content h3 {
  margin-top:0.7em;
  font-weight:bold;
  border-bottom:1px solid #aaa;
}

div.code {
  font-family:"Courier New";
  background-color:#aaa;
  color:#fff;
  border:1px dotted #000;
  margin:1em 1em 1em 20px;
  padding:3px 3px 3px 30px;
}