/* -------------------------------------------
project:	XHTMLizers.com / Print
date:		07/07/07
------------------------------------------- */

body { margin: 0; padding: 10px 15px; background: #fff; color: #333; font: 75%/125% "Trebuchet MS",Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
button { overflow: visible; }

img { border: none; }

abbr, acronym { border: none; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }
 
ul, ol { margin: 0 0 15px; padding: 0 0 0 25px; }
 
sub, sup { line-height: 1; }

p { margin: 0 0 15px; }

a { color: #226a8c; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font: normal 2.4em Georgia,Arial,Helvetica,sans-serif; color: #000; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { }
 #logo {  }
  #logo a { color: #000; text-decoration: none; }
 #nav { display: none; }
 #steps { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #555; }
 #content {  }
  #main { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px dotted #555; }
  #side { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px dotted #555; }
 #footer { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px dotted #555; }
 #shift { display: none; }
 
/* PAGES
------------------------------------------- */
body #testimonials div.testimonial { display: block; }
 body #testimonials div.testimonial blockquote { margin: 0; padding: 0; font-style: italic; }
  body #testimonials div.testimonial blockquote p { margin: 0 0 5px; }
 body #testimonials div.testimonial p.author { margin: 0 0 15px 30px; }
body #testimonials ul.control { display: none; }
 
body #code div.work { overflow: hidden; width: 100%; }
 body #code div.work h3 { display: none; }
 
form.a { display: block; margin: 0; padding: 0; }
 form.a fieldset { }
  form.a fieldset legend { display: none; }
  form.a fieldset div { clear: both; width: 100%; padding: 5px 0; }
  form.a fieldset div.error { width: auto; padding-left: 170px; color: #333; }
   form.a fieldset div div.date-picker-holder { clear: none; width: auto; padding: 0 0 10px; }
    form.a fieldset div div.date-picker-holder div.popup-calendar { display: none; }
    form.a fieldset div div.date-picker-holder a { display: none; }
   form.a fieldset div label { float: left; width: 140px; margin: 0; padding: 0 10px 0 0; vertical-align: middle; }
   form.a fieldset div.deadpages label { clear: left; }
   form.a fieldset div input { width: 300px; vertical-align: middle; text-indent: 0; }
   form.a fieldset div textarea { width: 300px; height: 120px; }
   form.a fieldset div select { width: 250px; }
   form.a fieldset .highlight { border: 1px solid #e12525; }
   form.a fieldset textarea.highlight { padding: 1px; }
   form.a fieldset input.highlight { padding: 1px 1px 3px; }
    form.a fieldset div select option { padding: 0 25px 0 0; }
   form.a fieldset div img { vertical-align: middle; }
  form.a button { display: block; position: relative; margin: 15px 0 0 150px; padding: 0 20px; }
 
p.order { width: 60%; margin: 0 auto 15px; padding: 5px; border: 1px solid #aaa; font-size: 3.6em; line-height: 1; text-align: center; }
 
/* HIDE
------------------------------------------- */
#skip-links,
#calculator,
#code-samples,
#bookmarks,
#footer ul,
#footer p.browsers { display: none; }