/* CSS file for LSi Website Help Pages & FAQ */
/* Written by Scott Brown on the 12th of February, 2008 */
/* Contact me if you need to on scott@lsi-gifts.co.uk */
/* If you're reading this, you've got way way way too much time on your hands! */
/* I'm having to be very stuffy and corporate at the moment - it is a help section after all - so I'm being slightly sub-normal in this CSS document */

body { /* booooooo margins, boooooooooooooooo */
  margin: 0 0;
}

/* LaYeRs!!! */

#wrapper { /* keep it neat and tidy and all that */
  height: 500px;
  width: 500px;
}

#logo { /* this lives at the top of the page */
  height: 80px;
  width: 500px;
  background: url(images/everypage/logo.gif) no-repeat;
  overflow: hidden;
}

#navleft { /* the left hand side of the navigation bar */
  height: 20px;
  width: 245px;
  padding-left: 5px;
  background: url(images/everypage/nav.gif) no-repeat;
  text-align: left;
  float: left;
}

#navright { /* the right hand side of the navigation bar */
  height: 20px;
  width: 245px;
  padding-right: 5px;
  background: url(images/everypage/nav.gif) no-repeat right;
  text-align: right;
  float: right;
}

#content { /* the important stuff on each page, complete with background positioning and fixed-ness */
  clear: both;
  height: 390px;
  width: 490px;
  padding: 5px;
  background: url(images/everypage/background.gif) no-repeat fixed 0px 100px;
  overflow: auto;
}

/* tExT sTyLeS!!! */

p { /* ordinary body text */
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #EEE;
  text-align: justify;
  line-height: 20px;
}

.small { /* ordinary, but smaller */
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #EEE;
}

.smallblue { /* still ordinary, still smaller, but on the blue side */
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #00538E;
}

/* LiNk StYlEs!!! */

a:link, a:visited { /* I don't like links that change colour just because I've clicked on them already. Do you? */
  color: #FFF;
  border-bottom: 1px dashed #FFF;
  text-decoration: none;
}

a:hover, a:active { /* solidify that line when it's fondled by the cursor */
  color: #FFF;
  border-bottom: 1px solid #FFF;
}

a.nav:link, a.nav:visited { /* same again, but smaller */
  color: #FFF;
  border-bottom: 1px dashed #FFF;
  text-decoration: none;
}

a.nav:hover, a.nav:active { /* same again, again, still smaller */
  color: #FFF;
  border-bottom: 1px solid #FFF;
}

/* lIsT sTyLeS!!! */

ol { /* this is used when annotating images */ 
  list-style-type: decimal;
  list-style-position: outside;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #EEE;
  text-align: justify;
  line-height: 20px;
}