/*
* Grid & Typography
* www.heydanreeves.com/gandt
* An adaptation of Skeleton (www.getskeleton.com) & Fluid Baseline Grid (www.fluidbaselinegrid.com).
* Copyright (c) 2012 Dan Reeves
* http://www.opensource.org/licenses/mit-license.php
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Tables
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		font: inherit;
		font-size: 100%; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none;
		}
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-spacing: 0;
		border-collapse: collapse;
		text-align:center; }
	* {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	    }


/* #Basic Styles
================================================== */
	body {
		background:transparent;
		color: #000;
		font-size: 1;
		line-height: 1.5;
		/* -webkit-font-smoothing: antialiased; */ /* READ: http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ */
		-webkit-text-size-adjust: 100%;

		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		/*font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;*/
		/*font-family: "Droid Sans Mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/
 	}


/* #Typography
==================================================
	/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
	h1, h2, h3, h4, h5, h6 {
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 400;
	}
	h1 {margin: 0; margin-bottom: 0.4em; font-size: 3.75em; line-height: 1.2em;} /* 60px / 72px */
	h2 {margin: 0; margin-bottom: 0.5em; font-size: 3em; line-height: 1em;} /* 48px / 48px */
	h3 {margin: 0; margin-bottom: 0.6667em; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em;} /* 36px / 48px */
	h4 {margin: 0; margin-bottom: 1em; font-size: 1.5em; line-height: 1em;} /* 24px / 24px */
	h5 {margin: 0; margin-bottom: 1.1428571428571428571428571428571em; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em;} /* 21px / 24px */
	h6 {margin: 0; margin-bottom: 1.3333333333333333333333333333333em; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em;} /* 18px / 24px */

	p, ol, ul, blockquote, pre {margin: 0; margin-bottom: 1em; font-size: 1em; line-height: 1.5em;} /* 16px / 24px */
	small, p.small {margin: 0; margin-bottom: 1.7142857142857142857142857142857em; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em;} /* 14px / 24px */

	em {
		font-style: italic;
	}
	strong {
		font-weight: bold;
		line-height:1em;
	}
	code,kbd,tt{
		font-family: "Droid Sans Mono", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
		color:#222;
		background:#f0f0f0;
		padding-left:5px;
		padding-right:5px;
		line-height:1;
		*line-height:1.5;
	}
	 sup { vertical-align:super; font-size:0.8em; line-height: 0.8em; }
	 sub { vertical-align:sub; font-size:0.8em; line-height: 0.8em; }

	blockquote, blockquote p { color: #777; font-style: italic; font-family: "droid-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	blockquote { margin:1.5em; padding: 1.5em; border-left: 1px solid #ddd; }
	blockquote cite { display: block; color: #555; font-family: "droid-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style:normal;}
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	blockquote p { margin:0; }

	hr { clear: both; margin:0; height: 0; border:0; border-top: solid #bbb 1px; }


/* #Links
================================================== */
	a, a:visited { color: #999; color:#00A1D9; text-decoration: underline;}
	a:hover, a:focus { color: #007EA8;
		text-decoration: none; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul { list-style: square inside; padding-left:2em; }
	ol { list-style: decimal inside; padding-left:2em; }
	li p { display:inline; margin:0;}

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Forms
================================================== */

	form {
		margin-bottom: 1.5em; }
	fieldset {
		margin-bottom: 1.5em; }
	form p {
		margin-bottom:0;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		font-size: 1em;
		display: block;
		margin: 0;
		margin-top:0.5em;
		margin-bottom: 2em;
		padding: 6px 4px;
		max-width: 100%;
		height:2em;
		width: 210px;
		border: 1px solid #ccc;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: #fff;
		color: #777;
		font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	textarea {
		height:8em; /* 2em or 5em or 8em or 11em */
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2);
 		color: #444; }
 	input[type="radio"],
	input[type="checkbox"] {
 		margin-right:0.5em;
 		line-height:1.5em;
 		vertical-align:middle;
 	}
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 1em;
		line-height:1.5em;  }
	fieldset label {
		font-weight:400;
	}

/* #Tables
================================================== */
	table {
		/*border-bottom: 1px #c0c0c0 solid;*/
		margin:0;
		padding:0;
		margin-bottom:1.5em;
	}
	th, td {
		padding:0.25em 1em 0.25em 1em;
	}
	th {
		font-weight:bold;
	}
	th[scope="col"] {
		background:#c0c0c0;
	}
	table, th, tr, td {
		border-top:0;
		border-bottom:0;
	}
	caption {
		text-align:left;
	}
/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.visuallyhidden {
	  position: absolute;
	  overflow: hidden;
	  clip: rect(0 0 0 0);
	  height: 1px; width: 1px;
	  margin: -1px; padding: 0; border: 0;
	}
	.amp {
  		font-style:italic;
    	font-family:'Baskerville','Goudy Old Style','Palatino','Book Antiqua','Palatino Linotype','Constantia',serif;
    	/* Use for beautiful &s in your titles! */
	}
	.copy {
		font-family: sans-serif !important;
		/* In case a browser has trouble rendering this glyph in a web font */
	}