/* ================================================== TYPOGRAPHY ================================================== */

h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0; color: #FFF; font-family: Lato; font-weight: 300;}

h1 {font-size: 70px; line-height: 80px;}
h2 {font-size: 50px; line-height: 60px;}
h3 {font-size: 40px; line-height: 50px;}
h4 {font-size: 32px; line-height: 40px;}
h5 {font-size: 26px; line-height: 30px;}
h6 {font-size: 20px; line-height: 24px;}

.heading {margin: 0; font-family: Lato, Arial;}
.subheading {margin: 0; font-family: 'Dancing Script', Lato, Arial; font-size: 20px; font-weight: 300;}

ol, ul {padding: 0; margin: 0; list-style: none;}

address {color: #EEE;}

a, a:hover {text-decoration: none; outline: none;}

p {color: #EEE;}

img, figure {width: 100%; max-width: 100%;}
figure {margin: 0; float: left;}



/* ------------------------- TABLE STYLING ------------------------- */
table {
	width: 100%;
	border: none;
	color: #EEE;
	font-family: lato, Arial;
	font-size: 16px;
}

table td {padding: 3px 0;}

table p {margin: 0;}
table i {color: #999; font-size: 13px;}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background: rgba(50,50,50,0.5);
}



/* ------------------------- HIGHLIGHTING ------------------------- */
.highlight 				{padding: 2px 5px; margin: -2px 2px 0 2px; color: #333; background: #822d10; border-radius: 4px;}
.highlight-text 		{color: #822d10;}
.highlight-background 	{color: #333; background: #822d10;}



/* ------------------------- BLOCKQUOTE ------------------------- */
blockquote {
	float: left;
	padding: 0 0 30px 0;
	margin: 0 0 40px 0;
	position: relative; 
	border-left: none;
	border-bottom: 2px solid #822d10;
	
	color: #EEE;
	font-family: 'Dancing Script';
	font-size: 36px;
	line-height: 38px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

blockquote:after {
	content: '\f075';
	width: 34px;
	height: 34px;
	padding: 0;
	position: absolute;
	bottom: -17px;
	right: 0;
	color: rgba(108, 156, 56, 1); 
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 40px;
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	text-align: center;
	
	background: #822d10;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}



/* ------------------------- BUTTONS ------------------------- */
.btn-special {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #822d10;
	background-image: -moz-linear-gradient(top, #822d10, #6C9C38);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#822d10), to(#6C9C38));
	background-image: -webkit-linear-gradient(top, #822d10, #6C9C38);
	background-image: -o-linear-gradient(top, #822d10, #6C9C38);
	background-image: linear-gradient(to bottom, #822d10, #6C9C38);
	background-repeat: repeat-x;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff822d10', endColorstr='#ff6C9C38', GradientType=0);
	border-color: #6C9C38 #6C9C38 #588824;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #6C9C38;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
	
.btn-special:hover,
.btn-special:active,
.btn-special.active,
.btn-special.disabled,
.btn-special[disabled] {
	color: #ffffff;
	background-color: #6C9C38;
	*background-color: #588824;
}

.btn-special:active,
.btn-special.active {
	background-color: #588824 \9;
}