/*
==================================================
  TYPOGRAPHY.CSS
  Controls all typography: fonts, line heights, 
  margins, paddings, link styles, and colors.

  Author:   Ruthie BenDor
  Updated:  2009-Jul-23
==================================================
*/


/* --- Base Fonts ----------------------------- */

html, body {
  color: #333;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
}

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

h1 {font-size:2em;}

h2 {
  font-size:1.8em;
  font-weight:bold;
  padding:0.9em 0 0.3em 0;
}

h3 {
  font-size:1.6em;
  font-weight:bold;
  padding:0.8em 0 0 0;
}

h4 {
  font-size:1.4em;
  font-weight:bold;
  padding:0.7em 0 0 0;
}

h5 {
  font-size:1.2em;
  font-weight:bold;
  padding:0.6em 0 0 0;
}

h6 {
  font-size:1em;
  font-weight:bold;
  padding:0.5em 0;
}

/* --- Regular Text --------------------------- */

hr {}

strong {font-weight:bold;}

em, i {font-style:italic;}

.content p {
  font-size:0.875em;
  line-height:1.25em;
  padding:0.5em 0;
}

.main li {
  line-height:1.25em;
  padding:0.5em 0;
}

.content blockquote {
  background:transparent url(/uploads/assets/bg-blockquote.png) no-repeat left 1em;
  font-style:oblique;
  padding:0.5em 2em;
}

/* --- Links ---------------------------------- */

a {text-decoration:underline;}

a:link, a:visited {color:#0168AF;}

a:hover {color:#DC7107;}

a:active {
  background:#DC7107;  
  color:#FFF;
}

/* --- Images --------------------------------- */

img {
  display: inline-block;
  -ms-interpolation-mode:bicubic; /* Makes IE7 scale images smoothly */
}

/* --- List Elements -------------------------- */

.content ol, .content ul, .content dl {
  font-size:0.875em;
  padding:0.5em 0;
}

.content ol {}

.content ul {
  list-style-type:disc;
  margin-left:1em;
}

.content li {margin-left:1em;}

.content dl {
}

.content dt {
}

.content dd {
}

/* --- Form Elements -------------------------- */

form {position:relative;}

fieldset {
  padding:5px;
  border:1px solid #EEE;
}

legend {
  padding:5px;
  background:#EEE;
}

textarea {}

select {}
optgroup {}
option {}

label {}

input {}
input[type="text"]    , input.text {}
input[type="password"], input.password {}
input[type="checkbox"], input.checkbox {}
input[type="radio"]   , input.radio {}
input[type="submit"]  , input.submit {}
input[type="reset"]   , input.reset {}
input[type="file"]    , input.file {}
input[type="hidden"]  , input.hidden {}
input[type="image"]   , input.image {}
input[type="button"]  , input.button {}

button {}
button[type="submit"] , input.submit {}
button[type="reset"]  , input.reset {}
button[type="button"] , input.button {}


/* --- Table Elements ------------------------- */

.content table {
  border:1px solid #CCC;
  border-width:0 0 0 0;
  font-size:0.875em;
  margin:0.5em 0;
}

thead {font-size:1.4em;}

tfoot {}

tbody {}

colgroup {}

col {}

.content th {font-weight:bold;}

.content th, .content td {
  border:1px solid #CCC;
  border-width:0 0 1px 0;
  padding:0.5em 5px;
}


td {}

/* --- Code Elements -------------------------- */

pre, code {
  font-family: Monaco;
}