body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", helvetica, sans-serif;
	background-color: #c8cace;
}

.fr_loading {
	display: none;
}

a {
	text-decoration: none;
	-webkit-transition: color .25s ease-out;
}

a:focus {
	outline: none;
}

img {
	border: none;
}

p a {
	color: #82e8c1;
}

p a:hover {
	color: #fff;
}

strong {
	font-weight: 900;
	color: #fff;
}

b {
	font-weight: bold;
}

h1 {
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color: #191817;
	margin: 0 0 20px 0;
	padding: 0;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #554f4d;
	margin: 25px 0 5px 0;
	padding: 0;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #448db2;
	margin: 0;
	padding: 0;
}

hr {
	border: none;
	height: 1px;
	background-color: #a8a6a0;
}

.container {
	width: 760px;
	padding: 0 5px;
	margin: 0 auto;
}

.left {
	float: left;
}

a.btn-learnmore {
	display: block;
	width: 93px;
	height: 26px;
	text-indent: -9999px;
	background: transparent url(../images/btn-learnmore.png) no-repeat left top;
}

ul {
	overflow: auto;
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

ul.plain li {
	padding: 0;
	background: none;
}

/* HEADER STYLES */

.header {
	height: 88px;
	min-width: 770px;
	padding-top: 53px;
	background: #d9dbdf url(../images/top-bg.jpg) no-repeat center top;
}

.header h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.logo a {
	float: left;
	width: 232px;
	height: 44px;
	background: transparent url(../images/logo.png) no-repeat left top;
}

.header ul {
	overflow: hidden;
	float: right;
	margin: 60px 0 0 0;
	padding: 0;
}

.header li {
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	background: none;
}

.header li a {
	float: left;
	color: #a5a5a5;
	text-decoration: none;
	width: 106px;
	height: 20px;
	margin: 0 0 0 2px;
	padding: 8px 0 0 0;
	background: transparent url(../images/nav-bg.png) no-repeat left top;
}

.header li.active a, .header li a:hover {
	color: #fff;
	background-position: right top;
}



aside {
	position: absolute;
	top: 128px;
	margin-left: 520px;
	width: 500px;
	text-align: right;
}

aside ul {
	position: relative;
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

aside li {
	font-weight: 100;
	font-size: 12px;
	padding: 8px 0;
	background: transparent url(../images/aside-bg.png) no-repeat right bottom;
}

aside li:last-child {
	background: none;
}

aside li a {
	font-weight: normal;
	color: #fff;
	margin-left: 5px;
}

aside li a:hover {
	color: #77808d;
}

aside li.signature {
	text-align: left;
	float: right;
	text-indent: -99999px;
	padding: 0;
	width: 184px;
	height: 59px;
	background: transparent url(../images/signature.png) no-repeat right top;
}






/* STREAM */

article.stream {
	display: block;
	width: 700px;
	height: 131px;
	padding: 30px 34px 34px 34px;
	margin-bottom: 1px;
	overflow: hidden;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;	
}

article.stream header a {	
	display: block;
}

article.stream header h2 {	
	font-size: 30px;
	margin: 0;
	padding: 0;
	font-weight: 100;
	color: #fff;
	text-shadow: none;
	-webkit-transition: text-shadow .25s ease-out;
}

article.stream header h2 a {	
	color: #fff;
	-webkit-transition: text-shadow .25s ease-out;
}

article.stream p {	
	font-size: 13px;
	padding: 0;
	height: 49px;
	margin: 12px 0 22px 0;
	font-weight: 100;
	color: #fff;
	line-height: 24px;
	overflow: hidden;
	text-shadow: none;
	-webkit-transition: text-shadow .25s ease-out;
}

article.stream time {	
	font-size: 13px;
	font-weight: 100;
	color: #fff;
	-webkit-transition: text-shadow .25s ease-out;
	-webkit-text-stroke: 1px transparent;
}

article.stream time span {	
	margin-right: 15px;
}

article.stream:hover  header h2, article.stream:hover  header h2 a, article.stream:hover p, article.stream:hover time {	
	text-shadow: 0 0 15px #fff;
}

article.stream.twitter:hover p {	
	text-shadow: 0 0 10px #fff;
}

article.stream a.link {	
	display: block;
	position: absolute;
	color: #fff;
	text-indent: -99999px;
	width: 800px;
	height: 195px;
	margin: -30px 0 0 -34px;
}

article.stream a.link:hover {	
	background: transparent url(../images/stream-arrow.png) no-repeat right center;
}

article.stream.gallery {	
	padding: 0;
	height: 195px;
	width: 1040px;
}

article.stream.gallery header {
	display: block;
	margin-top: 154px;
	height: 24px;
	padding: 10px 34px 7px 34px;
	background-color: rgba(29,32,37,.79);
}

article.stream.gallery header h2 {
	float: left;
	margin-right: 40px;
	font-size: 20px;
}

article.stream.gallery p {
	float: left;	
	margin: 0;
	height: auto;
	-webkit-text-stroke: 1px transparent;
}

article.stream.gallery a.link {	
	margin: 0;
}

article.stream.twitter {
	height: 65px;
	padding: 20px 34px 0 34px;
	background: transparent url(../images/twitter.png) no-repeat left bottom;
}

article.stream.twitter p {
	margin: 0;
	height: 23px;
}

article.stream.twitter a.link {	
	margin-top: -20px;
	height: 85px;
}

article.stream.code {
	height: 83px;
	padding: 35px 35px 0 35px;
	background: transparent url(../images/code-bg.png) no-repeat left bottom;
}

article.stream.code header h2 {
	margin: 1px 0 0 133px;
	padding: 0;
	font-size: 20px;
}

article.stream.code p {
	color: #78818d;
	margin: 0 0 0 133px;
	padding: 0;
}

article.stream.code a.link {	
	margin: -35px 0 0 -35px;
	height: 118px;
}











/* ENTRIES */

article header.entry time {
	display: block;
	text-transform: capitalize;
	margin: 80px 0 0 0;
	color: #8992a0;
	font-weight: 100;
	-webkit-text-stroke: 1px transparent;
}

article header.entry time span {
	margin-left: 25px;
}

article header.entry h2, article.selection header h2 {	
	margin: 8px 0 30px 0;
	padding: 0;
	font-size: 50px;
	color: #fff;
	font-weight: 100;
	letter-spacing: -2px;
}

article header.entry a {	
	color: #fff;
}

article header.entry a:hover {	
	color: #77808d;
}

article header.entry h2 a {	
	color: #77808d;
}

article header.entry h2 a:hover {	
	color: #fff;
}

article header.entry h2.profile {	
	margin: 80px 0 30px 0;
	padding: 0;
	font-size: 50px;
	color: #fff;
	font-weight: 100;
	letter-spacing: -2px;
}

article .text {
	font-weight: 100;
	font-size: 18px;
	line-height: 1.6em;
}

article .text h4 {
	font-weight: 100;
	color: #fff;
	font-size: 22px;
	margin: 50px 0 0 0;
}

article .text em {
	font-weight: 900;
	font-size: normal;
	font-style: normal;
}

article .text del {
	color: #525860;
}

article .text hr {
	height: 1px;
	border: none;
	background-color: #282c31;
}

article .text ul {
	color: #90918a;
	list-style-type: square;
	-webkit-text-stroke: 1px transparent;
}

article figure {
	display: block;
	margin: 30px 0 25px 0;
}

article figure dd {
	margin: 0;
	padding: 0;
}

article figure dt {
	position: absolute;
	margin-top: -44px;
	width: 990px;
	font-size: 14px;
	color: #cfced0;
	padding: 4px 25px 3px 25px;
	background-color: rgba(29,32,37,.79);
	-webkit-text-stroke: 1px transparent;
}

article .text figure:hover dt {
	display: none;
}

article .text.gallery figure {
	margin-top: 50px;
}

@-moz-document url-prefix() {
	article figure dt { padding-bottom: 2px; }
}

article blockquote {
	margin: 30px 0 30px 26px;
	padding: 0 0 0 17px;
	color: #ab889a;
	border-left: 7px solid #3c363e;
}

article blockquote span {
	display: block;
	color: #77808d;
	font-size: 13px;
}

article blockquote span a {
	color: #fff;
}

article blockquote span a:hover {
	color: #77808d;
}

aside {
	position: absolute;
	top: 128px;
	margin-left: 520px;
	width: 500px;
	text-align: right;
}

aside ul {
	position: relative;
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

aside li {
	font-weight: 100;
	font-size: 12px;
	padding: 8px 0;
	background: transparent url(../images/aside-bg.png) no-repeat right bottom;
}

aside li:last-child {
	background: none;
}

aside li a {
	font-weight: normal;
	color: #fff;
	margin-left: 5px;
}

aside li a:hover {
	color: #77808d;
}

aside li.signature {
	text-align: left;
	float: right;
	text-indent: -99999px;
	padding: 0;
	width: 184px;
	height: 59px;
	background: transparent url(../images/signature.png) no-repeat right top;
}

/* COMMENTS */

#comments {
	margin-top: 100px;
}

#comments h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	-webkit-text-stroke: 1px transparent;
}

#comments article {
	display: block;
	margin-bottom: 2px;
	padding: 30px;
	font-size: 15px;
	font-weight: 100;
	background-color: #17191d;
	-webkit-transition: background-color .2s ease-in;
}

#comments article.user {
	color: #998f9f;
	background-color: #262328;
}

#comments article:hover {
	color: #77808d;
	background-color: #fff;
}

#comments article .avatar {
	position: absolute;
}

#comments article .avatar img {
	padding: 4px;
	background-color: #282d35;
	-webkit-transition: background-color .2s ease-in;
}

#comments article.user .avatar img {
	background-color: #382e3a;
}

#comments article:hover .avatar img {
	background-color: #c7c9cb;
}

#comments article p {
	margin: 0 0 0 100px;
	padding: 0;
	line-height: 1.5em;
	min-height: 34px;
}

#comments article:hover p a {
	color: #10bc7a;
}

#comments article:hover p a:hover {
	color: #1d2025;
}

#comments article p .index {
	float: left;
	font-size: 50px;
	font-weight: 900;
	color: #313741;
	line-height: 0.9em;
	margin-right: 14px;
	letter-spacing: -2px;
	-webkit-transition: color .25s ease-out;
}

#comments article.user p .index {
	color: #463e48;
}

#comments article:hover p .index {
	color: #a1aab8;
}

#comments article footer {
	display: block;
	margin: 25px 0 0 100px;
	font-size: 12px;
	line-height: 1em;
	-webkit-transition: color .25s ease-out;
}

#comments article footer h4 {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 15px;
	color: #d3d4d4;
	-webkit-transition: color .25s ease-out;
}

#comments article footer h4 a {
	color: #d3d4d4;
}

#comments article footer h4 a:hover, #comments article:hover footer h4 a:hover {
	color: #77808d;
}

#comments article footer time span {
	margin-left: 8px;
}

#comments article:hover footer, #comments article:hover footer h4, #comments article:hover footer h4 a {
	color: #1d2025;
}

#comments form {
	padding: 0;
	margin: 0;
}

#comments fieldset {
	border: none;
	padding: 0;
	margin: 40px 0 0 0;
}

#comments fieldset p {
	float: left;
	margin-right: 50px;
}

#comments fieldset p.website {
	margin-right: 0;
}

#comments fieldset p.textarea, #comments fieldset p.submit, #comments fieldset p.captcha {
	float: none;
	clear: left;
	margin-right: 0;
	padding-top: 20px;
}

#comments fieldset p.captcha {
	float: left;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0;
}

#comments fieldset p.captcha span {
	float: left;
	height: 50px;
	width: 170px;
	margin-bottom: 20px;
	margin-right: 20px;
}

#comments fieldset p.captcha label, #comments fieldset p.captcha input[type=text] {
	margin-top: 12px;
}

#comments fieldset input[type=text] {
	width: 212px;
	border: 1px solid #1d2025;
	padding: 5px;
	margin-left: 10px;
	background: #77808d;
	color: #1d2025;
	font-size: 13px;
	font-family: Avenir, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
}

#comments fieldset textarea {
	width: 1028px;
	height: 100px;
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #1d2025;
	background: #77808d;
	color: #1d2025;
	font-size: 13px;
	font-family: Avenir, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
}

#comments input[type=submit] {
	border: none;
	background-color: #313741;
	color: #77808d;
	font-size: 13px;
	padding: 12px 20px 10px 20px;
	margin: 0 20px 0 0;
	cursor: pointer;
	font-family: Avenir, "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	outline: none;
	-webkit-transition: color .25s ease-out;
}

#comments input[type=submit]:hover {
	color: #fff;
}

#comments input[type=submit]:active {
	background-color: #17191d;
}




/* MIDDLE STYLES */

.middle {
	padding: 13px 0;
	min-width: 770px;
	background-color: #191817;
}

#index-middle {
	min-height: 222px;
	background: #191817 url(../images/middle-bg.png) repeat-x left bottom;
}

.middle .intro {
	padding-top: 20px;
	width: 330px;
	margin-right: 37px;
}

.middle .intro {
	float: none;
	padding-top: 20px;
	width: 330px;
	margin-right: 37px;
}


.middle h1 {
	color: #c16b52;
	text-shadow: #191817 0 0 0;
	margin: 0 0 10px 0;
}

.middle p {
	font-size: 12px;
	line-height: 1.4em;
	color: #969696;
	text-shadow: #191817 0 0 0;
	margin: 18px 0 25px 0;
}

.middle a.btn-learnmore {
	width: 93px;
	height: 26px;
	background: transparent url(../images/btn-learnmore-blk.png) no-repeat left top;
}

.middle .mid-image {
	float: right;
}


.middle .mid-image img {
	border: 5px solid #262626;
}

/* SIDEBAR STYLES */

.sidebar {
	float: left;
	width: 170px;
	padding: 0 26px 13px 26px;
	margin: 0 30px 25px 0;
	background-color: #bbb9b2;
	border: 1px solid #a8a6a0;
}

.sidebar li {
	margin: 6px 0;
}

.sidebar p {
	color: #6a6a6a;
	font-size: 12px;
	line-height: 1.4em;
	margin: 5px 0 10px 0;
}

.sidebar .btn-learnmore {
	margin-bottom: 30px;
}

.sidebar a {
	color: #a2492f;
}

.sidebar a:hover {
	text-decoration: none;
}

.sidebar form {	
	float: right;
	margin: 20px 0;
	border: 1px solid #a8a6a0;
	background-color: #fff;
	padding: 4px;
}

.sidebar #searchfield {
	float: right;
	margin: 0;
	padding: 2px 0 0 4px;
	width: 140px;
	height: 14px;
	font-size: 10px;
	color: #7e7975;
	border: none;
}

.sidebar #submitbtn {
	float: right;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	border: none;
	background: transparent url(../images/btn-go.png) no-repeat left top;
}

/* CONTENT STYLES */

.content-holder {
	padding: 25px 0;
	min-width: 770px;
	min-height: 228px;
	background: #c8cace url(../images/content-bg.png) repeat-x left top;
}

.content {
	float: right;
	width: 499px;
	padding: 10px 0 5px 0;
}

.content p {
	color: #666666;
	margin-top: 3px;
	font-size: 12px;
	line-height: 1.4em;
}

.content p a {
	color: #a2492f;
}

.content p a:hover {
	text-decoration: none;
}

/* ABOUT STYLES */

.team-item {
	margin-bottom: 40px;
}

.team-item img {
	float: left;
	margin-right: 15px;
	border: 5px solid #a4a29c;
}

.team-item h3 {
	padding-top: 5px;
}

/* BLOG STYLES */

.fr_search_results_holder, .fr_search_error_holder, .fr_search_loading {
	display: none;
}

.fr_search_results_holder p, .fr_search_error_holder p {
	float: right;
}

.fr_search_results_holder .query {
	color: #666666;
	margin-bottom: 20px;
	font-size: 12px;
}

.blog-item {
	padding: 0 0 30px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #a8a6a0;
}

.blog-item h3, .blog-item h3 a, .fr_search_results_holder h3, .fr_search_results_holder h3 a {
	float: left;
	margin-right: 10px;
	padding-top: 0;
	padding-bottom: 2px;
	color: #151414;
	text-decoration: none;
}

.blog-item h3 a:hover, .fr_search_results_holder h3 a:hover {
	color: #666666;
}

.fr_search_results_holder h3, .fr_search_results_holder h3 a {
	float: none;
	display: block;
}

.blog-content {
	padding-top: 5px;
}

.blog-content {
	color: #666666;
	font-size: 12px;
	line-height: 1.4em;
}

.blog-content a {
	color: #a2492f;
}

.blog-content a:hover {
	text-decoration: none;
}

.blog-comment {
	float: left;
}

.comment-info {
	float: left;
	width: 19px;
	height: 18px;
	background: transparent url(../images/comment-bubble.png) no-repeat left top;
}

.comment-number {
	float: left;
	text-align: right;
	padding: 2px 6px 0 1px;
	font-size: 10px;
	color: #d5d4ce;
	height: 16px;
	background: transparent url(../images/comment-bubble-bg.png) no-repeat right top;
}

.blog-comment a {
	text-transform: lowercase;
	text-decoration: none;
}

.blog-comment a:hover .comment-number {
	color: #fff;
}

.blog-info {
	clear: left;
	padding-top: 7px;
	margin: 0 0 18px 0;
	color: #716c68;
	font-size: 10px;
}

.blog-info span {
	margin-right: 35px;
}

.comments {
	margin-top: 20px;
}

.comment-item {
	margin-top: 30px;
}

.comment-content {
	padding: 9px 10px 5px 10px;
	font-size: 11px;
	color: #666666;
	line-height: 1.5em;
	background: #fff url(../images/cmnt-bubble-top.png) no-repeat left top;
}

.comment-bubble-bottom {
	height: 19px;
	background: #fff url(../images/cmnt-bubble-bottom.png) no-repeat left top;
}

.comment-date {
	text-align: right;
	margin: 2px 17px 0 0;
	font-size: 11px;
	color: #6e6965;
}
.comment-date b {
	color: #554f4d;
}

.blog-item form {
	margin-top: 40px;
	padding-top: 30px;
	color: #666;
	font-size: 12px;
	border-top: 1px solid #a8a6a0;
}

.blog-item form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.blog-item form input[type=submit] {
	margin: 25px 0 15px 0;
}

.blog-item form .captcha-image img {
	display: block;
	border: 1px solid #aaa;
}

.blog-item form input[type=text], .blog-item form textarea {
	display: block;
	margin: 5px 0 15px 0;
	padding: 4px 0 0 4px;
	width: 500px;
	height: 18px;
	font-size: 11px;
	color: #7e7975;
	border: 1px solid #aaa;
	font-family: "Helvetica Neue", helvetica, sans-serif;
}

.blog-item form textarea {
	height: 100px;
}

/* FOOTER */

.footer {
	clear: left;
	font-size: 10px;
	color: #777;
	width: 760px;
	padding-bottom: 20px;
}

.footer a {
	text-decoration: none;
	color: #3a3837;
}

.footer a:hover {
	text-decoration: underline;
}



/* FOOTER */

#ft-bottom {
	position: fixed;
	bottom: 0;
	height: 61px;
	width: 100%;
	min-width: 1040px;
	background: transparent url(../images/footer-bg.png) repeat-x left 10px;
}

#ft-bottom nav {
	float: left;
}

#ft-bottom nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ft-bottom nav li {
	float: left;
	color: #585f6a;
}

#ft-bottom nav li a {
	float: left;
	padding: 28px 56px 0 56px;
	font-size: 17px;
	color: #585f6a;
	height: 33px;
}

#ft-bottom nav li a:hover {
	color: #a9abae;
}

#ft-bottom nav li.active a {
	color: #b0c8bf;
	background: transparent url(../images/footer-item-bg.png) no-repeat center bottom;
}

#ft-bottom nav li.active a:hover {
	color: #b0c8bf;
}

#loading {
	display: none;
	width: 24px;
	height: 24px;
	margin: 24px 0 0 30px;
	background: transparent url(../images/loading.gif) no-repeat left top;
}

#ft-bottom p {
	float: right;
	padding: 0;
	margin: 30px 30px 0 0;
	color: #585f6a;
	font-size: 12px;
	font-weight: normal;
}

#ft-bottom p a {
	color: #808895;
}

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black !important;}}



/* SCROLLBARS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  html { overflow: hidden; }
  body { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; overflow-x: auto; }
}
@media only screen and (max-device-width:480px) {
  html { overflow: auto; }
  body { position: relative; top: auto; right: auto; bottom: auto; left: auto; overflow: auto; }
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement { display: block; height: 43px; width: 5px; background-color: transparent; }
::-webkit-scrollbar-button:end:increment { display: block; height: 55px; width: 5px; background-color: transparent; }
::-webkit-scrollbar-track:enabled { background-color: transparent;}
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: rgba(255, 255, 255, .9); -webkit-border-radius: 5px; }
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: rgba(255, 255, 255, .9); -webkit-border-radius: 5px; }