/*
*/

@charset 'UTF-8';

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body
{
	background: #090909;
}

body, input, textarea, select
{
	font-family: 'Oxygen', sans-serif;
	font-size: 13pt;
	line-height: 2em;
}

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

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
	}

/* Change this to whatever font weight/color pairing is most suitable */
strong, b
{
	font-weight: bold;
	color: #000000;
}

em, i
{
	font-style: italic;
}

/* Don't forget to set this to something that matches the design */
a
{
	color: #ff0000;
}

	a:hover
	{
		text-decoration: none;
	}

sub
{
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup
{
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

hr
{
	border: 0;
	border-top: solid 1px #ddd;
}

blockquote
{
	border-left: solid 0.5em #ddd;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p, ul, ol, dl, table
{
	margin-bottom: 1em;
}

header
{
}

	header h2
	{
		letter-spacing: -1px;
		font-weight: 700;
	}

	header .byline
	{
		display: block;
		text-transform: uppercase;
	}

footer
{
	margin-top: 1em;
}

br.clear
{
	clear: both;
}

/* Buttons */

.button
{
	position: relative;
	display: inline-block;
	margin-top: 2em;
	padding: 0.8em 1.5em;
	background: #1d1d1d;
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFF;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	cursor: pointer;
}

	.button:hover
	{
		background: #141414;
		color: #FFF !important;
	}


/* Sections/Articles */

section,
article
{
	margin-bottom: 3em;
}

	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

.row > section,
.row > article
{
	margin-bottom: 0;
}
	
/* Images */

.common
{
	padding:5px;
}

.image
{
	display: inline-block;
}

	.image img
	{
		display: block;
		width: 100%;
		border-radius: 6px;
	}

	.image.featured
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}

	.image.full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}

	.image.left
	{
		float: left;
		margin: 0 2em 2em 0;
	}

	.image.centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image.centered img
		{
			margin: 0 auto;
			width: auto;
		}

/* Lists */

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

	ul.default li
	{
		padding: 0.50em 0em;
	}

ul.style1
{
	font-size: 0.90em;
}

	ul.style1 li
	{
		padding: 0.80em 0em;
		line-height: 1.8em;
	}

		ul.style1 li img
		{
			float: left;
			margin-right: 1.50em;
			border-radius: 6px;
		}

	ul.style1 .posted
	{
		display: block;
		margin-top: 1em;
		padding: 0.50em 0em;
	}

/*@TT */
table
{
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

	table tbody tr td
	{
		border-style: solid;
		border-width: thin;
		padding: 0px 10px 0px 6px; /*top,right,bottom,left*/
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header
{
	position: relative;
	background: #ddd url(../images/header.jpg) no-repeat center;
	background-size: cover;
}

#logo
{
}

#logo h3
{
	font-size:120%;
}

#nav
{
}

	#nav ul
	{
		margin: 0;
	}

.white-bg-lens
{
	background-color:rgba(255,255,255,.66);
	border-radius: 24px;
	margin: 0.8em;
	padding: 0.8em 1.5em;

}
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner
{
	position: relative;
	background: #333;
	color: #fff;
}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

#main
{
	position: relative;
	background: #fff url(images/overlay.png) repeat;
}

.divider
{
	overflow: hidden;
	border-top: 1px solid #dbdbdb;
}

.bold
{
	font-weight: bold;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer
{
	position: relative;
	background: #121212;
	color: rgba(255,255,255,.4);
}

	#footer header h2
	{
		color: #FFF;
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright
{
	position: relative;
	padding: 3em 0em;
	text-align: center;
	color: rgba(255,255,255,.2);
}

	#copyright .container
	{
	}

	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,.3);
	}

#skel-panels-defaultWrapper
{
	height:80px !important;
}