body {
	font-family: 'Avenir', "Helvetica Neue", "HelveticaNeue", helvetica, sans-serif;
	font-size: 14px;
	color: #77808d;
	margin: 0px;
	background-color: #1d2025;
}

.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;
}

.container {
	margin: 0 auto 80px auto;
	width: 1040px;
	min-width: 1040px;
	min-height: 600px;
	background: #1d2025 url(../images/main-bg.jpg) no-repeat center top;
}

#hd-top {
	display: block;
	padding-top: 78px;
}

#hd-top.stream {
	margin-bottom: 100px;
}

#hd-top h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	color: #fff;
	font-weight: 900;
	letter-spacing: -1px;
}

#hd-top h1 a {
	color: #fff;
}

#hd-top h1 span {
	font-size: 24px;
	color: #50555d;
}

/* STREAM */

article.stream {
	display: block;
	width: 972px;
	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: 1040px;
	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: 540px;
	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;
}

/* PROFILE */

figure.profile {
	margin-top: 100px;
}

.projects {
	display: block;
	overflow: auto;
	margin-top: 60px;
}

.projects figure {
	float: left;
	width: 240px;
	height: 320px;
	padding: 8px;
	margin: 2px;
	overflow: hidden;
	background-color: #17191d;
	-webkit-transition: background-color .2s ease-in;
}

.projects figure:hover {
	background-color: #fff;
}

.projects figure dd {
	margin: 0;
	padding: 0;
}

.projects figure dt {
	font-weight: 100;
	font-size: 13px;
	padding: 10px 15px;
}

.projects figure dt a {
	color: #82e8c1;
}

.projects figure dt a:hover {
	color: #fff;
}

.projects figure:hover dt a {
	color: #10bc7a;
}

.projects figure:hover dt a:hover {
	color: #1d2025;
}

/* SELECTIONS */

article.selection {
	display: block;
	margin-top: 60px;
}

article.selection header a.anchor {	
	display: block;
	height: 40px;
}

article.selection header h2 {	
	font-size: 35px;
	margin-bottom: 0;
}

article.selection figure {	
	margin: 0 0 50px 0;
}

article.selection dt {	
	position: relative;
	font-size: 13px;
	padding: 0;
	margin: 0 0 8px 0;
	font-weight: 100;
	width: auto;
	color: #77808d;
	line-height: 24px;
	background: none;
	-webkit-text-stroke: 0;
}

article.selection dt a {
	color: #82e8c1;
}

article.selection dt a:hover {
	color: #fff;
}

article.selection dd {	
	overflow: auto;
}

article.selection dd img {	
	cursor: pointer;
}

article.selection dd.seven div, article.selection dd.six div {	
	float: left;
	width: 247px;
	height: 210px;
	margin: 0 17px 17px 0;
	overflow: hidden;
	background-color: #000;
}

article.selection dd.seven div:first-child {
	width: 512px;
}

article.selection dd.seven div:nth-child(3), article.selection dd.seven div:last-child {
	margin-right: 0;
}

article.selection dd.six div:first-child {
	width: 776px;
}

article.selection dd.six div:nth-child(2), article.selection dd.six div:last-child {
	margin-right: 0;
}

article.selection dd.five div:nth-child(1n) {	
	float: left;
	width: 247px;
	height: 210px;
	margin-right: 17px;
	overflow: hidden;
	background-color: #000;
}

article.selection dd.five div:first-child {
	float: none;
	margin: 0 0 17px 0;
	width: 1040px;
}

article.selection dd.five div:last-child {
	margin: 0;
}

article.selection dd.four div {	
	float: left;
	width: 247px;
	height: 437px;
	margin-left: 17px;
	overflow: hidden;
	background-color: #000;
}

article.selection dd.four div:first-child {
	margin: 0 0 17px 0;
	height: 210px;
	width: 512px;
}

article.selection dd.four div:last-child {
	position: absolute;
	margin: 227px 0 0 0;
	width: 512px;
	height: 210px;
}

article.selection dd.three div {	
	float: left;
	width: 512px;
	height: 210px;
	margin-bottom: 17px;
	overflow: hidden;
	background-color: #000;
}

article.selection dd.three div:first-child {
	margin: 0 16px 0 0;
	height: 437px;
}

article.selection dd.three div:last-child {
	margin: 0;
}

article.selection dd.two div {	
	float: left;
	width: 512px;
	height: 437px;
	margin: 0 16px 0 0;
	overflow: hidden;
	background-color: #000;
}

article.selection dd.two div:last-child {
	margin: 0;
}

/* ADVERTISEMENT */

#ad {
	margin-top: 80px;
	padding: 20px;
	background-color: #1a1d22;
	overflow: auto;
}

#ad .yoggrtad {
	float: left;
	margin-right: 20px;
}

#ad .yoggrtad img {
	display: block;
}

#ad a {
	color: #fff;
}

#ad .adby a {
	font-size: 11px;
	color: #77808d;
}

/* 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; }