body {
	background: #000 url(../../img/bgrepeat.png) repeat;
	color: #fff;
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0 0;
}
p, h1, h2, h3, h4, h5, h6, ul { color: #fff; }
hr { margin-bottom: 1.4em; }
blockquote {
	background: black;
	color: #ccc;
}
blockquote .author { 
	float: right;
	margin-bottom: 1.5em;
}

noscript {
	margin: auto;
	width: 930px;
}
.blue { color: #cef; }
.green { color: #cf6; }
.orange { color: #fc9; }
.red { color: #f63; }
a:link {
	color: #cf6;
}
a:hover {
	color: #cef;
	text-decoration: none;
}
a:active, a:focus {
	color: #fc9;
	text-decoration: none;
}
a:focus { outline: 1px dotted #fc9; }
a:visited {
	color: #fc9;
}


/* Error */
.error {
	background-color: #FBA;
	border-color: #312;
	color: #312;
	display: block;
	font-weight: 700;
	margin-bottom: 1.25em;
}
.error p, .error ul { color: #312; }
.error p:last-child { margin-bottom: 0; }

/* Success */
.success {
	background-color: #DFA;
	border-color: #cf6;
	color: #231;
	display: block;
	font-weight: 700;
	margin-bottom: 1.25em;
}


/* Container */
#container {
	margin: auto;
	width: 950px;
}


/* Menu */
#nav {
	font-size: 1em;
	height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#nav div {
	border-left: 1px solid #fff;
	display: inline;
	margin-left: -1px;
	margin-right: 1em;
}
#nav div a {
	background: #000;
	margin-left: 6px;
	text-decoration: none;
}
#nav div a:hover, #nav div a:active, #nav div a:focus { background: #111; }
#home #nav-home a, #about #nav-about a, #portfolio #nav-portfolio a, #blog #nav-blog a, #contact #nav-contact a {
	color: #fff;
}


/* Header */

#header {
	border-bottom: 2px solid #fff;
	display: block;
	height: 70px;
	position: relative;
}
#header h1 {
	bottom: -1em;
	font-size: 3em;
	font-weight: 700;
	line-height: 2em;
	position: absolute;
}

/* Tag */

#tag {
	font-size: 1.5em;
	letter-spacing: 1px;
	line-height: 1em;
	margin-bottom: 1em;
	position: relative;
	z-index: 1;
}
#tag a {
	height: 100%;
	width: 100%;
	text-decoration: none;
}

/* Content */
#content { letter-spacing: 0.5px; }
#content p, #content h2, #content h3, #content h4, #content li, #content fieldset { background: #000; }

/* Spread */
#spread {
	background: #000;
	display: inline;
	float: left;
	height: 240px;
	margin-bottom: 1.5em;
	overflow: hidden;
	position: relative;
}
#spread img {
	display: block;
	height: 240px;
	margin: auto;
}
#spread img, #spread div { width: 950px; }
#spread div#spread-text {
	display: block;
	background: transparent url(../../img/black-trans75.png) repeat;
	width: auto;
	max-height: 236px;
	position: absolute;
	top: -236px;
}
#spread:hover div#spread-text {
	top: 0px;
}
#spread div#spread-text h3 {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 1em;
}
#spread div#spread-text span {
	background: transparent;
	display: block;
	position: relative;
	top: 0;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 1.5em;
}
#spread a {
	color: #fff;
	text-decoration: none;
}


/* Footer */
#footer {
	background: #000;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	margin-top: 1.45em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	width: 100%;
}
#footer-content {
	margin: auto;
	width: 950px;
}
#footer ul {
	list-style: none;
	margin-right: 0;
	padding-left: 0;
}
#footer #footer-content p { margin-bottom: 0; }
#footer h3 {
	line-height: 2em;
	margin-bottom: 0;
}


/* Homepage */
#home-about p, #home-sidebar ul {
	letter-spacing: 0.5px;
}
#home-about p:last-child { margin-bottom: 1.6em; }
#home-sidebar ul {
	list-style: none;
	margin-right: 0;
	padding-left: 0;
}
#home-sidebar ul li { margin-left: 0; }

/* Portfolio */
#portfolio h4 {
	font-weight: 700;
	margin-bottom: 1.33em;
}
#portfolio .portfolio-item-images a {
	display: block;
	margin-bottom: 1.5em;
}

/* Resume */
#resume ul {
	margin-right: 0;
}
#resume h4 {
	margin-bottom: 0;
}

/* Contact */
#contactform { margin-bottom: 1.45em; }
fieldset p label {
	display: block;
}
fieldset p label:hover {
	background-image: url(../../img/bgrepeat.png);
}

/* Hoverables */
a.hover {
	position: relative;
	text-decoration: none;
}
span.hover_left, span.hover_right {
	background: black;
	border: 2px solid white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	bottom: 100%;
	color: white;
	display: none;
	padding: 21px;
	position: absolute;
	width: 220px;
}
span.hover_left {
	right: 50%;
}
span.hover_right {
	left: 50%;
}
a.hover:hover span, a.hover:active span, a.hover:focus span {
	display: block;
}