/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */



/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 62.5%;
  color: #222; 
	margin: 0px;
}


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

p,h1,h2,h3,h4,h5,h6,blockquote { 
	font-weight: normal; 
	color: #000; 
	padding: 0px;
	margin: 0px;
	/*
	border-bottom: 10px solid #00F;
	border-top: 10px solid #F0F;
	*/
}

h1 { font-size: 3em; margin: 0em 0em 0.6666667em 0em;}

h2 { font-size: 2em; margin-bottom: .5em;}
h2 span { background-position: 0px 1px !important;}

h3 { font-size: 3em; padding-top: 0.166666666666666666666665em; padding-bottom: 0.166666666666666666666665em; }

h4 { font-size: 1.4em; margin: 0em 0em 0em 0em; line-height: 20px; clear: both;}

h5 { font-size: 1em; font-weight: bold; }

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

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


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

p, blockquote { font-size: 1.2em; margin: 0em 0em 1.66666666667em 0em; line-height: 1.66666666667em; clear: both;}

blockquote {margin-left: 3em; margin-right: 3em;}
/* p           { font-size: 1.2em; margin: -0.0833333em 0 1.58444444em */

p img       { margin: 0.5em 1em 1em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote p{ font-size: 1em; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; font-size: 0.85em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { font-size: 1.2em; margin: -0.0833333em 0em 1.7499999999999999em 0em; line-height: 1.66666666667em; font-style: normal;}
address p    { font-size: 1em; margin: 0; padding: 0; font-style: normal;}
del         { color:#666; }

pre,code    { 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 1em; font-size: 1em; }
ul, ol      { font-size: 1.2em; margin: 0 1em 1.66666666667em 1em; padding: 0 0 0 2em;}

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


li 					{margin: 0em; line-height: 1.66666666667em;}

li p { font-size: 1em; margin: 0px; }

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


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

table       { margin-bottom: 1.4em; width:100%; background: #CFCCC5; font-size: 1.2em;}
th          { font-weight: bold; }
th,td       { padding: 4px 10px 4px 5px; border: 1px solid #EBE6D9; border-top: none; border-left: none; white-space:normal;}
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
thead tr th{ border-bottom: 3px solid #EBE6D9; }
tbody tr th{ border-bottom: 2px solid #EBE6D9; }

thead tr th  { font-size: 1.4em; color: #008198; }


/* 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; }

.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; }


/*  GRID SETUP */
 
div.col {
	float: left;
	margin-right: 50px;
	margin-top: 10px;
}

div.col img {
	max-width: 100%;
}

div.col.span-1 	{ 	width: 20px; }
div.col.span-2 	{ 	width: 40px; }
div.col.span-3 	{ 	width: 60px; }
div.col.span-4 	{ 	width: 80px; }
div.col.span-5 	{ 	width: 100px; }
div.col.span-6 	{ 	width: 120px; }
div.col.span-7 	{ 	width: 140px; }
div.col.span-8 	{ 	width: 160px; }
div.col.span-9 	{ 	width: 180px; }
div.col.span-10 { 	width: 200px; }
div.col.span-11 { 	width: 220px; }
div.col.span-12 { 	width: 240px; }
div.col.span-13 { 	width: 260px; }
div.col.span-14 { 	width: 280px; }
div.col.span-15 { 	width: 300px; }
div.col.span-16 { 	width: 320px; }
div.col.span-17 { 	width: 340px; }
div.col.span-18 { 	width: 360px; }
div.col.span-19 { 	width: 380px; }
div.col.span-20 { 	width: 400px; }
div.col.span-21 { 	width: 420px; }
div.col.span-22 { 	width: 440px; }
div.col.span-23 { 	width: 460px; }
div.col.span-24 { 	width: 480px; }
div.col.span-25 { 	width: 500px; }
div.col.span-26 { 	width: 520px; }
div.col.span-27 { 	width: 540px; }
div.col.span-28 { 	width: 560px; }
div.col.span-29 { 	width: 580px; }
div.col.span-30 { 	width: 600px; }
div.col.span-31 { 	width: 620px; }
div.col.span-32 { 	width: 640px; }
div.col.span-33 { 	width: 660px; }
div.col.span-34 { 	width: 680px; }
div.col.span-35 { 	width: 700px; }
div.col.span-36 { 	width: 720px; }
div.col.span-37 { 	width: 740px; }
div.col.span-38 { 	width: 760px; }
div.col.span-39 { 	width: 780px; }
div.col.span-40 { 	width: 800px; }
div.col.span-41 { 	width: 820px; }
div.col.span-42 { 	width: 840px; }
div.col.span-43 { 	width: 860px; }
div.col.span-44 { 	width: 880px; }
div.col.span-45 { 	width: 900px; }
div.col.span-46 { 	width: 920px; }
div.col.span-47 { 	width: 940px; }
div.col.span-48 { 	width: 960px; }
div.col.span-49 { 	width: 980px; }


div.col.last {	margin-right: -1px; }

div.col.prepend-1 { margin-left: 20px;}
div.col.prepend-2 { margin-left: 40px;}
div.col.prepend-3 { margin-left: 60px;}
div.col.prepend-4 { margin-left: 80px;}
div.col.prepend-5 { margin-left: 100px;}
div.col.prepend-6 { margin-left: 120px;}
div.col.prepend-7 { margin-left: 140px;}
div.col.prepend-8 { margin-left: 160px;}
div.col.prepend-9 { margin-left: 180px;}
div.col.prepend-10 { margin-left: 200px;}

div.col.append-1 { margin-right: 20px;}
div.col.append-2 { margin-right: 40px;}
div.col.append-3 { margin-right: 60px;}
div.col.append-4 { margin-right: 80px;}
div.col.append-5 { margin-right: 100px;}
div.col.append-6 { margin-right: 120px;}
div.col.append-7 { margin-right: 140px;}
div.col.append-8 { margin-right: 160px;}
div.col.append-9 { margin-right: 180px;}
div.col.append-10 { margin-right: 200px;}

div.col div.pad { padding: 10px;}
div.col .pad-top { padding-top: 15px; }
div.col .pad-right { padding-right: 15px; }
div.col .pad-bottom { padding-bottom: 15px; }
div.col .pad-left { padding-left: 15px; }

div.col.pad-bottom { padding-bottom: 20px; }