/*
==================================================
  TYPOGRAPHY.CSS
  Controls all typography and colors for glad.org

  Author:   Ruthie BenDor
  Updated:  2010-02-23
==================================================
*/


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

html, body {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Palatino, Georgia, "Times New Roman", Times, serif;
}

code, pre, sub, sup {
  font-family: "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", monospace;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #660000;
}

h1 {
  font-size: 22px;
  margin: 0;
  line-height: 27px;
}

h2 {
  font-size: 18px;
  margin: 0 0 18px 0;
  line-height: 18px;
}

h3 {
  font-size: 16px;
  margin: 9px 0;
  line-height: 18px;
}

h4 {
  font-size: 15px;/
  margin: 9px 0;
  line-height: 18px;
}

h5 {
  font-size: 14px;
  margin: 9px 0;
  line-height: 18px;
}

h6 {
  font-size: 13px;
  margin: 9px 0;
  line-height: 18px;
}


/* --- Block-Level Text Markup ---------------- */

p, pre, ol, ul, dl, table, form, legend {
  margin: 9px 0;
}

sup, sub {
  font-size: 10px;
}

blockquote {
  margin-left: 20px;
}

/* --- Inline Text Markup --------------------- */

img {}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

abbr, acronym {
  border-bottom: 1px dotted #CCC;
}

cite {}

q {}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: top;
}

del {
  text-decoration: line-through;
}

ins {
  font-weight: bold;
}


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

/* Regular links */

a:link, a:visited {
  color: #000066;
  text-decoration: none;
  font-weight: bold;
}

a:hover, a:active {
  color: #000066;
  text-decoration: underline;
}

/* Header links */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #660000 !important;
}

/* Link Icons (credit: tripoli via bluetrip.org) */

a[href^="mailto:"]                { background-image: url(/assets/img/icons/email.png); }
a[href$=".pdf"]                   { background-image: url(/assets/img/icons/pdf.png);   }
a[href$=".doc"]                   { background-image: url(/assets/img/icons/doc.png);   }
a[href$=".xls"]                   { background-image: url(/assets/img/icons/xls.png);   }
a[href$=".rss"], a[href$=".rdf"]  { background-image: url(/assets/img/icons/feed.png);  }
a[href^="aim:"]                   { background-image: url(/assets/img/icons/im.png);    }
a[href^="#print"]                 { background-image: url(/assets/img/icons/print.png); }

a[href^="mailto:"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"],
a[href$=".rss"], 
a[href$=".rdf"],
a[href^="aim:"],
a[href^="#print"] {
  padding:2px 0 2px 22px;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: left center;
}

/* Removed twitter link styles for aesthetic reasons
a[href^="http://www.twitter.com"] { background-image: url(/assets/img/icons/twitter.png); }
a[href^="http://www.twitter.com"]
*/


/* EE's link obfuscator results in nested <a> tags; this hides the duplicate icon */
a a {
  padding-left:0 !important;
  background-image:none !important;
}

/* --- Table Cell Typography ------------------ */

th {}
td {}

/* --- Form Field Typography ------------------ */

legend {}
option {}
label {}
input {}
  input .button {}
  input .text {}
textarea {}

/* --- List Item Typography ------------------- */

ol {list-style-type:decimal;}

ul {list-style-type:square;}

li {
  margin-left: 1em;
}

#primary ol,
#primary ul {
  margin-left: 1em;
}

dt {}
dd {}


/* --- Custom Styles -------------------------- */

.error, .alert {
  background:#FCC;
  color:#F00;
  font-weight:bold;
  padding:0 5px;
  border:1px solid #900;
}


.success {
  background:#66CC66;
  padding:0 5px;
  border:1px solid #009900;
}

.clear {clear:both;}

.center {text-align:center;}