/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up the sensible default typography.
   
-------------------------------------------------------------- */


/* 
=================================================================

BASIC STYLES
These are all the default basic styles. 
These are intended to define the bulk on the "content". 
To further specify styles for different styles of sections, 
create specific styles based off of its container.

=================================================================
*/



/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #4b4b4b; 
  line-height: 1.5;
  /* background: #fff; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


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

h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 { font-size: 2.25em /* 2.25 x 12 = 27 */; line-height: 1.148 /* 1.148 x 27 = 31 */; margin:  .625em 0 0.75em; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 1.667em /* 1.667 x 12 = 20 */; color: #000; line-height: 1.25 /* 1.125 x 20 = 25 */; margin: .875em 0 0.50em; font-family: Georgia, "Times New Roman", Times, serif; }
h3 { font-size: 1.333em  /* 1.333 x 12 = 16 */;  color: #000; line-height: 1.25 /* 1.125 x 16 = 20 */; margin: .625em 0 0.75em; font-family: Georgia, "Times New Roman", Times, serif; }
h4 { font-size: 1em; color: #000; font-weight: bold; line-height: 1.25; margin: .625em 0 0.75em; }
h5 { font-size: 1em; text-transform:uppercase; margin: .625em 0 .5em; }
h6 { font-size: 1em; color: #000; font-style: italic; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h2.first { margin-top: 0; }


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

p           { margin: 0 0 1em; }
img.left  { float: left; margin: 5px 15px 15px 0; padding: 0; }
img.leftnopad  { float: left; padding: 0; }
img.right { float: right; margin: 5px 0 15px 15px; }

img.right.pad-top { margin-top: 15px; }

a:focus, 
a:hover     { color: #06C; text-decoration: underline; }
a:visited   { color: #3a86d3; }
a           { color: #06C; text-decoration: none; }

blockquote  { padding-left: 20px;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sub         { font-size: .75em; line-height: 0; vertical-align: sub; }
sup         { font-size: .75em; line-height: 0; vertical-align: super; }

abbr, 
acronym     { /* border-bottom: 1px dotted #666; */ }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


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

hr          { color:#e6e6e2; background-color:#e6e6e2; height:1px; border:none; margin: 1.5em 0 1.5em; }
hr.medium   { height:3px; }
hr.heavy    { height:5px; }
hr.dashed  { border-bottom: 1px dashed #e6e6e2; background: none; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul          { margin: 0 1.5em .75em 1.5em; }
ol          { margin: 0 1.5em .75em 2em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

li          { margin: 0 0 0 1.5em; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


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

table       {  }
th          { font-weight: bold; }
thead th   	{ background: #dbeefc; border: 1px solid #cfcfc9; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #efefeb; }
td          {  }
tfoot       { font-weight: bold; }
caption     {}

table.norm       { margin-bottom: 1.4em; width:100%; }
th.norm          { font-weight: bold; }
thead th.norm   	{ background: #dbeefc; border: 1px solid #cfcfc9; }
th.norm, td.norm, caption { padding: 0px }
tr.even td  { background: #efefeb; }
td.norm          {  border: none; }
tfoot       { font-weight: bold; }
caption     {}

th.ll, td.ll { padding: 0px 8px 0px 8px }

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .85em; }
.large      { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #848484; }
.loud       { color: #000; }
.highlight  { background:#f7ff7d; color: #000; }
.added      { background:#94d695; color: #000; }
.removed    { background:#f4877e; color: #000; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* 
=================================================================

SPECIFIC STYLES
These are all styles for specific areas or containers. 
These are variations based off the defaults.

=================================================================
*/


/* .secondary-content styles
-------------------------------------------------------------- */

/* Headings */
.secondary-content h2        { margin: 0 0 0.75em; }
.secondary-content h3        { margin: 0 0 0.75em; }
.secondary-content h4        { font-size: 1em; color: #000; font-weight: bold; line-height: 1.475; margin: .625em 0 0.75em; }

/* Text elements */
.secondary-content .details, .item .details  { font-size: .833em; color: #000; font-family: Arial, sans-serif; font-weight: bold; text-transform:uppercase; margin: 0 0 0.25em; }
.secondary-content img.left  { margin: 5px 10px 5px 0; }
.secondary-content img.right { margin: 5px 0 10px 5px; }
.secondary-content blockquote  { padding: 15px; margin: 0 0 1em; font-size: 1.167em  /* 1.167 x 12 = 14 */; line-height: 1.2875em /* 1.125 x 14 = 20 */; }

/* Lists */
.secondary-content li ul, 
.secondary-content li ol       { margin:0 1em; }
.secondary-content ul          { margin: 0 1em .75em 1em; }
.secondary-content ol          { margin: 0 1em .75em 1.5em; }

.secondary-content li          { margin: 0 0 0 1em; }

.secondary-content dl          { margin: 0 0 1.5em 0; }
.secondary-content dl dt       { font-weight: bold; }
.secondary-content dd          { margin-left: 1em; }


/* Homepage styles
-------------------------------------------------------------- */
.homepage .secondary-content h3        { margin: 0 0 0.25em; }