/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #70c7ea             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */
/* TEMPLATE CUSTOM FONTS */
@font-face {
	font-family:'HelveticaNeue';
	src:url(../webfonts/HelveticaNeue/HelveticaNeue.eot);
	src:url(../webfonts/HelveticaNeue/HelveticaNeue.eot?#iefix) format("embedded-opentype"),url(../webfonts/HelveticaNeue/HelveticaNeue.woff) format("woff"),url(../webfonts/HelveticaNeue/HelveticaNeue.ttf) format("truetype"),url(../webfonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'helveticaneueltstd-thex';
	src:url(../webfonts/helveticaneueltstd-thex/helveticaneueltstd-thex.eot);
	src:url(../webfonts/helveticaneueltstd-thex/helveticaneueltstd-thex.eot?#iefix) format("embedded-opentype"),url(../webfonts/helveticaneueltstd-thex/sourcesanspro-Light.woff) format("woff"),url(../webfonts/helveticaneueltstd-thex/helveticaneueltstd-thex.ttf) format("truetype"),url(../webfonts/helveticaneueltstd-thex/helveticaneueltstd-thex.svg#helveticaneueltstd-thex) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'WebSymbolsRegular';
	src:url(../webfonts/websymbols-regular/websymbols-regular-webfont.eot);
	src:url(../webfonts/websymbols-regular/websymbols-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../webfonts/websymbols-regular/websymbols-regular-webfont.woff) format("woff"),url(../webfonts/websymbols-regular/websymbols-regular-webfont.ttf) format("truetype"),url(../webfonts/websymbols-regular/websymbols-regular-webfont.svg#WebSymbolsRegular) format("svg");
	font-weight:400;
	font-style:normal;
}

/* BASE TYPOGRPHY */
body {
	color:#160404;
	font-family:'HelveticaNeue',Arial,Helvetica,sans-serif;
}

body .bkbrown {
	background-color:#160404;
	color:#fff;
}

body a {
	text-decoration:underline;
}

body a:hover {
	opacity:.7;
}

body a:link {
	-webkit-tap-highlight-color:#160404;
}

body .bkbrown a:link {
	-webkit-tap-highlight-color:#fff;
}

/* HEADERS */
.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {
	font-family:'helveticaneueltstd-thex',Helvetica,Arial,sans-serif;
	font-weight:400;
	margin-bottom:10px;
	color:#160404;
	text-transform:lowercase;
}
.typography.bkbrown h1, .typography.bkbrown h2, .typography.bkbrown h3, .typography.bkbrown h4, .typography.bkbrown h5, .typography.bkbrown h6 {
	color:#fff;
}

.typography h1 {
	font-size:36px;
	line-height:45px;
	margin:0 0 25px;
/* border-bottom:1px solid #e5e5e5; */
	padding-bottom:5px;
}

.typography h2 {
	font-size:28px;
	line-height:35px;
	margin-bottom:15px;
}

.typography h3 {
	font-size:22px;
	line-height:30px;
	margin-bottom:10px;
}

.typography h4 {
	font-size:18px;
	line-height:25px;
	margin-bottom:5px;
}

.typography h5 {
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
}

.typography h6 {
	font-size:14px;
	line-height:20px;
	font-weight:700;
	margin-bottom:5px;
}

/* PARAGRAGHS */
.typography p {
	font-size:16px;
	line-height:20px;
	margin:0 0 20px;
}

.typography .intro {
	font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;
	font-size:22px;
	line-height:32px;
	margin-bottom:20px;
}

.typography em {
	font-style:italic;
}

::-moz-selection {
	background:#e78d06;
	color:#fff;
	text-shadow:none;
}

::selection {
	background:#e78d06;
	color:#fff;
	text-shadow:none;
}

/* LINKS */
a,a:hover,.typography a,.typography a.intro {
	color:#160404;
	text-decoration:underline;
}

/*
.typography a{
	text-decoration: underline!important;	
}
*/
.typography a:hover {
	color:#160404;
/* 	opacity: 0.5; */
/*     border-bottom: 1px dashed #70c7ea; */
}

.bkbrown a,.bkbrown a:hover,.typography .bkbrown a,.typography .bkbrown a.intro {
	color:#fff;
	text-decoration:none;
}

.typography .bkbrown a:hover {
	color:#fff;
/*     border-bottom: 1px dashed #70c7ea; */
}

.typography a:focus,a:focus {
}

footer a:hover {
	color:#fff;
}

/* LIST STYLES
-------------------------------------------- */
.typography ul,.typography ol,.typography dl {
	margin:0 0 20px 25px;
}

.typography ul li {
	list-style-type:disc;
	
}
.typography .ContentBlock ul li:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	display: block;
	position: absolute;
	border-radius: 5px;
	margin-left: -20px;
	margin-top: 5px;
}

.typography li {
	margin-bottom:5px;
}

/* ANIMATIONS
-------------------------------------------- */
@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

.fadein {
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-name:fadeIn;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translateY(20px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity:0;
		-moz-transform:translateY(20px);
	}
	
	100% {
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity:0;
		-o-transform:translateY(20px);
	}
	
	100% {
		opacity:1;
		-o-transform:translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity:0;
		transform:translateY(20px);
	}
	
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

.fadeinup {
	-webkit-animation-name:fadeInUp;
	-moz-animation-name:fadeInUp;
	-o-animation-name:fadeInUp;
	animation-name:fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity:0;
		-moz-transform:translateY(-20px);
	}
	
	100% {
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity:0;
		-o-transform:translateY(-20px);
	}
	
	100% {
		opacity:1;
		-o-transform:translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity:0;
		transform:translateY(-20px);
	}
	
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

.fadeindown {
	-webkit-animation-name:fadeInDown;
	-moz-animation-name:fadeInDown;
	-o-animation-name:fadeInDown;
	animation-name:fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translateX(-20px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity:0;
		-moz-transform:translateX(-20px);
	}
	
	100% {
		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity:0;
		-o-transform:translateX(-20px);
	}
	
	100% {
		opacity:1;
		-o-transform:translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity:0;
		transform:translateX(-20px);
	}
	
	100% {
		opacity:1;
		transform:translateX(0);
	}
}

.fadeinleft {
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	-o-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translateX(20px);
	}
	
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity:0;
		-moz-transform:translateX(20px);
	}
	
	100% {
		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity:0;
		-o-transform:translateX(20px);
	}
	
	100% {
		opacity:1;
		-o-transform:translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity:0;
		transform:translateX(20px);
	}
	
	100% {
		opacity:1;
		transform:translateX(0);
	}
}

.fadeinright {
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	-o-animation-name:fadeInRight;
	animation-name:fadeInRight;
}

.typography table.left25 p,.typography table.left30 p,.typography table.left50 p,.typography table.left70 p,.typography table.left75 p,.typography table.left100 p,.typography table.left25 h1,.typography table.left30 h1,.typography table.left50 h1,.typography table.left70 h1,.typography table.left75 h1,.typography table.left100 h1,.typography table.left25 img,.typography table.left30 img,.typography table.left50 img,.typography table.left70 img,.typography table.left75 img,.typography table.left100 img,.typography table.left25 h3,.typography table.left30 h3,.typography table.left50 h3,.typography table.left70 h3,.typography table.left75 h3,.typography table.left100 h3,.typography table.left25 h4,.typography table.left30 h4,.typography table.left50 h4,.typography table.left70 h4,.typography table.left75 h4,.typography table.left100 h4,.typography table.left25 h5,.typography table.left30 h5,.typography table.left50 h5,.typography table.left70 h5,.typography table.left75 h5,.typography table.left100 h5,.typography table.left25 h6,.typography table.left30 h6,.typography table.left50 h6,.typography table.left70 h6,.typography table.left75 h6,.typography table.left100 h6 {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	display:block;
}

.typography table.left25 span,.typography table.left30 span,.typography table.left50 span,.typography table.left70 span,.typography table.left75 span,.typography table.left100 span,.typography table.left25 a,.typography table.left30 a,.typography table.left50 a,.typography table.left70 a,.typography table.left75 a,.typography table.left100 a {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	display:inline;
}

/* TABLE STYLES
-------------------------------------------- */
.typography table {
	border-collapse:collapse;
	border:1px dashed #d4d4d4;
	border-spacing:0;
	margin:0 0 10px;
}

.typography table tr:nth-child(even) {
	background-color:rgba(255,255,255,0);
}

.typography table tr.even,.typography table th,.typography thead td {
	background-color:rgba(255,255,255,0);
}

.typography table td,.typography table th {
	padding:2px 5px;
	border:1px dashed #adadad;
	vertical-align:top;
}

.typography table th {
/*  font-weight: bold; */
}

/* MOBILE */
.iHide {
	opacity:1;
	background:rgba(255,0,0,0.1);
}

.iShow {
	opacity:1;
	background:rgba(0,255,10,0.1);
}

.button {
	position:relative;
	display:block;
	text-align:center;
	background-color:#160404;
	border-radius:5px;
	padding:5px 15px;
	color:#fff!important;
	margin-top:10px;
	float:left;
	font-weight:300;
	border-bottom:0!important;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align:left;
}

.typography .center {
	text-align:center;
}

.typography .right {
	text-align:right;
}

.typography .brown {
	color:#160404;
}

.typography .white {
	color:#e0e0e0;
}

.typography .black {
	color:#000;
}

.typography table.left25 {
	position:relative;
	float:left;
	width:25%;
}

.typography table.left30 {
	position:relative;
	float:left;
	width:33%;
}

.typography table.left50 {
	position:relative;
	float:left;
	width:50%;
}

.typography table.left70 {
	position:relative;
	float:left;
	width:67%;
}

.typography table.left75 {
	position:relative;
	float:left;
	width:75%;
}

.typography table.left100 {
	position:relative;
	float:left;
	width:100%;
}

/*
.typography table.left25 img,
.typography table.left30 img,
.typography table.left50 img,
.typography table.left70 img{
		width:100%;
		height: auto;
		position: relative;
		float: left;
	}
	
*/
.typography table.left100 img,.typography table.left75 img {
	width:auto;
	height:auto;
	position:relative;
	float:left;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
/*  border: 5px solid #d7d7d7; */
	height:auto;
/*   background: transparent url(../images/ajax-loader.gif) no-repeat center center; */
}

.typography img.left {
	float:left;
	margin:0 auto;
}

.typography img.right {
	float:right;
	margin:5px 0 10px 20px;
}

.typography img.leftAlone {
	float:left;
	margin-right:100%;
	margin-bottom:10px;
	clear:both;
}

.typography img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:10px;
	clear:both;
}

.typography .captionImage {
	width:100%;
	margin-top:5px;
}

.typography .captionImage img {
	margin:0;
}

.typography .captionImage.left {
	float:left;
	margin:5px 30px 20px 0;
}

.typography .captionImage.right {
	float:right;
	margin:5px 0 20px 30px;
}

.typography .captionImage.left[style],.typography .captionImage.right[style] {
	max-width:50%;
/* Overides core width to make responsive */
}

.typography .captionImage.left img,.typography .captionImage.right img {
	float:none;
	max-width:none;
	width:100%;
}

.typography .captionImage.left img {
	margin-right:-10px;
}

.typography .captionImage.right img {
	margin-left:-10px;
}

.typography .captionImage.right p {
	margin-left:-10px;
	text-align:left;
	margin-left:-10px;
}

.typography .captionImage.leftAlone {
	float:none;
	margin:0 20px 20px 0;
}

.typography .captionImage.center {
	margin:0 auto 20px;
}

.typography .captionImage p {
	clear:both;
	margin:5px 0;
	font-style:italic;
	color:#160404;
}

/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
	background:transparent url(../images/blockquote.png) no-repeat 0 6px;
	font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;
	color:#160404;
	display:block;
	font-style:italic;
	margin:0 0 20px;
	float:right;
	text-indent:30px;
	width:50%;
	margin-left:5%;
	clear:both;
}

.typography .bkbrown blockquote {
	color:#fff;
}

.typography blockquote p {
	font-size:17px;
	line-height:25px;
}

.typography pre {
	background:#F7F7F7;
	border:1px solid #E4E4E4;
	font-family:Courier,monospace;
	margin:0 0 20px;
	padding:15px;
	clear:both;
}

/* ADDRESS
-------------------------------------------- */
address {
	display:block;
	margin-bottom:20px;
}