@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "960.css";

html, body				{ height: 100%; }
body					{ font-family: Helvetica, Arial, sans-serif; line-height: 1.3; background-color: #2f2f2f; color: #999; text-shadow: 0 1px 0 #000; }

a						{ color: #f0af3b; text-decoration: none; }
a:hover					{ color: #fff; }
strong					{ color: #fff; font-weight: bold; }

/* Header */
#header					{ height: 40px; margin: 0 0 20px; background-color: #000; overflow: hidden; }

/* About me */
#about-me				{ font-size: 13px; float: left; position: relative; top: 13px; }

/* Contact info */
#contact-info			{ font-size: 13px; float: right; position: relative; top: 13px; }
#contact-info li		{ list-style: none; display: inline; padding-left: 10px; }

/* Introduction */
#introduction			{ margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #0f0f0f; }
#introduction h2		{ font-size: 48px; color: #fff; font-weight: normal; }
#introduction a			{ border-bottom: 1px solid; }
#introduction p			{ font-size: 24px; color: #ccc; }

/* Slideshow */
#slideshow				{ display: none; }
/* #slideshow			{ height: 350px; margin: 0 0 20px; background-color: #222; -moz-box-shadow: 0 0 50px #000 inset; -webkit-box-shadow: 0 0 50px #000 inset; box-shadow: 0 0 50px #000 inset; border: 1px solid #333; border-bottom: 1px solid #444; } */

/* Works */
#work-list				{ overflow: hidden; padding: 10px 0; }
.work-item				{ width: 300px; height: 200px; overflow: hidden; margin-bottom: 20px; position: relative; -moz-box-shadow: 0 1px 3px #000; -webkit-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000; }
.work-item:hover		{ outline: 1px solid #fff; }
.work-img				{ position: absolute; top: 0; left: 0; display: block; width: 300px; height: 200px; background-color: #222; margin: 0 0 15px; }
.work-content			{ position: absolute; bottom: 0; width: 270px; padding: 15px; background-color: rgba(0, 0, 0, 0.8); display: none; }
.work-title				{ font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase; }
.work-description		{ font-size: 11px; }
.work-description li	{ padding: 0 5px; border-left: 1px solid #999; display: inline; text-transform: lowercase; }
.work-description li:first-child	{ border: none; padding-left: 0; }

/* Sidebar */
#sidebar				{ display: none; }
#sidebar h2				{ font-size: 18px; color: #ccc; margin-bottom: 10px; border-left: 2px solid #666; padding-left: 10px; }
#sidebar p,
#sidebar ul				{ font-size: 13px; margin: 10px 0; }
#sidebar ul				{ margin-left: 20px; }
#sidebar li				{ list-style: outside disc; }
.section				{ margin: 0 0 40px; }

/* Footer */
#footer					{ padding: 10px 0 10px; border-top: 1px solid #0f0f0f; font-size: 13px; overflow: hidden; }
#social-network-list	{ float: right; }
#social-network-list ul	{ display: inline; margin-left: 5px; }
#social-network-list li	{ list-style: none; display: inline; padding: 0 5px; border-left: 1px solid #0f0f0f; }
#social-network-list li:first-child	{ border: none; }
#copyright				{ float: left; }