/* Body & Containers */

html, body{
	padding:0px;
	margin:0px;
}

body{
	background-color:#444; 
	background-image:url('http://static.tumblr.com/g2vaqlj/VOVl3t3sk/wood.jpg');
	background-repeat: repeat scroll;
	/*font-family: Arial, Verdana, sans-serif;*/
	font-family: "Century Gothic", Helvetica, Arial,sans-serif;
	color:#fff;
}

#content{
	position:relative;
	text-align:left;
	height:100%;
	width:1024px;
	margin:auto;
	padding:15px 0px 15px 0px;
}

#header{
	background-image:url("http://farm5.static.flickr.com/4062/4320023236_910568ac99_b.jpg");
	background-position: 0 -200px;
	background-repeat:no-repeat;
	border:2px solid #fff;
	height:180px;
	text-align:left;
	width:100%;
}

#nav{
	float:left;
	margin:10px 15px 0 0;
	padding:10px;
	width:200px;
	text-align:left;
	border-right:1px dotted white;
}

#nav-gallery {
	width:100%;
	height:20px;
	color:#fff;
	font-size:2em;
	border-bottom:1px solid #fff;
	background:
}

#main{
	margin: 50px auto;
	padding:10px 5px;
	float:left;
	width:1014px;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3)
}

.block {
	width: 300px;
	float: left;
	margin-right: 20px;
	border: 1px solid #eee;
	background: #fff;
	padding: 10px;
}

.block .label {
	color:black;
	background-color: #fff;
	z-index:1000;
	position: relative;
	width: auto;
	padding: 2px 5px;
	margin-top: -55px; 
	text-align: right;
	float: left; 
	margin-right: 15px
}

.block img {
	margin: 10px;
}

.block a img {
	border: 1px solid #ccc;
	text-decoration: none
}

.block a:hover {
	text-decoration: none;
	background: none;
	border: none;
}

.last {
	margin-right: 0;
}

#main-no-nav {
	padding:10px;
	float:left;
	width:100%;
	border-left:1px dashed #fff;
	min-height:400px;
	margin-top:20px;
}



#main-404{
	padding:10px;
	float:left;
	width:1024px;
	border:none;
}

#projects-container {
	width: 720px;
	float:left
}

.project {
	float:left;
	margin-left:20px;
	padding:10px;
	width:720px;
}

.project img {
	float:left;
	border:none;
}

.project a img {
	border:2px solid transparent;
}

.project a:hover img {
	border:2px solid #fff;
}


.project p {
	float:left;
	width:420px;
	margin-left:10px;
}

#footer{
	position:relative;
	clear:both;
	height:200px;
	width:1024px;
	margin:auto;
	margin-top:20px;
	border-top:10px solid #fff;
	font-size:1em;
	padding-top: 10px;
	
}

#footer-left{
	text-alignr:left;
	float:left;
}

#footer-right{
	text-align:right;
	float:right;
}


/* TEXT */

#nav-photo h2 a{
	color:green;
	margin-top:0px;
	margin-bottom:0px;
}

#nav-gallery a{
	color:#9cf;
	font-size:10pt;
	padding:0px 2px 0px 2px;
}

#nav-gallery a:hover{
	color:#fff;
	/*background-color:gray;*/
	background-color: none;
}

#nav h2.current a {
	color:#fff;
	/*background-color:gray;*/
	font-weight:bold;
}


h1{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12em;
	border-bottom:15px solid #fff;
}


#header h1{
	/*color:#65909A;*/
	color: #999;
	width:auto;
	float:left;
	clear:left;
	background-color:#fff;
	padding:8px 10px 12px 5px;
	font-size:2em;
	border:none;
	line-height:1;
	margin-top:50px;
	font-weight: normal;
}

#header h1.light{
	background-color:#006666;
}


#header p.caption{
	padding:2px;
	background-color:#fff;
	margin:3px 2px 0px 2px;
	float:right;
	clear:right;
	color:#000;
}


h1.photo{
	font-size:12em;
}

h1.gallery{
	font-size:6em;
}


h2{
	font-size:28px;
	margin-top:1px;
	margin-bottom:1px;
	font-weight:normal;
}

h2 a:hover, h2 a:hover, h2.orange a:hover, h2.red a:hover, h2.green a:hover, h2.brown a:hover, h2.grey a:hover {
	color:#fff;
}

.merge {
	font-size: 18px;
	font-family: 'MergeRegular',Arial,sans-serif;
}

.red a {
	color:red;
}

.green a {
	color:green;
}

.orange a {
	color:orange;
}

.brown a {
	color:brown;
}

.grey a {
	color:grey;
}

.pale-blue a {
	/*color:#9cf;*/
	/*color:#CD919E;*/
	color: #666;
}

.pale-green a {
	/*color:#6c9;*/
	color:#CD1076;
}


h4 {
	margin-left:0;
	font-size:16px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
	line-height: 22px;
}

h4 a {
	color:pink;
	padding-left:2px;
	padding-right:2px;
}

h4 a:hover {
	color:#fff;
	background:gray;
}

#footer p{
	margin:2px;
	padding:0px;
}

p.photo{
	font-size:18pt;
	color:#999;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
}

p.notes{
	margin:5px 0px 5px 30px;
	color:#fff;
	font-style:italic;
}

.toggle_container p {
	color:#fff;
	margin: 0;
}

a {
	/*color:#6c9;*/
	color:#CD1076;
	text-decoration:none;
}

a:hover {
	color:#fff;
	background:gray;
}

.filmtitle{
	font-style: italic;
}


/* forms */
#contact_form{
	margin: 5px 0px 5px 30px; 
	width:400px; 
	border:1px dotted #fff;
	padding:5px; 
}	
