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

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body{ 
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#575242;
}


/* Headings */

h1,h2,h3,h4,h5,h6{ 
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal; 
	color: #5b8cc4; 
	margin-top: 10px;
}

h1{ font-size: 26px; line-height: 1; margin-bottom: 0.3em; }
h2{ font-size: 21px; margin-bottom: 0.75em; }
h3{ font-size: 17px; line-height: 1; font-weight:bold; margin-bottom: 1em;}
h4{ font-size: 15px; line-height: 1; font-weight: bold; margin-bottom: 1.25em; }
h5{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6{ font-size: 1em; font-weight: bold; }

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


/* Text elements */

p{
margin: 0 0 1.5em; 
line-height:15px;
}
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.left-top { float: left; margin: 0.5em 1.5em 1.5em 0; padding: 0; }
p img.right{ float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.right-top{ float: right; margin: 0.5em 0 1.5em 1.5em; }

a:focus, a:hover{ text-decoration: underline; }
/* a:visited{ color: #006cb7; } */
a{ 
	color: #006cb7; 
	text-decoration: none; 
	outline: none;
}

blockquote{
	background:#ececec;
	margin:0 0 1.5em 0.7em;
	padding:10px;
	color:#000000;
	display:block;
	border-left:2px solid #d3d3d3;
	font-style:italic;
}
blockquote p{
	margin:0;
}
strong{ font-weight: bold; }
em, dfn{ font-style: italic; }
dfn{ font-weight: bold; }
sup, sub{ line-height: 0; }

abbr, acronym{ border-bottom: 1px dotted #666; }
address{
	margin: 0 0 1.5em;
	padding:10px;
	font-style: italic;
	background-color:#DDFFDD;
	border-bottom:1px solid #BBEEBB;
	border-top:1px solid #BBEEBB;
	font-size:13px;
	font-weight:bold;
}
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; }


/* Lists */

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

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

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


/* Tables */

table{ width:100% }
th{ font-weight: bold; }
thead th{ background: #c3d9ff; }
th,td,caption{ padding: 4px 10px 4px 5px; }
tr.even td{ background: #e5ecf9; }
tfoot{ font-style: italic; }
caption{ background: #eee; }


/* Misc classes */

.small{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide{ display: none; }
.bold{ font-weight:bold; }

.quiet{ color: #666; }
.loud{ color: #000; }
.highlight{ background:#ff0; }
.added{ background:#060; color: #fff; }
.removed{ background:#900; color: #fff; }

.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; }
.clear{ clear:both; }
.left{ float:left; }
.right{ float:right }