/* ----------------------------------------
BASE STYLES: base.css
Created to ease in development. Basic styles are defined here.
Keep any custom styles in another stylesheet (master.css)

Version: 1.0 (03-15-10)
---------------------------------------- */


/* ----------------------------------------
RESET MOST STYLES: 
Based on Eric Meyer's Reset
SOURCE: http://bit.ly/alhyQH
Edited to define some basic styles by Ben Shoults: http://bit.ly/9K13rV
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;
	border-spacing: 0;}
	
	
/* ---------------------------------------- 
APPLY CLEARFIX CLASS:
SOURCE: http://bit.ly/brJxVo
Also see this for an alternative method: http://bit.ly/akisZa
---------------------------------------- */
.clearfix:after {clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

	
/* ---------------------------------------- 
APPLY DEFAULT STYLES: 
Defines some basic styles based on good typographic rules. 
Resets some of the behaviors of the reset.
---------------------------------------- */
p, dd, ul, ol, blockquote, code, pre {padding-bottom: 1.5em;}
dt {font-style: italic;}
ul li {list-style: disc;}
ol li {list-style: decimal;}
blockquote {margin-left: 2em;}
cite {font-style: italic;}
code, pre {font-size: 90%;
	font-family: Courier, mono;}
abbr, acronym {border-bottom: 1px dotted #999;}

	
/* ---------------------------------------- 
CUSTOM STYLES: 
Defines some custom basic styles to be used sitewide.
Font sizes are based on a Typographic scale: http://bit.ly/bUMTkv
---------------------------------------- */
body {
	font-size: 1em;
	line-height: 1.5;
	color: #343434; 
	background: #f1f1f1 url(../images/bg.png);
	border-top: 6px solid rgba(187,80,63,1);
	}
	
a:link, a:visited {
	color: #bb503f;
	text-decoration: none;
	-webkit-transition: color ease-in-out .25s;
	}
	
a:active, a:hover {
	color: #44afc2;
	-webkit-transition: color ease-in-out .25s;
	}
	
h1 {
	font-size: 5em; /* 48px - based on 1em body size*/
	color: #44afc2;
	font-weight: 100;
	text-transform: uppercase;
	line-height: 1;
	}

h2 {
	font-size: 1.5em; /* 36px - based on 1em body size */
	color: #44afc2;
	font-weight: 300;
	}

h3 {
	font-size: 1.5em; /* 24px - based on 1em body size */
	color: #44afc2;
	}

h4 {
	font-size: 1.3125em; /* 21px - based on 1em body size */
	}

h5 {
	font-size: 1.125em; /* 18px - based on 1em body size */
	}

h6 {
	font-size: 1em; /* 16px - default */
	}