@charset "UTF-8";
/* CSS Document */

/*

Primary Color (bg): #e26c22
Secondary Color: #632f0e
Tertiary Color: #9aa2a7

*/

/*=====================
TYPE
=====================*/

@font-face {
	font-family:"Avenir-Light";
	src:url(../../style/fonts/AvenirLTStd-Light.otf) format("opentype");
}

@font-face {
	font-family:"Avenir-Heavy";
	src:url(../../style/fonts/AvenirLTStd-Heavy.otf) format("opentype");
}

@font-face {
	font-family:"Kulturista";
	src:url(../../style/fonts/Kulturista-Medium.otf) format("opentype");
}

/*==========================================
RESET ARTICLE DEFAULTS
==========================================*/

body {
	background:#e26c22 url(images/inspiration_bg.jpg) no-repeat top center;
}

#nav {
	color:#e26c22;
}

#nav a, #nav a:visited, #nav a:active {
	color:#e26c22;
}

#nav a:hover {
	color:#632f0e;
}

img.logo_btn {
	background-color:#e26c22;
}

a img.logo_btn, a:active img.logo_btn, a:visited img.logo_btn {
	background-color:#e26c22;
}

a:hover img.logo_btn {
	background-color:#632f0e;
}

.btn {
	background-color:#e26c22;
}

#nav a.btn:hover {
	background-color:#632f0e;
}

/*==========================================
SET ARTICLE STYLES
==========================================*/

#article {
	color:#ffffff;
}

h1 {
	font-family:"Avenir-Heavy", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:70px;
	line-height:75px;
	letter-spacing:-.02em;
	margin-bottom:30px;
}

h2 {
	color:#632f0e;
	font-size:32px;
	line-height:48px;
}

a h2 , a:visited h2 {
	text-decoration:none;
	color:#632f0e;
	-webkit-transition: color .5s linear;
}

a:hover h2 {
	color:#FFFFFF;
	-webkit-transition: color .1s linear;
}

.inspiration {
	font-family:"Avenir-Heavy", Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	float:left;
	position:relative;
}

.inspiration p {
	margin:5px 0px;
}

.inspiration p a, .inspiration p a:visited {
	text-decoration:none;
	color:#FFFFFF;
	-webkit-transition: color .5s linear;
}

.inspiration p a:hover {
	text-decoration:none;
	color:#632f0e;
	-webkit-transition: color .1s linear;
}

.inspiration img {
	border:10px solid #ffffff;
	margin-top:20px;
}

#video {
	margin:20px 0px 0px 0px;
	border:10px solid #ffffff;
}

/*==========================================
SET COMMENT STYLES
==========================================*/

#comments {
	background-color:#ffffff;
}

#comments a, #comments a:active, #comments a:visited {
	color:#e26c22;
	text-decoration:none;
}

#comments a:hover {
	color:#632f0e;
}