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

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) 
*/
html { 
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

/* Headings */

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

h1 { 
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 36px;
	line-height: 36px; 
}

h2 { 
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 24px; 
	line-height: 36px;
}

h3 { 
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 18px; 
	line-height: 18px; 
}

h4 { 
	margin-bottom: 18px;
	font-size: 15px; 
	line-height: 18px; 
}

h5 { 
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 13px; 
	line-height: 18px; 
}

h6 { 
	font-weight: bold;
	font-size: 13px; 
	line-height: 18px; 
}

/* Links */

a:link,
a:visited {
	text-decoration: none;
}

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


/* Text elements */

p { 
	margin: 0 0 18px;
}

/*
  These can be used to pull an image at the start of a paragraph, so
  that the text flows around it (usage: <p><img class="f-left">Text</p>)
 */
.f-left { 
	float: left !important;
}
p .f-left { 
	margin: 18px 15px 18px 0; 
	padding: 0;
}
.f-right { 
	float: right !important;
}
p .f-right { 
	margin: 18px 0 18px 15px; 
	padding: 0;
}

blockquote  { 
	margin: 18px 15px; 
	font-style: italic;
}
strong, dfn { 
	font-weight: bold;
}
em, dfn { 
	font-style: italic;
}
sup, sub { 
	line-height: 0;
}

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

address { 
	margin: 0 0 18px; 
	font-style: italic;
}
del { 
	color: #666;
}

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


/* Lists */

ul, ol { 
	margin: 0 18px 18px 0; 
	padding-left: 18px;
}

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

dl { 
	margin: 0 0 18px 0;
}
dl dt { 
	font-weight: bold;
}
dd { 
	margin-left: 18px;
}

/* Tables */

/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
*/
table { 
	margin-bottom: 1.4em; 
	width:100%;
}
th { 
	font-weight: bold;
}
th, td, caption { 
	padding: 4px 10px 4px 5px;
}

tfoot { 
	font-style: italic;
}

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

.highlight { 
	background:#ff0;
}