@charset "utf-8";
	
	html { }
	html, body { }
	
	body {
		font:12px/14px Arial, Helvetica, sans-serif;
		background:#0b0e11 url('../img/bg.jpg') repeat;
		color:#fff;
		text-align:center;
		}

	#wrapper, 
	.wrap {
		margin:0 auto;
		width:840px;
		position:relative;
		z-index:50;
		text-align:left;
		}

	a, 
	a:visited,
	a:active {
		color:#313f4b;	
		text-decoration:underline;
		}
		
	a:hover {
		color:#313f4b;	
		text-decoration:none;		
		}

/* tOP
------------------------------------------------------------------*/

	#top {
		position:fixed;
		z-index:100;
		top:0;
		width:100%;
		height:50px;
		line-height:50px;
		background:rgba(0, 0, 0, 0.8);
		border-bottom:1px solid #31383e;
		color:#364757;
		font-size:1.1em;
		font-weight:bold;
		}
		
	#top em {
		color:#fff;
		font-style:normal;
		}
		
	#top span {
		float:right;	
		font-weight:normal;
		}

	#top a, 
	#top a:visited {
		color:#fff;
		text-decoration:none;
		}

	#top a:hover {
		text-decoration:underline;
		}

/* Header
------------------------------------------------------------------*/

	header#hello {
		padding-top:50px;
		}
		
	header small {
		display:inline-block;
		margin-top:10px;
		padding:10px;
		color:#313f4b;
		font-size:2.4em;
		letter-spacing:-2px;
		text-shadow:0 2px 0 rgba(0, 0, 0, 1);
		}

	header#hello h1 {
		display:inline-block;
		font-size:11em;
		line-height:1em;
		font-weight:lighter;
		margin-top:-10px;
		color:#fff;
		letter-spacing:-8px;
		text-shadow:0 3px 0 rgba(0, 0, 0, 1);
		}

	header#hello h2 {
		display:inline-block;
		color:#313f4b;
		font-size:3.5em;
		letter-spacing:-1px;
		line-height:1em;
		font-weight:lighter;
		background:rgba(0, 0, 0, 0.8);
		text-shadow:0 1px 0 rgba(0, 0, 0, 1);
		margin:-5px 0 5px;
		padding:10px;
		}

	header#hello p {
		padding:10px;
		font-size:1.4em;
		font-weight:bold;
		line-height:1.4em;
		text-shadow:0 2px 0 rgba(0, 0, 0, 1);
		}

	.amp {
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-style:italic;
		color:#fff;
		}
		
	.symbol {
		position:absolute;
		left:46%;
		top:400px;
		font-size:8em;
		color:#181f25;
		line-height:0.1em;
		text-shadow:0 2px 0 rgba(0, 0, 0, 1);
		}
		
	#available {
		display:none;
		width:200px;
		position:absolute;
		top:70px;
		right:0;
		text-align:center;
		background:rgba(0, 0, 0, 0.6);
		padding:10px;
		border-bottom:1px solid #344453;
		font-size:1.2em;
		text-transform:uppercase;
		font-weight:bold;
		}
		
	#available span {
		display:block;
		text-transform:none;
		font-weight:bold;
		color:#364757;
		font-size:2em;
		letter-spacing:-1px;
		line-height:1em;
		font-weight:lighter;		
		}

/* Portfolio
------------------------------------------------------------------*/

	#portfolio {
		margin-top:60px;
		}

	article {
		border-top:8px solid #1f2830;
		margin-bottom:60px;
		padding-top:10px;
		position:relative;
		}
		
	article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		
	article div.img-holder {
		border: 1px solid #1f2830;
		background:#000;
		width:838px;
		text-align:center;
		margin-bottom:10px;
		}

	article div.img-holder img {
		display:block;
		margin:20px auto;
		}

	article header {
		position:relative;
		}

	article header time {
		position:absolute;
		right:0;
		top:15px;
		color:#313f4b;
		font-weight:bold;
		text-shadow:0 2px 0 rgba(0, 0, 0, 1);
		}

	article header h1 {
		font-size:2.4em;
		line-height:1.4em;
		letter-spacing:-1px;
		font-weight:lighter;
		margin-bottom:10px;
		text-shadow:0 2px 0 rgba(0, 0, 0, 1);
		}
		
	article .description {
		width:600px;
		float:left;
		line-height:1.6em;
		color:#313f4b;
		font-weight:bold;
		margin-bottom:5px;
		}
		
	article p {
		margin-bottom:5px;
		}
	
	article p.skills {
		color:#fff;	
		}
	
	article aside {
		width:200px;
		float:right;
		text-align:center;
		margin-top:5px;
		border-left:1px solid #1f2830;
		}

	article aside .visit, 
	article aside .visit:visited {
		background: #344452; 
		display: inline-block; 
		padding: 8px 10px 6px; 
		color: #fff; 
		text-decoration: none;
		border-radius:2px;
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		border-bottom: 1px solid rgba(0,0,0,0.25);
		position: relative;
		cursor: pointer;
		font-size:1.2em;
		margin:20px auto;
		}
	
	article aside .visit:hover { background-color: #333; color: #fff; }
	article aside .visit:active { top: 1px; }