/**********
Development
***********

Theme Name: Lebenswelt
Theme URI: http://fiatinsight.com
Version: 3
Author: Andrew Haines & Ben Zumdahl
Description: Project-facing styles; open-ended for new additions and overwrites to core stylizations
*/
	

/* --- Typography & Design --- */
	
	/* Highlighting */

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


	/* Selectors */

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #666;
		font-variant:small-caps;
		}

	h1 {
		font-size: 28px;
		padding: 0 0 10px;
		line-height: 1.2em;
		}

	h2 {
		font-size: 24px;
		padding: 0 0 5px;
		}

	h3 {
		font-size: 22px;
		padding: 0 0 5px;
		}
	
	h4 {
		font-size: 20px;
		padding: 0 0 5px;
		}

	h5 {
		font-size: 18px;
		padding: 0 0 5px;
		}

	h6 {
		font-size: 16px;
		padding: 0 0 5px;
		}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 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: #444;
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
		}

	p small {
		font-size: 14px;
		color: #888;
		}
	
	/* Large intro paragraph for posts */
	.single .textcontent > p:first-of-type {
			font-size: 1.5em;
			color: #444;	
			}
	
	/* Mod for Bootstrap buttons correction */
	.btn p {margin-bottom: 0;}
	
	
	/* Objects */

		/* Type */
	
		.primary { color: ;}
		
		.secondary { color: ;}
			
		.tertiary { color: ;}
		
		b, strong {
			color: #141414;
			font-weight: bold;
			}
	
		em { font-style: italic; }
	
		small { font-size: 80%; }
	
		p.teaser {
			visibility: hidden;
			text-align: center;
			top: 30%;
			margin-right: 15px;
			padding: 15px;
			color: #fff;
			position: absolute;
			font-family: 'Alegreya Sans SC', helvetica, sans-serif;
			font-weight: 400;
			}
	
		.fact-buttons {
			top: 50%;
			position: absolute;
			text-align: center;
			margin-top: -10px;
			}
	
		.social-box {
			background: #fff;
			box-shadow: 0 0 5px #bbb;
			border-radius: 8px;
			margin-bottom: 40px;
			}
	
		#box1 {
			margin-bottom: 10px;
			height: 186px;
			width: 249px;
			background: url(/wp-content/uploads/box1.jpg) no-repeat;
			}
			
		#box1:hover {	
			background: url(/wp-content/uploads/redbox1.jpg) no-repeat;
			}
	
		#box2 {
			margin-bottom: 10px;
			height: 186px;
			width: 249px;
			background: url(/wp-content/uploads/box2.jpg) no-repeat;
			}
			
		#box2:hover {	
			background: url(/wp-content/uploads/redbox2.jpg) no-repeat;
			}
			
		#box3 {
			margin-bottom: 10px;
			height: 186px;
			width: 249px;
			background: url(/wp-content/uploads/box3.jpg) no-repeat;
			}
			
		#box3:hover {	
			background: url(/wp-content/uploads/redbox3.jpg) no-repeat;
			}
			
		#box4 {
			height: 186px;
			width: 249px;
			background: url(/wp-content/uploads/box4.jpg) no-repeat;
			}
			
		#box4:hover {	
			background: url(/wp-content/uploads/redbox4.jpg) no-repeat;
			}							
	
		.stories div:nth-child(even){
			background: #fff;
			}
			
		.stories div:hover {
			background: #f4f7f7;
			}
	
		.gray-buttons {
			margin-top: 80px;
			}
	
		.gray-buttons:first-child {
			margin-top: 0px;
			}
	
		.lead {
			font-size: 130%;
			font-weight: 200;
			text-shadow: none;
			}
	
		.big {
			font-size: 170%;
			text-shadow: none;
			}	

		.subtle {
			font-size: 90%;
			opacity: .8;
			}
	
		.short {
			margin: 0;
			padding: 0;
			line-height: 1em;
			}
			
		.spaced { line-height: 140%; }

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

		.black {
			color: #333;
			text-shadow: none;
			}

		.overlay-top:hover img {
			opacity: 0;
			}
		
		.overlay-top:hover .overlay {
			background: #d2232a;
			}
		
		.overlay-top:hover p.teaser {
			visibility: visible;
			}
		
		sub,
		sup {
			position: relative;
			font-size: 75%;
			line-height: 0;
			vertical-align: baseline;
			}

		sup { top: -0.5em; }

		sub { bottom: -0.25em; }


		/* Design */
		
		hr {
			margin: 18px 0;
			border: 0;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ffffff;
			}


	/* Lists */

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

	ul.styled {
		list-style: none;
		color: #444;
		line-height: 1.4em;
		font-size: 16px;
		font-weight: 300;
		font-family: Montserrat, sans-serif;
		}
	
	ul.styled li {
		margin-bottom: 10px;
		}
	
	ul.styled > li:before {
		content: "»";
		margin-right: 10px;	
		}
		
		
	/* Blockquotes */

	blockquote {
		background: #f1f1f1;
		padding: 20px 20px 20px;
		margin: 30px 0 30px;
		border-left: 5px solid #ddd;
		border-right: 5px solid #d2232a;
		box-shadow: 0 0 15px #ccc;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		}

	blockquote p {
		color: #666;
		margin-bottom: 18px;
		font-weight: 300;
		font-size: 16px;
		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: "";
		}
			
	#spread-icons .row span {
		margin-top: 40px;
		font-size: 40px;
		color: #d02630;
		}

	#spread-icons h3 {
		color: #d02630;
		}

	#spread-icons a:hover {
		text-decoration: none;
		}
		
	#gallery-downloads img {
		width: 150px;
		height: auto;
		margin: 40px 0;
		border: 1px solid #ddd;
		}	

	.carousel-inner>.item img, .carousel-inner>.item a img {
		border-radius: 8px;
		display: inline;
		}

	.carousel-inner .item {
		height: 369px;
		}

	#myCarousel p {
		color: #000;
		}
		
	#myCarousel small {
		color: #888;
		}
	
	#Gallery .carousel-inner>.item {
		height: 305px;
		}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		color: #000;
		font-size: 45px;
		top: 30%;
		}
	
	.feature-image {
		background-image: url('/wp-content/uploads/bgs/std-bg.jpg'); 
		background-size: 100%; 
		height: 600px; 
		background-repeat; no-repeat;
		}
	.feature-image img {
		margin-top: 180px;
		}
	
	/* Links */

	a {
		text-decoration:none;
		color: #d2232a;
		}

	a:hover {
		color: #ee4d56;
		text-shadow: none;
		}
	
	a:active {
		color: #ee4d56;
		background: transparent;
		text-shadow: none;
		}
	
	.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;
		}


/* --- Site Layout --- */

	/*** General ***/

	body {
		background: #f4f7f7 url('');
		font-family: 'Ovo', georgia, serif;
		font-size: 16px;
		line-height: 1.4em;
		}


	/*** Objects ***/

	.buffer { padding: 20px; }

	.shadow-soft { box-shadow: 0 0 15px #888; }
	
	.shadow-hard { box-shadow: 0 0 10px #222;}


	/*** Banner ***/

	#banner {
		background: #fff;
		background-image: url('');
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		margin: 0;
		padding: 10px 0;
		}

	.headline {
		color:#000;
		padding: 0px 0px;
		opacity: .5;
		}

	.headline h1 a {
		color:#fff;
		font-size: 45px;
		text-shadow:1px 1px #777;
		float:left;
		line-height:1em;
		}

	.site-description {
		font-size:25px;
		font-family: georgia, sans-serif;
		float:left;
		margin:0px;
		color:#fff;
		}
		
		
	/*** TitleBar ***/

	#titlebar {
		background: #3F88AD;
		opacity: .8;
		border-bottom: 0px solid #eee;
		padding: 0 15px;
		box-shadow: 0 0 35px #444;
		}

	#titlebar h1 {}

	#titlebar h2 {}

	.titlebar-facts a:hover {
		text-decoration: none;
		}

	.titlebar-facts a h1:hover {
		color: #999 !important;
		}

	/*** Footer ***/

	#footer  {
		background: transparent url('') top left repeat;
		padding: 50px 0 40px;
		}

	.fcol{
		float: left;
		display:inline;
		margin-left: 0px;
		}
	.fcol img {
		display: inline;
		margin-right: 15px;
		width: 48px;
		}
	
	.fcol img:hover {
		opacity: 0.7;
		}

	#footer .social-links img {
		float: right;
		}

/* --- Navigation --- */

	/*** General ***/
	
	.dropdown-menu {
		z-index: 1200;
		}
	
	.dropdown-menu > li > a {
		font-size: 14px;
		text-align: left;
		}
	
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		color: #fff !important;
		text-decoration: none;
		background-color: #d02630;
		}

	.dropdown:hover .dropdown-menu {
    	display: block;
	 }
	
	/*** Navigation ***/
	
	#navigation {}
	
	.navfloater.affix {
		top: 0;
		width: 100%;
		z-index: 4000;
		}


	/*** Navbar ***/

	/*** Huge Nav ***/
	
	.hugenav {
		font-size: 30px;
		margin: 100px 0 0;
		}

	.hugenav a {
		color: #fff;
		text-shadow: 0 0 8px #555;
		font-family: 'Mate', georgia, serif;
		opacity: .6;
		}

	.hugenav li {
		display: inline-block;
		padding: 20px;
		border-top: 10px solid transparent;
		}

	.hugenav li:hover, .hugenav .current {
		border-top: 5px solid #777;
		}
		
	.hugenav > li a:hover,
	.hugenav > li a:active,
	.hugenav > li a:focus {
		text-decoration: none;
		}


	/*** Top Nav ***/
	
	.topnav {
		font-size: 20px;
		margin: 0;
		}

	.topnav a {
		color: #555;
		opacity: 1;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		text-transform:uppercase;
		}

	.topnav > li {
		color: #fff;
		display: inline-block;
		padding: 10px 10px;
		}

	.topnav > li a:hover,
	.topnav > li a:active,
	.topnav > li a:focus {
		/*color: #999;*/
		text-decoration: none;
		border-bottom: 2px solid #d2232a;
		}


	/*** Side Nav ***/
	
	.sidenav {
		font-size: 23px;
		margin: 0;
		margin-top: 20px;
		}
		
	.sidenav li {
		margin-bottom: 5px;
		}	

	.sidenav a {
		color: #888;
		opacity: 1;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		}

	.sidenav li:hover a {
		color: #fff;
		text-decoration: none;
		}
	
	.sidenav li:hover {
		background: #9e9fa4;
		}
	
	#menu-primary {
		list-style: none;
		}
	
	.menu > li {
		background: #eee;
		border-bottom: 1px solid #fff;
		padding: 15px;
		}

	.menu > li.current-menu-item {
		background-color:#d2232a;
		background-image:url('/wp-content/themes/Lebenswelt3/images/arrow.png');
		background-repeat:no-repeat;
		background-position:right center; 
		border-bottom: 1px solid #fff;
		}

	.menu > li.current-menu-item a {
		color: #fff;
		}

/* --- Content --- */
		
	/*** General ***/
	
	#contentcontainer {
		background: transparent;
		}

	.contentinterior {
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		}

	/*** Partial ***/
		
	.partial-sidebar.affix {
		top: 107px;
		}

	.partial-sidebar {
		width: 273px;
		padding-left: 20px;
		}

	
	/*** Pages & Posts ***/
		
		/* General */
		
		#maincontent {
			background: ;
			padding: 15px 0;
			}
		
		.copy {padding: 25px 30px 0px 30px;}
		
		.pagetitle {
			padding: .5em 0 .4em;
			border-top: 3px double #ccc;
			border-bottom: 1px solid #ccc;
			margin-bottom: 1em;
			font-size: 1.7em;
			}
	
		.post{	
			background: transparent url('') repeat left top;
			clear: both;
			overflow: visible;
			}
		
		/* Images */
	
		img {
			max-width: 100%;
			vertical-align: middle;
			display: block;
			height: auto;
			border: 0;
			-ms-interpolation-mode: bicubic;
			/* Mimics Bootstrap responsive images for entire site */
			}
	
		img .border {
			border-image:url("images/frame.png") 30 repeat;
			-o-border-image:url("images/frame.png") 30 repeat;
			-moz-border-image:url("images/frame.png") 30 repeat;
			-webkit-border-image:url("images/frame.png") 30 repeat;
			border-width: 30px;
			}

		.rounded { border-radius: 8px; }
		
		.circle { border-radius: 25%; }

		.inset { box-shadow: inset 0 0 7px 4px rgba(255,255,255,.5); }

	
		.single img.alignleft {
			margin: 30px 30px 30px -80px;
			}
		
		.single img.alignright {
			margin: 30px -80px 30px 30px;
			}
		
		.single .postwrap img {
		    padding: 3px;
		    line-height: 1.428571429;
		    background-color: #ffffff;
		    border: 1px solid #dddddd;
		    border-radius: 4px;
			box-shadow: 0 0 5px #bbb;
			}
			
			
		/* Blog */

		.blog #maincontent,
		.single #maincontent {}

		.blog .postwrap,
		.single .postwrap {
			background: rgba(255, 255, 255, 0.9);
			margin-bottom: 10px;
			overflow: visible;
			z-index: 1000;
			position: relative;
			}
	
		.single .articleimage {
			height: 500px;
			background: #222;
			margin-left: -30px;
			margin-bottom: -270px;
			z-index: -1000;
			width: 110%;
			box-shadow: 0 -1px 15px #222;
			}
	
		.single .copy {
			background: transparent;
			padding: 20px 60px;
			}
	
		.single .post-title {
			padding-top: 20px;
			padding-bottom: 10px;
			border-top: 5px solid #555;
			}

		.metabar {
			background: transparent url('') top left no-repeat;
			padding: 5px 10px 5px 0;
			margin: 0;
			opacity: .9;
			}

		.metabar a {color: #0F2B59;}

		.metabar em {
			font-family: 'Signika', helvetica, sans-serif;
			border-left: 0px solid #eee;
			border-right: 0px solid #eee;
			background: transparent;
			color: #444;
			font-size: 16px;
			font-style: normal;
			padding: 5px 0;
			line-height: 2.2em;
			}

		.post-excerpt {}

		.post-title {margin-bottom: .4em;}

		.post-title h2{
			font-family: 'Quando', helvetica, sans-serif;
			font-size: 35px;
			line-height: 1em;
			text-transform: none;
			letter-spacing: -.02em;
			padding: 0 0 7px;
			}

		.post-title h2 a {color: #556270;}
		.post-title h2 a:hover {color: #999; text-decoration: none;}
		
		.post-nav {
			clear: both;
			padding:20px 20px 5px 20px;
			font-size: 11px;
			position: relative;
			}

		.post-nav a,
		.post-nav a:visited {
			color: #999;
			text-decoration: none;
			}

		.post-nav a:hover {
			color: #000000;
			text-decoration: none;
			}

		.post-nav .previous a {
			float: left;
			display: block;
			padding-left: 24px;
			}

		.post-nav .next a {
			float: right;
			display:block;
			padding-right: 24px;
			text-align: right;
			}

		.post-header {
			width: 355px;
			float: left;
			display: inline; /* IE HACK */
			}

		.post-header.post-nothumb {width: 100%;}

		.thumb.left img {margin-right:23px;}

		.thumb img {display:block; margin:0 0 0.8em;}	

		.author-info {padding: 15px;}

		.author-info small {color: #999;}

		.author-info h3{
			text-transform: capitalize;
			font-size: 26px;
			}

		.pic {text-align: left}
		.pic img {float:left}

		.post-author {margin: 0 0 1em;}

		.author-details {font-size: .85em;}

		.author-descr {display: table; height: 1%;}

		.author,
		.auxilary a {font-variant: small-caps;}

		.auxilary a {color: #999;}

		.post .entry {
			margin-bottom: 1em;
			padding: 1em 0;
			border-top: 1px solid #eee;
			}

		.post-footer {
			height: 0px;
			padding: 10px 30px 6px;
			overflow: hidden;
			font-family:helvetica, arial, sans-serif;
			border-bottom: 0px solid #ccc;
			text-shadow: #fff 0 1px 0;
			font-size: 1em;
			}

		.post-footer.pfooterdark {
			padding-top: 0px;
			padding-bottom: 0px;
			line-height: 42px;
			}

		.post-footer a{
			color: #444;
			font-variant: small-caps;
			letter-spacing: 2px;
			font-family: helvetica, arial, sans-serif;
			}

		.post-footer .left {line-height: 38px;}

		.post-footer .left span {
			background: url(../images/comment_count_bg.png) no-repeat center left;
			font-weight: bold;
			font-size: 15px;
			text-align: center;
			padding: 3px 0 8px 0;
			width: 33px;
			margin-right: 6px;
			display: inline-block;
			line-height: 32px;
			text-shadow: #fff 0 1px 0;
			color: #aaa;
			}

		.post-footer .right {padding: 9px 0 0;}

		.post-footer .right span {line-height: 21px;}

		.post-footer img {margin: 0 0 0 2px;}

		.tags {font-style: italic; color: #777;font-size: 10px;}
		
		.post.sticky {
			border:5px solid #eee;
			}


		/* Comments */

		.page .nocomments {display:none;}

		h3 #comments-title {
			background: url(../images/icons/comment.png) no-repeat 0px 3px;
			padding-left: 20px;
			clear: both;
			}

		#respond h3 {
			background: url(../images/icons/edit.png) no-repeat 0px 6px;
			padding-left: 22px;
			clear: both;
			}

		#commentform { margin-top: 10px; }

		#commentform label {
			font-weight: bold;
			color:#666;
			font-size: 100%;
			padding-left: 5px;
			}

		#commentform small {
			font-size: 90%;
			}

		#commentform input {
			padding: 5px;
			display: block;
			}

		#commentform textarea {
			background: #FFF;
			width: 95%;
			height: 140px;
			}

		#respond {margin: 20px 0;}

		ol ul #commentform textarea {width: 90%;}

		#commentform textarea:focus, #commentform input[type="text"]:focus {
			border: solid 1px #999;
			}

		#commentform .form-submit{margin-bottom: 2em;}
		#commentform #submit {display: inline;}

		.form-allowed-tags {font-size: .85em;}
		.form-allowed-tags code {color: #777;display: block;font-size:10px;}

		.nocommentform {display:none}

		.commentlist {
			list-style-type:none;
			margin: 10px 0px 10px 18px;
			line-height: 130%;
			padding-left:45px;
			font-family: helvetica, arial, sans-serif;
			}
	
		.commentlist li{
			padding: 10px;
			}
	
		.commentlist ul.children {list-style-type: none;margin: .7em;}
		.commentlist ul.children .even {background:#fff;}
		.commentlist .alt {
			background: #F4F4F4;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			}
	
		.commentlist cite {
			font-family:georgia, times;
			font-weight: bold;
			font-style: normal;
			font-size: 110%;
			}

		.commentlist img.avatar {  float: left;  margin: 0 5px 5px -53px;  position: relative; }
		.commentlist .children img.avatar {  float: left;  margin: 0 10px 5px 0;  position: relative; }
		.commentlist .comment-meta {
			margin-bottom: 5px;
			display: block;
			font-size: 87%;
			}

		.commentlist .comment-meta  a{
			color: #999999;
			}


	/*** Sidebar ***/

	#sidebar {
	 	background: transparent url('');
		padding: 25px 70px;
		position:relative;
		}

	#widgets{
		}
	
	#widgets ul {
		list-style: none;
		}
	
	.widget {
		background: transparent;
		margin-bottom: 20px;
		}
	
	h3.wtitle {
		display: none;
		}



/* --- Interactive --- */
		
	/*** Gravity Forms ***/
				
	.gform_body {
		font-family: 'Alegreya Sans SC', helvetica, sans-serif;
		}

	.field-background {
		background: #f4f7f7;
		}

	.gform_footer {
		display: block;
		}

	ul.gform_fields {
		list-style: none;
		margin: 0;
		}

	.gfield {
		margin: 0px 0;
		padding: 15px 0;
		}
		
	.gfield input {
		width: 99%;
		padding: 5px;
		}

	.gfield p {	
		padding: 0 15px;	
		}

	label.gfield_label {
		font-size: 18px;
		color: #666;
		margin: 0;
		padding: 0 15px;
		}

	.ginput_container {
		margin: 10px 0 0;
		padding: 0 15px;
		}

	.gform_button {
		margin: 20px 0;
		padding: 10px 20px;
		background: transparent;
		border: 1px solid #ddd;
		border-radius: 3px;
		font-family: 'Alegreya Sans SC', helvetica, sans-serif;
		}

	ul.gfield_radio, ul.gfield_checkbox {
		list-style: none;
		margin: 0;
		}

	.gfield_radio > li {
		display: inline-block;
		background: #f4f7f7;
		padding: 10px;
		margin: 5px;
		width: 40%;
		}

	#ui-datepicker-div {
		background: #fff;
		}

	.gfield .ginput_complex > span {
		display: block;
		margin-bottom: 15px;
		}
	
	.gform_wrapper select {
		padding: 15px 10px !important;
		}

	/*** Carousel Fade alternative to slide  ***/

	.carousel-fade .item {
		opacity: 0;
		-webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        }

	.carousel-fade .active {
        opacity: 1;
        }

	.carousel-fade .active.left,
	.carousel-fade .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
        }

	.carousel-fade .next.left,
	.carousel-fade .prev.right {
        opacity: 1;
        }

	.carousel-control.left, .carousel-control.right {
		background: none;
		}

		
/* --- General Elements --- */

	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;}
	
	.pad_small{padding: 8px;}
	.pad_big {padding: 15px 20px;}

	.hide {display:none;}
	
	.affix {position: fixed;}

	.page-nav {padding: 15px;}
	.page-nav .previous-entries {float: left;}
	.page-nav .next-entries {float: right;}		
	
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../images/icons/glyphicons-halflings-regular.eot');
  src: url('../images/icons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../images/icons/glyphicons-halflings-regular.woff') format('woff'), url('../images/icons/glyphicons-halflings-regular.ttf') format('truetype'), url('../images/icons/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}	

.video-wrapper * {
max-width: 100% !important;
}

/* --- Login Page --- */
	
	body.login {
		border-top: 50px solid #ECBE13;
		border-bottom: 50px solid #ECBE13;
		}

	#login h1 a { 
		background-image: url('../images/fiat-circle-logo.png') !important;
		background-size: 100% 100%;
		height: 300px; 
		margin-bottom: -60px;
		}