/* ******************************* 
 * Typography CSS 
 * http://snipplr.com/
 * ******************************* */

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

body { 
  font-family: Arial, Helvetica, sans-serif; line-height: 1.25em; font-size: 75%; }

/* Default fonts and colors. */
/*body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { color: #111111; }*/

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

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1;  margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a, h6 a{ /*margin-top: 0.5em;*/ text-decoration: none;}


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

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

ul, ol, dl { margin: 0 1em 1em 1.2em;}
html>body ul, html>body ol, html>body dl{ margin-left: 1.4em;}

ul.plain, ol.plain, ol.plain li, dl.plain, dl.plain dd{ margin: 0; padding: 0; list-style: none; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

ul, ol, dl { margin:0 1em 1em 1.2em;}
html>body ul, html>body ol, html>body dl{ margin-left: 1.1em;}

ul ul{ margin-bottom: 0;}
p{ line-height: 1.2em; margin-bottom: 1.5em; }

.pad-small{ padding: 8px;}
.pad-large{ padding: 16px;}
.pad-x-large{ padding: 24px;}
      
img.teaser{ display: inline-block; float: left; margin: 2px 8px 3px 0;}
  img.left-teaser{ float: left; margin: 0px 8px 8px 0;}
  img.right-teaser{ float: right; margin: 0px 8px 8px 0;} 


.teaser{ font-style: italic; font-weight: 100; }
.list .teaser { font-weight: 100;}

.byline{ font-style: italic;}
  .published{ font-style: italic;}
  .author{ font-style: italic;}

.photo-byline{ font-style: italic;}


/* Common Classes */
.cr { clear: both; height:0; line-height: 0; font-size: 0;}
.cr8 { clear: both; height:8px; line-height: 8px; font-size: 1px;}
.cr10 { clear: both; height:10px; line-height: 10px; font-size: 1px;}
.cr100 { clear: both; height:100px; line-height: 10px; font-size: 1px;}