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

/*

Primary Color (bg): #ffffff
Secondary Color: #90a6ac
Tertiary Color: #012230

*/

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

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

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

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

/*=====================
RESET STYLES
=====================*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#ffffff;
	color:#012230;
	font-family:"Avenir-Light", Arial, Helvetica, sans-serif;	
	font-size:15px;
	line-height:21px;
	font-weight:100;
	font-style: normal;
	text-decoration: none;	
}

strong {
	font-family:"Avenir-Heavy", Arial, Helvetica, sans-serif;
	font-weight:100;
}

img {
	border:none;
}

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

.clear {
	clear:both;
}

/*=====================
HEADINGS
=====================*/

h1 {
	font-family:"Kulturista";
	font-size:55px;
	line-height:65px;
	color:#012230;
	font-weight:100;
}

h2 {
	color:#90a6ac;
	font-family:"Kulturista";
	font-size:18px;
	line-height:25px;
	font-weight:100;
}

h2 a, h2 a:visited, h2 a:active {
	color:#90a6ac;
	text-decoration:none;
}

h2 a:hover {
	color:#012230;
}

h3 {
	font-family:"Avenir-Heavy", Arial, Helvetica, sans-serif;
	color:#90a6ac;
	text-transform:uppercase;
	margin:15px 0px 15px 0px;
	font-size:14px;
	font-weight:100;
}

/*=====================
LIST STYLES
=====================*/

ul {
	list-style-type:none;
	margin:0px;
	padding-left:0px;
}

ul a, ul a:visited, ul a:active {
	text-decoration:none;
	color:#ffffff;
}

ul a:hover {
	color:#90a6ac;
}

/*=====================
HEADER STYLES
=====================*/

#nav_wrapper {
	width:100%;
	background-color:#FFF;
}

#nav {
	width:970px;
	margin:0 auto;
	padding:10px 0px 10px 0px;
	color:#012230;
	font-size:12px;
	overflow:auto;
}

#nav a, #nav a:visited, #nav a:active {
	text-decoration:none;
	color:#012230;
}

#nav a:hover {
	color:#90a6ac;
}

img.logo_btn {
	width:28px;
	height:28px;
	top:8px;
	background-color:#012230;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	position:relative;
}

a img.logo_btn, a:active img.logo_btn, a:visited img.logo_btn {
	background-color:#012230;
	-webkit-transition: background-color .5s linear;
}

a:hover img.logo_btn {
	background-color:#90a6ac;
	-webkit-transition: background-color .1s linear;
}

.post_title {
	font-family:"Kulturista";
	font-size:15px;
}

#nav_left {
	width:800px;
	margin-top:-8px;
	position:relative;
	float:left;
}

#nav_right {
	width:170px;
	margin-top:5px;
	position:relative;
	float:left;
}

.btn {
	font-family:"Avenir-Heavy", Arial, Helvetica, sans-serif;
	background-color:#012230;
	margin:10px 0px 10px 10px;
	padding:8px 8px 5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#nav a.btn, #nav a.btn:active, #nav a.btn:visited {
	color:#fff;
	-webkit-transition: background-color .5s linear;
}

#nav a.btn:hover {
	background-color:#90a6ac;
	color:#fff;
	-webkit-transition: background-color .1s linear;
}

#divider_header {
	height:20px;
	background:url(http://blog.reescreative.com/style/images/stripe_bg.jpg) repeat;
}

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

#article {
	width:970px;
	margin:0 auto;
	padding:30px 0px 50px 0px;
	overflow:auto;
}

#comments {
	background-color:#e6e8e9;
	width:640px;
	margin:0 auto;
	margin-bottom:50px;
	padding:10px 10px 5px 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
	clear:both;
}

#disqus_thread {
	padding-bottom:10px;
}

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

#comments a:hover {
	color:#90a6ac;
}

.finish a,
.finish a:active,
.finish a:visited,
.column_right a, 
.column_right a:active, 
.column_right a:visited,
.column_left a, 
.column_left a:active, 
.column_left a:visited {
	color:#90a6ac;
}

.finish a:hover,
.column_left a:hover,
.column_right a:hover {
	color:#012230;
}
	

/*=====================
FOOTER STYLES
=====================*/

#divider_footer {
	height:40px;
	background:url(http://blog.reescreative.com/style/images/stripe_bg.png) repeat;
}

#footer_wrapper {
	width:100%;
	background:url(http://blog.reescreative.com/style/images/bg.jpg) repeat;
}

#footer {
	width:970px;
	margin:0 auto;
	color:#90a6ac;
	padding:30px 0px 30px 0px;
	overflow:auto;
	position:relative;
}

#footer strong {
	font-family:"Avenir-Heavy", Arial, Helvetica, sans-serif;
}

#footer a, #footer a:visited, #footer a:active {
	text-decoration:none;
	color:#ffffff;
}

#footer a:hover {
	color:#90a6ac;
}

.profile_pic {
	width:80px;
	height:80px;
	margin:0px 20px 0px 0px;
}

.column {
	width:145px;
	float:left;
	position:relative;
}

#elsewhere {
	width:310px;
	margin:30px 20px 0px 0px;
	padding-top:30px;
	background:url(http://blog.reescreative.com/style/images/footerstripe_bg.jpg) repeat-x;
	position:relative;
	float:left;
}

#archives {
	width:475px;
	margin:30px 20px 0px 0px;
	padding-top:30px;
	background:url(http://blog.reescreative.com/style/images/footerstripe_bg.jpg) repeat-x;
	position:relative;
	float:left;
}

#feeds {
	width:145px;
	margin:30px 0px 0px 0px;
	padding-top:30px;
	background:url(http://blog.reescreative.com/style/images/footerstripe_bg.jpg) repeat-x;
	position:relative;
	float:left;
}

#feeds ul {
	list-style:url(http://blog.reescreative.com/style/images/rss.png);
	margin-left:22px;
}

#copyright {
	width:970px;
	margin:0 auto;
	color:#252525;
	padding-bottom:10px;
	clear:both;
}