/*



* Skeleton V1.2



* Copyright 2011, Dave Gamache



* www.getskeleton.com



* Free to use under the MIT license.



* http://www.opensource.org/licenses/mit-license.php



* 6/20/2012



*/











/* Table of Content



==================================================



	#Reset & Basics



	#Basic Styles



	#Site Styles



	#Typography



	#Links



	#Lists



	#Images



	#Buttons



	#Forms



	#Misc */







@import url(http://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext);



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



		font-size: 100%;



		font: inherit;



		vertical-align: baseline; }



	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-collapse: collapse;



		border-spacing: 0; }







	a {



		text-decoration:none; }



	a img {



		 float:left; }



/* #Basic Styles



================================================== */



	body {



		/*background: url(../images/bg.gif);*/
		
		background:url(../images/bg-sides.png) no-repeat top center fixed;
		
		background-color: #000;



		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;



		color: #888888;



		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */



		-webkit-text-size-adjust: 100%;



 }



	.left {



		float:left !important;



}



	.right {



		float:right !important;



}



	.white {



		color:#FFF !important;



}



	.heading {



		background:#262626;



		height:50px;



		width:100%;



		color:#FFF;



		text-transform:uppercase;



		padding:13px 20px 0px 20px;



		-webkit-box-sizing:border-box;



		-moz-box-sizing:border-box;



		box-sizing:border-box;



}



	a.button {



		



}



/* #Typography



================================================== */



	h1, h2, h3, h4, h5, h6 {



		color: #262626;



		text-transform:uppercase;



		font-family: 'Oswald', sans-serif;



		font-weight: normal; }



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



	h1 { font-size: 24px;}



	h2 { font-size: 20px;}



	h3 { font-size: 18px;}



	h4 { font-size: 16px;}



	h5 { font-size: 14px;}



	h6 { font-size: 12px;}



	.subheader { color: #888888; }







	p { margin: 0 0 0px 0; font-size:14px; }



	p img { margin: 0; }



	p.lead { font-size: 21px; line-height: 27px; color: #888888;  }







	em { font-style: italic; }



	strong { font-weight: bold; color: #888888; }



	small { font-size: 80%; }







/*	Blockquotes  */



	blockquote h4 { color: #262626; padding-bottom:10px; }



	blockquote p { font-size: 11px; font-style:italic; color: #666666; }



	blockquote { margin: 20px 0px; padding: 15px 20px; border: 1px solid #fff; border-top: 3px solid #fff; background:#f5f5f5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:0px 0px 3px #ccc; }



	blockquote cite { display: block; font-size: 12px; color: #555; }



	blockquote cite:before { content: "\2014 \0020"; }



	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }







	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }











/* #Links



================================================== */



	a, a:visited { color: #888; outline: 0; }



	a:hover, a:focus { color: #888; }



	p a, p a:visited { line-height: inherit; }











/* #Lists



================================================== */



	ul { list-style: none outside; }



	ol { list-style: decimal; }



	ul ul, ul ol,



	ol ol, ol ul { font-size: 90%;  }



	ul ul li, ul ol li,



	ol ol li, ol ul li {  }



	li { line-height: 18px; }







/* #Images



================================================== */



.responsive {



	max-width: 225px;



	width:100%;



	height:auto;



	margin:50px auto;



}



.responsive img{



	max-width: 225px;



	width:100%;



	max-height:90px;



	min-height:auto;



}







	img.scale-with-grid {



		max-width: 100%;



		height: auto; }











/* #Buttons



================================================== */







	.button,



	button,



	input[type="submit"],



	input[type="reset"],



	input[type="button"] {



		border-radius: 4px;



		display: inline-block;



		cursor: pointer;



		line-height: normal;



		box-shadow:0px 0px 3px #b4b4b4;



		height:26px;



		display:inline-block;



		padding:4px 15px 1px 15px;



		font-size:14px;



		color:#4c4c4c !important;



		text-transform:uppercase;



		background:#eaeaea;



		border:#bbbbbb solid 1px;



		text-shadow:1px 1px #fff;



		font-family: 'Oswald', sans-serif;



	}



	a.buttonsmall {



		border-radius: 4px;



		display: inline-block;



		cursor: pointer;



		line-height: normal;



		box-shadow:0px 0px 3px #b4b4b4;



		display:inline-block;



		padding:6px 10px 6px 10px;



		font-size:11px;



		color:#4c4c4c !important;



		text-transform:uppercase;



		background:#eaeaea;



		border:#bbbbbb solid 1px;



		text-shadow:1px 1px #fff;



		font-family: 'Oswald', sans-serif;



	}



	a.buttonsmall:hover {



		color: #222;



		background: #ddd; /* Old browsers */



		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */



		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */



		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */



		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */



		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */



		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */



	  border: 1px solid #888;



	  border-top: 1px solid #aaa;



	  border-left: 1px solid #aaa;



	}



	a.buttonone {



		border-radius: 3px;



		cursor: pointer;



		display:inline-block;



		padding:1px 10px 0px 10px;



		height:21px;



		font-size:11px;



		color:#555555 !important;



		text-transform:uppercase;



		background:url(../images/buttonone.gif) repeat-x top;



		border:#cdcdcd solid 1px;



		text-shadow:1px 1px #fff;



	}



	a.buttonone:hover {



		background:#dedede;



	}



	a.buttonone .print{



		width:13px;



		height:13px;



		float:left;



		margin:3px 5px 0px 0px;



		display:inline-block;



		background:url(../images/print.png) no-repeat;



	}



	.button:hover,



	button:hover,



	input[type="submit"]:hover,



	input[type="reset"]:hover,



	input[type="button"]:hover {



		color: #222;



		background: #ddd; /* Old browsers */



		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */



		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */



		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */



		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */



		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */



		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */



	  border: 1px solid #888;



	  border-top: 1px solid #aaa;



	  border-left: 1px solid #aaa; }







	.button:active,



	button:active,



	input[type="submit"]:active,



	input[type="reset"]:active,



	input[type="button"]:active {



		border: 1px solid #666;



		background: #ccc; /* Old browsers */



		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */



		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */



		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */



		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */



		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */



		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }







	.button.full-width,



	button.full-width,



	input[type="submit"].full-width,



	input[type="reset"].full-width,



	input[type="button"].full-width {



		width: 100%;



		padding-left: 0 !important;



		padding-right: 0 !important;



		text-align: center; }







	/* Fix for odd Mozilla border & padding issues */



	button::-moz-focus-inner,



	input::-moz-focus-inner {



    border: 0;



    padding: 0;



	}











/* #Forms



================================================== */







	form {



		margin-bottom: 20px; }



	fieldset {



		margin-bottom: 20px; }



	input[type="text"],



	input[type="password"],



	input[type="email"],



	textarea,



	select {



		border: 1px solid #ccc;



		padding: 6px 4px;



		outline: none;



		-moz-border-radius: 2px;



		-webkit-border-radius: 2px;



		border-radius: 2px;



		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;



		color: #777;



		margin: 0;



		width: 340px;



		max-width: 100%;



		display: block;



		margin-bottom: 20px;



		background: #fff; 



		box-shadow:inset 1px 1px 2px #ccc;}



	select {



		padding: 0; }



	input[type="text"]:focus,



	input[type="password"]:focus,



	input[type="email"]:focus,



	textarea:focus {



		border: 1px solid #aaa;



 		color: #444;



 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);



		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);



		box-shadow:  0 0 3px rgba(0,0,0,.2); }



	textarea {



		min-height: 60px; }



	label,



	legend {



		display: block;



		font-weight: bold;



		font-size: 13px;  }



	select {



		width: 220px; }



	input[type="checkbox"] {



		display: inline; }



	label span,



	legend span {



		font-weight: normal;



		font-size: 13px;



		color: #444; }







/* #Misc



================================================== */



	.remove-bottom { margin-bottom: 0 !important; }



	.half-bottom { margin-bottom: 10px !important; }



	.add-bottom { margin-bottom: 20px !important; }