body {
	font-family: FedraSansCondStdLight;
	background: url('/img/bg.gif') #1a1a16;
	color: #e7e4d3;
	font-size: 13px;
	line-height: 18px;
	text-shadow: 0 1px #000;
}

#top, #bottom, #left, #right {
        background: #2d2d2d;
        position: fixed;
        }
        #left, #right {
                top: 0; bottom: 0;
                width: 10px;
                }
                #left { left: 0; }
                #right { right: 0; }

        #top, #bottom {
                left: 0; right: 0;
                height: 10px;
                }
                #top { top: 0; }
                #bottom { bottom: 0; }

span.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:110%;
   font-style:italic;
}

@-webkit-keyframes 'fade'
	{		
		0% {
			opacity: 0;
		}
		100% {
			opacity: 100;
		}
	}

h1 {
	display: block;
	font-size: 40px;
	float: left;
	margin: 15px 0;
	font-weight: normal;
}

h2 {
	display: block;
	font-size: 16px;
	margin: 18px 10px;
	float: left;
	color: #888674;
	font-weight: normal;
}

#twitter a {
	color: #e7e4d3;
	padding: 0 10px;
	background: #4d4d4d;
	border-top: 1px solid #676767;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition-duration: .7s;
	text-shadow: 0 1px #000;
	margin: 0 5px;
}

#twitter a:hover {
	background: #14d7de;
	color: #1a1a16;
	text-shadow: 0 1px #9decef;
	border-top: 1px solid #9decef;
}

.tweet {
	font-family: FedraSansCondStdLight;
	font-size: 65px;
	line-height: 75px;
	padding-bottom: 50px;
}

.tweet a {
	color: #ff1cae;
	text-decoration: none;
	-webkit-transition-duration: .7s;
}

.tweet a:hover {
	color: #14d7de;
}

#twitter {
	font-size: 13px;
	float: right;
	margin-top: -35px;
}

#nav a {
	color: #e7e4d3;
	padding: 0 10px;
	background: #4d4d4d;
	border-top: 1px solid #676767;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition-duration: .7s;
	text-shadow: 0 1px #000;
	text-transform: uppercase;
}

#nav a:hover {
	background: #14d7de;
	color: #1a1a16;
	text-shadow: 0 1px #9decef;
	border-top: 1px solid #9decef;
}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	-webkit-animation-name: 'fade';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in;
}

#nav {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #272621;
	border-bottom: 1px solid #272621;
}

#logo {
	width: 45px;
	float: left;
	margin : 20px 0;
}

#social, #social a {
  float: right;
  margin-top: 7px;
	padding: 0;
	background: none;
	border-top: none;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration: none;
	-webkit-transition-duration: 0;
	text-shadow: none;
	text-transform: uppercase;
}

#social a:hover {
  background: none;
	text-shadow: none;
	border-top: none;
}

#title {
	
}

#nav ul {
	width: 600px;
	margin-top: 29px;
	float: right;
}

#nav ul li {
	float: right;
	margin-left: 10px;
}

.left {
	width: 460px;
	float: left;
}

#dribbble {
  margin-left: 30px;
}

h3 {
	border-top: 1px solid #272621;
	border-bottom: 1px solid #272621;
	text-align: center;
	padding: 16px 0;
	margin-bottom: 40px;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-weight: normal;
}

.right {
	width: 460px;
	float: right;
}

.left a, .right a {
	color: #e7e4d3;
	padding: 0 10px;
	background: #4d4d4d;
	border-top: 1px solid #676767;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition-duration: .7s;
	text-shadow: 0 1px #000;
	margin: 0 5px;
}

.right a:hover {
	background: #14d7de;
	color: #1a1a16;
	text-shadow: 0 1px #9decef;
	border-top: 1px solid #9decef;
}

.hcs{
	overflow:hidden;
	text-align: left;
}
.hcs ul,
.hcs *{
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;	
	list-style-type: none;
}
.hcs ul{
	margin: 0 -5px;
}
.hcs li{
	width: 400px;
	height:300px;
	position: relative;
	display: block;
	padding: 5px;
	margin: 5px 5px 5px 5px;
	background: rgba(0,0,0,0.3);
	-webkit-border-radius:5px;
	-webkit-transition:background 0.2s linear;
	-moz-border-radius:5px;
	-moz-transition:background 0.2s linear;
	border-radius:5px;
	transition:background 0.2s linear;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000, endColorstr=#14000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000, endColorstr=#14000000)";		
	display: table;
	float:left;
	vertical-align:middle;
}
.hcs li a{
	width:400px;
	height:300px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	padding: 0;
	border: 0;
}
.hcs li:hover{
	background: rgba(255,28,147,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1cae00, endColorstr=#ff1cae00);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1cae00, endColorstr=#ff1cae00)";		
	border: 0;
}
.hcs img{
	width:auto;
	height: auto;
	max-width: 400px;
	max-height:300px;
	border: 0;
	-ms-interpolation-mode:bicubic;
	font-size:0;
	float:left;
}
#flickr img {
	border: 1px solid #272621;
	margin: 8px 18px 24px 18px;
}

#flickr a {
	color: none;
	padding: 0;
	background: none;
	border-top: none;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration: none;
	-webkit-transition-duration: .7s;
	text-shadow: none;
	margin: 0;
}

#flickr a:hover {
	background: none;
	color: none;
	text-shadow: 0;
	border-top: none;
}

#footer {
	border-top: 1px solid #272621;
	border-bottom: 1px solid #272621;
	text-align: right;
	padding: 16px 0;
	margin-top: 40px;
}

#footer-left {
	width: 400px;
	text-align: left;
	float: left;
}

#footer-right {
	width: 400px;
	float: right;
}

#footer a {
	color: #e7e4d3;
	padding: 0 10px;
	background: #4d4d4d;
	border-top: 1px solid #676767;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition-duration: .7s;
	text-shadow: 0 1px #000;
	margin: 0 5px;
}

#footer a:hover {
	background: #14d7de;
	color: #1a1a16;
	text-shadow: 0 1px #9decef;
	border-top: 1px solid #9decef;
}

.clear {
	clear: both;
}

.spacer {
	height: 50px;
}