body {
	margin:0;
	padding:0;
	background-color:#222;
	height:100%;
	background-repeat:no-repeat;
	font-family: "Fedra Serif B",Georgia,serif;
	font-stretch: normal;
	font-variant: normal;
	font-size:16px;
	line-height:25px;
}

body.rotatePrev {
	-webkit-transform: rotateY(-90deg);
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
	-webkit-transition: -webkit-transform 1s;
}

body.rotateNext {
	-webkit-transform: rotateY(90deg);
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
	-webkit-transition: -webkit-transform 1s;
}

body.rotated {
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 1000;
	-webkit-transition: -webkit-transform 1s;
}

.wrapper,
form.commentform {
	width:960px;
	margin:0 auto;
	position:relative;
}

#header {
	background-color:#000;
	padding:15px 0 10px 0;
	font-family:"Fedra Serif A",Georgia,serif;
}

	#header h1 {
		font-weight:normal;
		display:inline;
		font-size:16px;
		line-height:25px;
		margin:0 0 0 365px;
	}

		#header h1 a:link,
		#header h1 a:visited {
			text-decoration:none;
			color:#999;
		}
		
			#header h1 a:hover {
				color:#DDD;
			}
		
	#header ul {
		list-style:none;
		margin:0;
		padding:0;
		display:inline;
	}
	
		#header ul li {
			display:inline;
		}
		
			#header ul li:before {
				content:"»";
				color:#333;
				margin:0 10px;
			}
			
			#header ul li a:link,
			#header ul li a:visited {
				text-decoration:none;
				color:#555;
			}
			
				#header ul li a:hover {
					color:#999;
				}
				
#body {
	color:#DDD;
	text-shadow:#000 1px 1px 0;
	-webkit-text-shadow:#000 1px 1px 0;
	-moz-text-shadow:#000 1px 1px 0;
}

	#body #post {}
	
		#body a:link.nav,
		#body a:visited.nav {
			display:block;
			z-index:5;
			position:absolute;
			top:15px;
			color:#555;
			text-decoration:none;
			font-size:13px;
			line-height:25px;
			font-family:"Fedra Serif A",Georgia,serif;
			height:50px;
		}
		
			#body .navPrev {
				left:10px;
			}
			
			#body .navNext {
				right:10px;
			}
		
			#body a:hover.nav {
				color:#999;
			}
					
			#body .navPrev span {
				color:#333;
				margin-right:10px;
			}
			
			#body .navNext span {
				color:#333;
				margin-left:10px;
			}
			
		#body #post .attachments {
			overflow:hidden;
			height:200px;
			white-space:nowrap;
			background-color:#262626;
			position:relative;
			list-style:none;
			margin:0;
			padding:0;
		}
		
			#body #post .attachments li {
				display:inline-block;
				opacity:.25;
				cursor:pointer;
				position:relative;
			}
			
				#body #post .attachments li.vimeo {
					width:355px;
				}
			
				#body #post .attachments li.current {
					opacity:1;
					z-index:10;
					-webkit-box-shadow:0 0 30px #000;
					-moz-box-shadow:0 0 30px #000;
					cursor:auto;
					position:relative;
				}
								
				#body #post .attachments li img {
					display:block;
					height:200px;
					position:relative;
				}
								
				#body #post .attachments li .overlay {
					position:absolute;
					left:0;
					top:0;
					width:355px;
					height:200px;
					z-index:20;
				}
				
			
				#body #post .attachments li a:link,
				#body #post .attachments li a:visited {
					position:absolute;
					bottom:0;
					right:0;
					font-family:"Fedra Sans",sans-serif;
					text-transform:uppercase;
					font-size:10px;
					line-height:10px;
					padding:5px 5px 3px 5px;
					background-color:#000;
					-webkit-border-top-left-radius:5px;
					-moz-border-radius-topleft:5px;
					color:#DDD;
					text-decoration:none;
					-webkit-box-shadow:0 0 5px #000;
					-moz-box-shadow:0 0 5px #000;
					display:none;
				}
				
					#body #post .attachments li a:hover {
						color:#B00;
					}
						
		#body #post .header {}
				
			#body #post .header h2 {
				font-family:"Fedra Sans Light",sans-serif;
				font-weight:normal;
				text-transform:uppercase;
				font-size:40px;
				line-height:50px;
				margin:50px 0 25px 365px;
				position:relative;
			}
		
				#body #post .header h2:before {
					font-family: "Fedra Serif B",Georgia,serif;
					font-stretch: normal;
					font-variant: normal;
					content:"\301C";
					position:absolute;
					left:-80px;
					font-size:60px;
					line-height:80px;
					top:50%;
					margin:-40px 0 0 0;
					color:#333;
				}
		
		#body #post .body {}
		
			#body #post .body h3.tagHeading {
				width:355px;
				text-align:right;
				position:absolute;
				left:0;
				margin:0;
				color:#333;
				font-weight:normal;
				font-family:"Fedra Sans",sans-serif;
				text-transform:uppercase;
				font-size:16px;
			}
			
			#body #post .body ul.tagList {
				position:relative;
				margin:0 0 25px 365px;
				list-style:none;
				padding:0;
			}
			
				#body #post .body ul.tagList li:before {
					content:"";
				}
		
			#body #post .body ul {
				list-style:none;
				margin:0 0 25px 365px;
				padding:0;
			}
			
				#body #post .body ul li {
					position:relative;
				}
		
				#body #post .body ul li:before {
					content:"\25B6";
					position:absolute;
					color:#333;
					left:-20px;
				}
		
			#body #post .body a:link,
			#body #post .body a:visited {
				color:#999;
				text-decoration:none;
			}
			
				#body #post .body a:hover {
					color:#DDD;
				}
		
			#body #post .body p {
				margin:0;
				position:relative;
			}
		
			#body #post .body p+p {
				text-indent:365px;
			}
		
				#body #post .body p+p:before {
					content:"¶";
					position:absolute;
					color:#333;
					left:-20px;
				}
			
		#body #post .meta {
			font-family:"Fedra Sans Light",sans-serif;
			margin:25px 0 0 365px;
			font-size:13px;
			color:#666;
		}
		
			#body #post .meta p {
				display:inline;
				position:relative;
				margin:0 10px 0 0;
			}
			
				#body #post .meta p.tags {
					display:block;
				}
				
					#body #post .meta p.tags a {
						margin-right:5px;
					}
			
				#body #post .meta p a:link,
				#body #post .meta p a:visited {
					color:#666;
					text-decoration:none;
				}
				
				#body #post .meta p a:hover {
					color:#999;
				}
		
			#body #post .meta .tags:before {
				content:"\25C9";
				color:#999;
				margin:0 5px 0 0;
			}
		
			#body #post .meta .url:before {
				content:"\221E";
				color:#999;
				margin:0 5px 0 0;
			}
			
			#body #post .meta .date:before {
				content:"\231A";
				color:#999;
				margin:0 5px 0 0;
			}
			
			#body #post .meta .comments:before,
			#body #post .meta .author:before  {
				content:"\270E";
				color:#999;
				margin:0 5px 0 0;
			}
				
	#body #post .comments {
		font-family:"Fedra Sans",sans-serif;
		margin:50px 0 0 0;
	}
	
		#body #post .comments .comment {
			font-size:13px;
			padding:25px 0;
		}
		
			#body #post .comments .alt {
				background-color:#262626;
			}
		
			#body #post .comments .comment .body p {
				margin-left:365px;
			}
		
			#body #post .comments .comment .body p+p {
				text-indent:0;
			}
			
			#body #post .comments .comment .meta {
				text-indent:0;
				margin:0 0 0 365px;
			}
		
		#body #post .comments .comment_form {
			padding:25px 0 50px 0;
		}
		
			#body #post .comments .comment_form p {
				margin:0 0 25px 0;
				position:relative;
			}
		
			#body #post .comments .comment_form label {
				display:block;
				position:absolute;
				width:355px;
				left:0;
				margin-top:4px;
				text-align:right;
				color:#666;
				font-size:12px;
				text-transform:uppercase;
			}
			
				#body #post .comments .comment_form label .required {
					color:#333;
				}
			
			#body #post .comments .comment_form input[type=text],
			#body #post .comments .comment_form textarea {
				margin-left:365px;
				background-color:#000;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border:0;
				-webkit-box-shadow:1px 1px 0 #333;
				-moz-box-shadow:1px 1px 0 #333;
				color:#DDD;
				font-family:"Fedra Serif B";
				text-shadow:#333 1px 1px 0;
				-webkit-text-shadow:#333 1px 1px 0;
				-moz-text-shadow:#333 1px 1px 0;
				font-size:12px;
			}
			
			#body #post .comments .comment_form input[type=text] {
				width:355px;
				padding:7px 5px 5px 5px;
			}
			
				#body #post .comments .comment_form input[type=submit] {
					margin-left:365px;
				}
			
			#body #post .comments .comment_form textarea {
				line-height:25px;
				padding:5px;
				width:585px;
				height:115px;
			}