/* Start of CMSMS style sheet 'IRW01 : IRW Reset' */
/* -------------------------------------------------------------- 
     Reset.css
   * Resets default browser CSS styles.
     Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 -------------------------------------------------------------- */

ol, ul, li, 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, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q { quotes: "" "";}

/* -------------------------------------------------------------- 
    Typography.css
   * Sets some default typography.
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Typogrify         [code.google.com/p/typogrify]
   
   The default font size is 12px. The baseline is set to 
   18px. When you're setting heights of elements, always 
   remember to use a multiple of the baseline (18,36,54..).
      The height of images shoud also be a multiple of 18.
   
   Read more about using a baseline here: alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,div {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 18px; /* Baseline here at 150%. This is set multiple places. */
/*  color: #333;*/
}
body,li,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,pre,p,blockquote,ul,ol,dl {padding-left: 4px;}
input,textarea {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 14px; /* Baseline here at 150%. This is set multiple places. */
/*  color: #333;*/
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  margin: 0; padding: 9px 0; color:#111; clear:both; }

/* Total height for each heading has to be a multiple of the baseline (18). */
h1 { font-size: 28px; line-height: 34px; padding: 9px 0; }
h2 { font-size: 28px; line-height: 32px; padding-top: 18px;}
h3 { font-size: 18px; line-height: 18px; padding-top: 18px;}
h4 { font-size: 14px; line-height: 18px; padding-top: 18px;}
h5 { font-size: 12px; font-weight:bold; line-height: 18px; padding-top: 6px;}
h6 { font-size: 12px; font-weight:bold; line-height: 18px; padding-top: 8px;}


/* Text elements
-------------------------------------------------------------- */

p              { margin: 0 0 20px 0; text-align:left; }
p.last         { margin-bottom: 0; }
p img          { float: left; margin: 20px 20px 20px 0; padding:0; }
p img.top      { margin-top:0; } /* Use this if the image is at the top of the <p>. */
ol, ul, li     { margin: .5em 0 0 0;}
ol li, ul li, li li { margin: .2em 0 0 0; line-height: 1.3em;} /* tighter lists */
ul, ol         { margin: 2px 0 14px 20px; }
ul             { line-height:.5em;  margin-left: 3em; list-style: outside;}
li             { line-height: 1em;  list-style: outside;}
ul li          { margin-left: 1em; }
ol             { list-style-type: decimal; }
dl             { margin: 20px 0; }
dl dt          { font-weight: bold; }

a             { color: #125AA7; text-decoration: none; outline: none; }
a:hover       { color: #000; }

blockquote    { margin: 20px 0 20px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { margin-bottom: 20px; line-height:20px; background: #eee; padding:8px; border:1px solid #ddd; }
code          { font:0.9em Monaco, monospace; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 13px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height:17px; padding:0 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &: 
   <span class="amp">&</span>  */
  
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">“</span>asdf”
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */

/* End of 'IRW01 : IRW Reset' */