/*
 ______     ______     ______     ______     __   __    
/\  __ \   /\  __ \   /\  == \   /\  __ \   /\ "-.\ \   
\ \  __ \  \ \  __ \  \ \  __<   \ \ \/\ \  \ \ \-.  \  
 \ \_\ \_\  \ \_\ \_\  \ \_\ \_\  \ \_____\  \ \_\\"\_\ 
  \/_/\/_/   \/_/\/_/   \/_/ /_/   \/_____/   \/_/ \/_/ 
 ______   __  __     ______     __  __     __     __   __     ______    
/\  ___\ /\ \/\ \   /\  ___\   /\ \/ /    /\ \   /\ "-.\ \   /\  ___\   
\ \  __\ \ \ \_\ \  \ \ \____  \ \  _"-.  \ \ \  \ \ \-.  \  \ \ \__ \  
 \ \_\    \ \_____\  \ \_____\  \ \_\ \_\  \ \_\  \ \_\\"\_\  \ \_____\ 
  \/_/     \/_____/   \/_____/   \/_/\/_/   \/_/   \/_/ \/_/   \/_____/ 
 ______     __  __     ______     __  __     ______     __  __    
/\  ___\   /\ \_\ \   /\  ___\   /\ \/ /    /\  ___\   /\ \_\ \   
\ \___  \  \ \  __ \  \ \  __\   \ \  _"-.  \ \  __\   \ \____ \  
 \/\_____\  \ \_\ \_\  \ \_____\  \ \_\ \_\  \ \_____\  \/\_____\ 
  \/_____/   \/_/\/_/   \/_____/   \/_/\/_/   \/_____/   \/_____/ 

*/

/* Reset -----------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;}:focus {outline: 0;outline: none;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}a:focus, button:focus {outline: none;}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}header,nav,section,aside{display:block;}

/* Tags ------------------------------------------------------*/

body {
	background: #eaeaea;
	color: #4d5a60;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 300;
	text-shadow: #fff 1px 1px 1px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

::-moz-selection{
	background:#fff;
	color:#000;
	text-shadow: #ccc 1px 1px 1px;
}

::selection {
	background:#fff;
	color:#000;
	text-shadow: #ccc 1px 1px 1px;
}

strong {
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", sans-serif;
	font-weight: 600;
}

.wrap {
	width: 930px;
	margin: 0 auto;
}

header#main {
	position: relative;
	width: 860px;
	height: 30px;
	margin: 55px auto;
}

footer p {
	font-size: 12px;
	margin-bottom: 30px;
}

h1 {
	position: absolute;
	left: 0;
	font-size: 26px;
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", sans-serif;
	font-weight: 600;
}

nav {
	position: absolute;
	right: 0;
	top: 10px;
}

nav a {
	text-decoration: none;
	color: #4d5a60;
}

nav a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #4d5a60;
	text-decoration: none;	
}

nav ul li {
	display: inline;
	margin-left: 30px;
}

#is {
	font-size: 16px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 300;
	display: none;
}

h1:hover span.letter1, a.purple, a span.letter1 { color: #5b5b79; }
h1:hover span.letter2, a.aqua, a span.letter2 { color: #4692a0; }
h1:hover span.letter3, a.green, a span.letter3 { color: #59947c; }
h1:hover span.letter4, a.yellow, a span.letter4 { color: #debe27; }
h1:hover span.letter5, a.orange, a span.letter5 { color: #d68965; }
h1:hover span.letter6, a.red, a span.letter6 { color: #be6756; }
h1:hover span.letter7, a.salmon, a span.letter7 { color: #d47070; }
h1:hover span.letter8, a.pink, a span.letter8 { color: #d47db2; }
h1:hover span.letter9, a.purple, a span.letter9 { color: #b28cd2; }
h1:hover span.letter10, a.bluepurple, a span.letter10 { color: #7584c5; }
h1:hover span.letter11 { color: #299db4; }

a.purple:hover { text-decoration: none; border-bottom: 2px solid #5b5b79; }
a.aqua:hover { text-decoration: none; border-bottom: 2px solid #4692a0; }
a.green:hover { text-decoration: none; border-bottom: 2px solid #59947c; }
a.yellow:hover { text-decoration: none; border-bottom: 2px solid #debe27; }
a.orange:hover { text-decoration: none; border-bottom: 2px solid #d68965; }
a.red:hover { text-decoration: none; border-bottom: 2px solid #be6756; }
a.salmon:hover { text-decoration: none; border-bottom: 2px solid #d47070; }
a.pink:hover { text-decoration: none; border-bottom: 2px solid #d47db2; }
a.purple:hover { text-decoration: none; border-bottom: 2px solid #b28cd2; }
a.bluepurple:hover { text-decoration: none; border-bottom: 2px solid #7584c5; }

.work {
	width: 930px;
	margin: 0 auto;
	height: 573px;
	position: relative;
	color: #fff;
	text-shadow: #000 1px 1px 1px;
}

.work a {
	color: #fff;
}

.info {
	position: absolute;
	width: 888px;
	bottom: 38px;
	left: 37px;
	z-index: 1100;
	padding: 20px;
	text-align: right;
	display: none;
	background: url(../images/90percent.png);
}

.info a {
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	margin-left: 16px;
}

.info a:hover {
	border-bottom: 2px solid #fff;
	padding-bottom: 2px;
	text-decoration: none;
}

.info a.viewmore_btn {
	position: absolute;
	left: 20px;
	top: 20px;
}

.moreinfo {
	display: none;
	padding: 40px;
	position: absolute;
	background: url(../images/80percent.png);
	height: 447px;
	left: 37px;
	top: 80px;
	width: 310px;
	font-size: 13px;
	line-height: 20px;
	z-index: 1000;
}

.moreinfo h3 {
	font-size: 28px;
	line-height: 1em;
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", sans-serif;
	font-weight: 600;
	margin-bottom: 12px;
}

.moreinfo p {
	margin-bottom: 12px;
}

#hideit {
	height: 4px;
	background: url(../images/takeover.png);
	width: 100%;
}

#contact, #about, #feed {
	display: none;
	padding: 30px 0 50px 0;
	background: #dbdbdb url(../images/section_back.png) 0 bottom repeat-x;
}

#contact a {
	color: #4d5a60;
}

#networks {
	line-height: 26px;
}

#contact .wrap, #about .wrap {
	width: 848px;
}

#contact ul.column {
	float: left;
	width: 200px;
	margin-right: 20px;
}

#contact_info {
	float: left;
	line-height: 22px;
}

#contact_info p {
	margin-bottom: 1em;
}

#about h2, #contact h2, #feed h2 {
	font-size: 20px;
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", sans-serif;
	font-weight: 600;
	margin-bottom: 25px;
}

#about p {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 1em;
}

#about article {
	float: left;
	margin-right: 30px;
	width: 425px;
}

#about aside {
	float: left;
	width: 260px;
}

#about a {
	font-weight: bold;
}

footer a {
	color: #be6756;
}

.more {
	display: none;
	margin-top: 10px;
	width: 940px;
}

.more li {
	margin-right: 10px;
	float: left;
	margin-bottom: 8px;
}

.scrollpane {
	height: 340px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#contact a:hover {
	text-decoration: none;
	border-bottom: 2px solid #4d5a60;
}

#twitter_btn {
	background: url(../images/twitter_16.png) no-repeat;
	padding-left: 22px;
}

#facebook_btn {
	background: url(../images/facebook_16.png) no-repeat;
	padding-left: 22px;
}

#aim_btn {
	background: url(../images/aim_16.png) no-repeat;
	padding-left: 22px;
}

#linkedin_btn {
	background: url(../images/linkedin_16.png) no-repeat;
	padding-left: 22px;
}

#myspace_btn {
	background: url(../images/myspace_16.png) no-repeat;
	padding-left: 22px;
}

#tumblr_btn {
	background: url(../images/tumblr_16.png) no-repeat;
	padding-left: 22px;
}

#readernaut_btn {
	background: url(../images/readernaut_16.png) no-repeat;
	padding-left: 22px;
}

#digg_btn {
	background: url(../images/digg_16.png) no-repeat;
	padding-left: 22px;
}

#delicious_btn {
	background: url(../images/delicious_16.png) no-repeat;
	padding-left: 22px;
}

#lastfm_btn {
	background: url(../images/lastfm_16.png) no-repeat;
	padding-left: 22px;
}

.safari {
	margin-bottom: -3px;
}

.slides {
	background: #525252;
	margin-top: 0;
	width: 928px;
	height: 527px;
	border: 1px solid #525252;
}

.visit_btn {
	float: right;
	font-weight: bold;
}

#americanpsycho {
	display: none;
}

#feed .wrap {
	position: relative;
	width: 942px;
}

#feed h2 {
	margin-left: 6px;
}

#feed a {
	color: #4692a0;
}

.story {
	padding: 12px;
	padding-bottom: 40px;
	position: relative;
	background: #ececec;
	float: left;
	width: 199px;
	margin: 0 6px 12px 6px;
}

.story p, .story ul {
	margin-bottom: 16px;
	width: 200px;
	overflow: hidden;
	line-height: 20px;
}

#feed .service {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.65);
	padding: 12px;
	padding-bottom: 16px;
	width: 200px;
	z-index: 1000;
	display: none;
}

.story embed, .story object {
	width: 200px;
	height: auto;
}

#feed .service a {
	color: #fff;
	text-shadow: #000 1px 1px 1px;
}

.pagination {
	position: absolute;
	right: 6px;
	top: 4px;
}

#posts.loading {
	height: 200px;
	padding: 130px auto;
	background: url(../images/loading.gif) center center no-repeat;
}

#increaseyourchances {
	background: url(../images/work/increaseyourchances/back.jpg) #000000;
}

#youresougly {
	background: #120c0c;
}

#sevnthsin {
	background: #211d1d;
}

#rhymesayers {
	background: url(../images/work/rhymesayers/back.jpg) #f3f3f3 repeat-x;
}

#imated {
	background: url(../images/work/imated/back.gif) #202020;
}

#aiga {
	background: url(../images/work/aiga/back.jpg) #0e0e0e repeat-x;
}

#theusualthings {
	background: #000 url(../images/work/theusualthings/back.jpg) no-repeat 30% top;
}

#bingham {
	border-top: 1px solid #000;
	background: #061f2b;
}

#dizzy {
	border-top: 1px solid #dedede;
	background: #f2f0eC;
}

.post {
	width: auto;
}

.work {
	padding: 36px;
}