/*  
Universals Stylesheet
Theme Name: Lebenswelt
Theme URI: http://fiatinsight.com
Version: 1.1
Author: Andrew Haines & Ben Zumdahl
Description: Styling for universal elements: typography, links, alignment, etc
*/


/* ####### MOST UPDATED UNIVERSAL CONTENT ####### */
/* ---------------------------------------------- */
/* Includes general html, type styles, links, etc */
/* ---------------------------------------------- */


/*** General HTML ***/

	hr {
		margin: 18px 0;
		border: 0;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #ffffff;
		}

	ol {list-style:decimal}
	ul {list-style:none;}

	.hentry ul, ol{ margin-left:25px; margin-bottom: 1em;}

	.hide {display:none;}
	



/*** Typography ***/

	::selection {background: #fff2a8;}
	::-moz-selection {background: #fff2a8;}


/* Headers */

	h1 {
		font-size: 28px;
		padding: 0 0 10px;
		font-family: 'Oxygen', helvetica, sans-serif;
		color: #666;
		font-weight: 400;
		line-height: 1.2em;
		}

	h2 {
		font-size: 24px;
		font-family: 'Oxygen', helvetica, sans-serif;
		font-weight: 400px;
		padding: 0 0 5px;
		}

	h3 {
		font-size: 22px;
		font-family: 'Oxygen', helvetica, sans-serif;
		font-weight: 400px;
		padding: 0 0 5px;
		line-height: 1.3em;
		}
		
	h4 {
		font-size: 20px;
		font-family: 'Oxygen', helvetica, sans-serif;
		font-weight: 400px;
		padding: 0 0 5px;
		}
	
	h5 {
		font-size: 18px;
		font-family: 'Oxygen', helvetica, sans-serif;
		font-weight: 400px;
		padding: 0 0 5px;
		}
	
	h6 {
		font-size: 16px;
		font-family: 'Oxygen', helvetica, sans-serif;
		font-weight: 400px;
		padding: 0 0 5px;
		}

	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small {
		font-family: 'Mate', serif;
		font-weight: normal;
		color: #999999;
		}
	
	h1 a, h2 a, h3 a, h4 a, h5 a{}
	h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {}

	p,.p {
		margin-bottom: 1em;
		font-size: 18px;
		line-height: 1.4em;
		color: #888;
		font-weight: 300;
		font-family: 'Oxygen', helvetica, arial, sans-serif;
		}

	p small {
		font-size: 16px;
		color: #888;
		}


/* Styles */

	strong { color: #141414; }
		
	em { font-style: italic; }
	
	.classic1 {
		font-size: 40px;
		padding: 10px 0px;
		color: #999;
		text-shadow: 1px 1px #bbb;
		font-family: 'Quando', helvetica, sans-serif;
		line-height: 1.2em;
		}
	
	.classic2 {
		font-size: 36px;
		padding: 30px 0px;
		color: #888;
		text-shadow: 1px -1px #eee;
		font-family: 'Signika', helvetica, sans-serif;
		font-weight: 200;
		line-height: 1.2em;
		}
	
	.classic3 {
		font-size: 28px;
		padding: 0 0 5px;
		font-family: 'Quando', helvetica, sans-serif;
		color: #666;
		font-weight: 200;
		line-height: 1.2em;
		}
	
	.classic4 {
		font-size: 22px;
		font-family: 'Signika', helvetica, sans-serif;
		color: #bbb;
		font-weight: 200;
		line-height: 1.2em;
		}
	
	.classic5 {font-size: 1.1em;}	
		
	.classic6 {font-size: 18px;
		padding: 10px 20px;
		color: #777;
		font-family: 'Ovo', georgia, serif;
		font-weight: 200;
		border-left: 1px solid #ccc;
		}	
		
	.big {
		font-size: 40px;
		padding: 40px 0px;
		color: #999;
		text-shadow: 1px 1px #bbb;
		line-height: 1.2em;
		}	
		
		
	.lead {
		color: #556270;
		margin-bottom: 18px;
		font-size: 24px;
		font-weight: 200;
		line-height: 36px;
		text-shadow: none;
		}
		
	.support {
		color: #3F88AD;
		font-size: 25px;
		line-height: 30px;
	}
	
	.subtle {
		font-size: 16px;
		color: #aaa;
		}
	
	.section {
		/*background: #eaeaea;
		padding: 15px;
		box-shadow: 0 0 10px #999;*/
		color: #444;
		padding: 25px 0 10px;
		text-transform: uppercase;
		font-size: 30px;
		text-shadow: 1px 1px #eee;
		line-height: 1.1em;
		}
		
	.short { margin: 0; }

	.emphasis { color: #333; }
		
	.feature {
		color: #3F88AD;
		border-bottom: 3px solid #ECBE13;
		margin-bottom: 10px; 
		}

	.whiteout {
		color: #fff;
		text-shadow: none;
		}

	.blackout {
		color: #444;
		text-shadow: none;
		}
		
	sub,
	sup {
		position: relative;
		font-size: 75%;
		line-height: 0;
		vertical-align: baseline;
		}

	sup { top: -0.5em; }

	sub { bottom: -0.25em; }


/* Lists */

	ul.styled {
		list-style: none;
		font-family: 'Mate', georgia, serif;
		color: #999;
		line-height: 1.4em;
		font-size: 18px;
		font-weight: 200;
		}
		
	ul.styled > li:before {
		content: "»";
		margin-right: 10px;	
		}
		
	


/* Blockquotes */

	blockquote {
		padding: 0 0 0 15px;
		margin: 0 0 18px;
		border-left: 5px solid #eeeeee;
		}

	blockquote p {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 300;
		line-height: 22.5px;
		}

	blockquote small {
		display: block;
		line-height: 18px;
		color: #999999;
		}

	blockquote small:before {
		content: '\2014 \00A0';
		}

	blockquote.pull-right {
		float: right;
		padding-right: 15px;
		padding-left: 0;
		border-right: 5px solid #eeeeee;
		border-left: 0;
		}

	blockquote.pull-right p,
	blockquote.pull-right small {
		text-align: right;
		}

	q:before,
	q:after,
	blockquote:before,
	blockquote:after {
		content: "";
		}


/* Links */

	a {
		text-decoration:none;
		color: #0088cc;
		}

	#maincontent a:active {
		background: transparent;
		text-shadow: 0 0 20px #777;
		}
	
	.hentry a:hover{text-decoration: none;}

	.transparent a:hover {opacity: 0.5;}

	.inline-link {
		display: inline-block;
		margin: 0 0.2em;
		padding: 0 3px;
		background: #97CAF2;
		border-radius: 2px;
		transition: all 0.3s ease-out;

		/* Font styles */
		text-decoration: none;
		font-weight: bold;
		color: white;
		}

	.inline-link:hover   { background: #53A7EA; }
	.inline-link:active  { background: #C4E1F8; }
	
	a:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
		}

	.feed-thumb {
		box-shadow: 0 0 7px #888;
		float: right;
		}

	.img-rounded {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.img-circle, img.avatar {
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		border-radius: 500px;
	}
	
	.img-polaroid {
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}
	
	
/* ####### FIXED UNIVERSALS ####### */
/* -------------------------------- */
/* Includes most alignment elements */
/* -------------------------------- */
	
	
/*** Alignment ***/

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
		}

	.aligncenter,.alignnone {display: block;margin-left: auto;margin-right: auto;}
	.center, .textcenter {text-align: center;}
	.alignleft {float: left;margin:0 1.4em .4em 0;}
	.left {	float: left; }
	.textleft {text-align: left;}
	
	.alignright {float: right;margin:0 0 .4em 1.4em;}
	.right { float: right; }
	.textright {text-align:right;}
	
	.clear {clear:both;}
	
	.block{display:block;}
	
	.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.fix{display:inline-block;} 
	* html .fix{height:1%;}
	.fix{display:block;}
	
	img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
	img.left, img[align="left"] { float:left;margin: 2px 10px 5px 0px;}
	img.right, img[align="right"] {	float:right;margin: 2px 0px 5px 10px;}

	.pad_small{padding: 8px;}
	.pad_big {padding: 15px 20px;}