h1,h2,h3 {font-size:1em; outline:none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
fieldset {border:0}
ul,li {list-style:none}
address {font-style:normal}
a img,:link img,:visited img {border:none}
:link,:visited {text-decoration:none}
img {border:0;display:block}

body, html {
	background:#000 url(images/body-bg.jpg) no-repeat 50% 0 fixed;
	color:#fff;
	font:12px/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {color:#0083ae}
p a:hover, li a:hover {border-bottom:1px dashed #21517d}
h2 {font-size:30px;margin:0 0 16px}
h2 span {color:#ffde00}
/*::selection {background:#905fb2}*/
::-moz-selection {background:#537292}

#wrapper, .inner {margin:0 auto;width:960px}

#row-above {background:#000;height:48px;line-height:48px}

#row-above h1 {float:left}

#row-above h1 a {
	color:#4b4b4b;
	display:block;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:48px;
	padding:0 10px
}

#row-above h1 a:hover {text-decoration:underline}

#row-above ul {float:right}
#row-above ul li {float:left;margin:0 10px}

#row-above ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	outline:none;
	padding:0 16px;
}

#row-above ul li a:hover {border:none;color:#ffde00}

p.opening {
	font-size:44px;
	letter-spacing:1px;
	line-height:64px;
	margin:56px 0 80px;
}

p.opening span {color:#ff7200;font-size:54px}

#content {
	display:inline;
	float:left;
	margin:0 10px;
	width:520px;
}

p {line-height:24px;margin:0 0 36px}

p, #showcase ul.tags li a  {text-shadow:#000 1px 1px}

#content p img.avatar {float:left;margin:4px 7px 2px 0;padding:2px;border:1px solid #21517d;}

#content p a.linkedin, #content p a.facebook, #content p a.twitter, #content p a.lastfm, #content p a.rss {}

#content p a.linkedin {color:#0099cc}
#content p a.facebook {color:#3366cc}
#content p a.twitter {color:#3b5998}
#content p a.lastfm {color:#d61102}
#content p a.rss {color:#ff7200}
#content p span.blue {background:#21517d;padding:0 4px;}

#sidebar {float:right;width:340px}

#sidebar h3 {font-size:24px;margin:0 0 16px}
#sidebar h3 span {color:#ffde00}

#sidebar ul.twitterupdates li {line-height:20px;margin:0 0 5px;text-shadow:#0b1532 1px 1px}

#showcase {
	border-top:1px solid #26385e;
	clear:both;
	float:left;
	margin:32px 10px 0;
	padding:56px 0 0;
}

#showcase ul.thumbs li {
	background:#00081e;
	border:1px solid #303030;
	height:300px;
	float:left;
	/*margin:0 15px 20px 0;*/
	margin:0 20px 20px 0;
	width:218px;
}

#showcase ul.thumbs > li:nth-child(4n+4) {margin:0 0 20px 0}

#showcase ul.thumbs li img {margin:0 0 18px}

#showcase ul.thumbs li h3 {color:#ff7200;font-size:18px;margin:0 7px 10px;}

#showcase ul.thumbs li p.related {
	color:#697594;
	font-size:9px;
	margin:0 7px;
	text-transform:uppercase;
}

#showcase ul.tags {margin:0 5px 0 7px}

#showcase ul.thumbs ul.tags li {
	background:none;
	border:none;
	font-size:11px;
	float:left;
	height:auto;
	line-height:18px;
	margin:0 2px 2px 0;
	width:auto;
}


#showcase ul.tags li a {
	background:#21517D;
	color:#fff;
	display:block;
	padding:0 4px;
}

#showcase ul.tags li a:hover {
	background:#ff7200;
	border:none;
	color:#fff;
	
}


/*WORKS*/
#showcase h1{background:url(/images/pageTitleWorks.png) no-repeat;}

#showcase ul#thumbs{
	float:left;
	/*margin:0 15px 20px 0;*/
	margin:0 0 20px;
	overflow:hidden;
}

#showcase ul#thumbs li.item{
	background:#00081e;
	border:1px solid #303030;
	float:left;
	height:300px;
	margin:0 10px 20px;
	width:218px;
	/*margin-top:20px;*/
	
}
#showcase ul#thumbs li.item.row-end {margin-left:0}
#showcase ul#thumbs li.item.row-start {margin-right:0}
#showcase ul#thumbs li.item:nth-child(4n+1) {margin-left:0}
#showcase ul#thumbs li.item:nth-child(4n) {margin-right:0}

#showcase ul#thumbs li.item .mask {
	height:300px;
	overflow:hidden;
	position:relative;
}

#showcase ul#thumbs p.ss {
	background-repeat:no-repeat!important;
	float:left;
	height:156px;
	margin:0 0 18px;
	width:218px;
	text-indent:-3000em
}

#showcase ul#thumbs .innerMask {
	color:#999;
	float:left;
	font-size:12px;
	height:20px;
	overflow:hidden;
	position:relative;
	width:218px;
	z-index:1
}

#showcase ul#thumbs .innerMask h3 {
	color:#ff7200;
	font-size:20px;
	margin:0 7px 10px
}

#showcase ul#thumbs .innerMask p {
	line-height:12px;
	font-size:9px
}
#showcase ul#thumbs li p.short {
	font-style:italic;
	font-size:11px;
	margin:9px 8px
}

#showcase ul#thumbs p.long {
	color:#fff;
	font-size:12px;
	line-height:1.4em;
	margin:9px 8px
}

#showcase ul#thumbs .launch {
	position:absolute;
	margin-top:240px;
	font-size:14px;
	text-decoration:none;
	background:url(/images/workArrow.png) no-repeat 60px 4px;
	width:100px;color:#ffcc00
}

#showcase ul#thumbs .tags {
background:#000;
	position:relative;
	float:left;
	width:188px;
	z-index:1
}
#showcase ul#thumbs .tags p.related {
	color:#697594;
	font-size:9px;
	margin:0 7px;
	text-transform:uppercase
}

#showcase ul#thumbs .tags ul.tags{}

#showcase ul#thumbs .tags ul li{
	background:none;
	border:none;
	font-size:11px;
	float:left;
	height:auto;
	line-height:18px;
	margin:0 2px 2px 0;
	width:auto
}

#showcase ul#thumbs .tags ul li a{
	background:#21517D;
	color:#fff;
	display:block;
	padding:0 4px;
	white-space:nowrap
}

#showcase ul#thumbs .tags ul li a:hover{
	background:#ff7200;
	border:none;
	color:#fff
}