/* -------------------------------------------
project:	Quizzz
date:		2007/10/13
------------------------------------------- */

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0 0 15px; border-top: 5px solid #40555d; background: #fff; color: #555; font: 62.5%/1.2 Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Verdana,Arial,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p { font-size: 1.15em; }
ul, ol, dl { margin-bottom: 1.5em; }
p { margin-bottom: 1.25em; }
li *, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

a { color: #40555d; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: normal 1.8em Georgia,Arial,Helvetica,sans-serif; color: #333; }
h3 { font: bold 1.2em Verdana,sans-serif; }
h4 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001em; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 730px; margin: 0 auto; }
 #top { position: relative; height: 85px; }
  #top h1 { position: absolute; left: 20px; top: 50%; width: 183px; height: 43px; background: url(../images/logo.png) no-repeat; margin: -20px 0 0; }
   #top h1 a { display: block; overflow: hidden; width: 183px; height: 43px; text-indent: -10001em; }
  #top ul { float: right; list-style: none; margin: 32px 0 0; padding: 0; }
   #top ul li { display: inline; float: left; margin: 0 20px 0 0; font: 1em/16px Tahoma,sans-serif; }
    #top ul li a { float: left; padding-left: 20px; background: url(../images/icons.png) no-repeat; color: #40555d; line-height: 16px; }
    #top ul li.feed a { background-position: 0 -23px; }
    #top ul li.add a { background-position: 0 -48px; }
 #content { }
 #footer { padding: 15px 0; border: 1px solid #ccc; text-align: center; }
  #footer p { margin: 0; }
  #footer p.first { margin: 0 0 10px; }
   #footer p img { vertical-align: middle; }

/* ELEMENTS
------------------------------------------- */
div.featured { overflow: hidden; margin: 0 0 25px; padding: 10px 15px 0 120px; border: 1px solid #ccc; _zoom: 1; }
 div.featured p.image { display: inline; float: left; overflow: hidden; width: 120px; height: 105px; margin: 0 0 0 -120px; text-align: center; }
 div.featured h1 { margin: 5px 0 3px; font-size: 2.8em; line-height: 1; }
  div.featured h1 a { color: #333; }
 div.featured h2 { margin: 0 0 5px; font: 1.2em Verdana,sans-serif; text-transform: uppercase; }
 div.double div.featured h2 { font: 1.8em Georgia,sans-serif; text-transform: none; }
  div.featured h2 a { color: #333;}
 div.featured p { margin: 0; }

div.double { overflow: hidden; margin: -15px 0 0 -18px; _zoom: 1; }
 div.double div.featured { display: inline; float: left; width: 219px; height: 115px; padding-bottom: 0; margin-left: 18px; }
  div.double div.featured h2 { display: block; }
 div.double div.sense { display: inline; float: right; width: 728px; margin: 0 0 5px 18px; }
div.rectangle { margin-top: 0; }
 div.rectangle div.sense { float: right; width: 354px; *height: 282px; margin: 0 0 25px 18px; padding: 5px 0 0; border: 1px solid #ccc; text-align: center; }
 
div.other { overflow: hidden; width: 100%; margin: 0 0 25px; }
 div.other div.quizes { float: left; width: 442px; padding: 15px 15px 5px; border: 1px solid #ccc; }
 div.other div.tools { float: right; width: 202px; padding: 15px 15px 5px; border: 1px solid #ccc; }
  div.other div.tools ul { list-style: none; margin: 0 0 1.5em; padding: 0; }
   div.other div.tools ul li { margin: 0 0 10px; padding: 0 0 0 20px; background: url(../images/icons.png) -1px -97px no-repeat; }
   div.other div.tools ul li.delicious { background-position: 0 2px; }
   div.other div.tools ul li.feed { background-position: 0 -24px; }
   div.other div.tools ul li.add { background-position: 0 -49px; }
   div.other div.tools ul li.random { background-position: 0 -73px; }
 
div.quiz { overflow: hidden; width: 100%; }
 div.quiz p.image { float: left; width: 40px; }
  div.quiz p.image img { padding: 1px; background: #fff; border: 1px solid #d2d2d2; }
 div.quiz h3 { margin: 0 0 2px; }
  div.quiz h3 a { color: #333; }
 div.quiz p { margin: 0 0 15px; font: 0.9em Arial,Helvetica,sans-serif; }