/*
Theme Name: deadphotographers
Version: 1
Author: James Dodd

*/

*{padding:0;margin:0;list-style:none; font-size: 100%; border:0; text-decoration: none; outline:0; vertical-align: top; background: transparent; quotes: none; border-collapse: collapse; border-spacing:0;}


.alignright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;	
}

.alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;	
}

p{
	font-size: 110%;
	padding-bottom: 15px;	
	line-height: 2em;
	letter-spacing: 0.2px;
}

a{
	line-height: inherit;
	podding:0;
	margin:0;
	color: #900;	
}
a:hover{
	color: #000;	
}


input, select, textarea{
	border: 1px solid #555;	
}

body{
	background: #fff;
	color: #000;
	font-family: Helvetica Neue, helvetica, sans-serif;
	font-weight: 100;
	text-align: justify;
	font-size: 80%;
}
	h1#title{
		font-size: 40px;
		color: #900;
		letter-spacing: 7.5px;
		position: relative;
		line-height: 2em;
	}
		h1#title a{
			color: #900;	
		}
		h1#title span{
			position: absolute;
			top:0;
			left:0;
			background: url(images/logo.png) no-repeat;
			width: 100%;
			height: 100%;
		}
		#menu, h1,h2,h3,h4,h5{
			font-family: Helvetica Neue, helvetica, sans-serif;
			Text-transform: uppercase;
			letter-spacing: 2px;
			line-height: 1.2em;
			font-weight:100;			
		}
		
		h3 a, h4 a, h5 a{
			color: #900;
		}
		h3 a:hover, h4 a:hover, h5 a:hover{
			color: #000;	
		}
		
		#menu{
			letter-spacing:0;	
		}
	
	#menu{
		position: absolute;
		right: 0px;
		top: 70px;
		right: 0px;
	}
		#menu li{
			display: inline;
			padding-left: 12px;
			position: relative;
		}
		
		#menu li a span{
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			background: #fff;
		}
			#menu li.home a span{background: #fff url(images/menu.gif) no-repeat 10px 0;}
			#menu li.home a:hover span{background: #fff url(images/menu_ov.gif) no-repeat 10px 0;}

			#menu li.blog a span{background: #fff url(images/menu.gif) no-repeat -40px 0;}
			#menu li.blog a:hover span{background: #fff url(images/menu_ov.gif) no-repeat -40px 0;}

			#menu li.features a span{background: #fff url(images/menu.gif) no-repeat -84px 0;}
			#menu li.features a:hover span{background: #fff url(images/menu_ov.gif) no-repeat -84px 0;}

			#menu li.magazine a span{background: #fff url(images/menu.gif) no-repeat -150px 0;}
			#menu li.magazine a:hover span{background: #fff url(images/menu_ov.gif) no-repeat -150px 0;}

			#menu li.shop a span{background: #fff url(images/menu.gif) no-repeat -225px 0;}
			#menu li.shop a:hover span{background: #fff url(images/menu_ov.gif) no-repeat -225px 0;}

			#menu li.about a span{background: #fff url(images/menu.gif) no-repeat -270px 0;}
			#menu li.about a:hover span{background: #fff url(images/menu_ov.gif) no-repeat -270px 0;}

			#menu li.contact a span{background: #fff url(images/menu.gif) no-repeat -323px 0;}
			#menu li.contact a:hover span{background: #fff url(images/menu_ov.gif) no-repeat -323px 0;}

	#header{
		height: 90px;
	}	
	#wrapper{
		margin:auto;
		width: 600px;
		min-height: 500px;
		position: relative;
	}
	
		#content{
			margin-top: 10px;
		}
		
			.post{
				clear: both;
				position: relative;
				overflow: hidden;
			}
				h2.post_title{
					font-size: 200%;
					margin-bottom: 20px;
				}
					h2 a{
						color: #000;
					}
				h3.post_title a,
				h3.post_title ul,
				h3.post_title li{
					padding:0;	
					margin:0;
				}
				
				h3.post_title{
					font-size: 150%;
					margin-bottom: 20px;
				}
				.post_content{
					width: 280px;
					padding-right: 10px;
					background: #fff;
					text-align: left;
				}
					.post_image{
						float: right;
					}
						.post_image img{	
							width: 300px;
						}
					.post_excerpt{
					}
			#features{
				
			}
			#features .post{
				position: relative;
				width: 275px;
				padding: 10px;
				height: 175px;
				background: #000;
				float: left;
				text-align: right;
			}

				#features .post.latest{
					width: 580px;
					padding: 10px;
					margin-bottom: 10px;
				}
				
				#features .post.even{
					margin-right: 10px;
					margin-bottom: 10px;
					clear:none;
				}
				#features .post.odd{
					text-align: right;
					clear:none;
				}
				#features .post.latest .post_title{
					width: 595px;
				}
				#features .post .post_title{
					position: absolute;
					bottom:0;
					height: 35px;
					width: 290px;
					margin-left: -10px;
					margin-bottom: -10px;
					background: url(images/back_dark.png);
					color: #fff;
					padding: 3px;
				}
					#features .post .post_title a{
						color: #fff;	
					}
				
				.features_img{
					margin-left: -10px;
					margin-top: -10px;	
				}
		
	#respond, #comments{
		clear: both;
		padding-top: 20px;	
	}			
	#footer{
		clear: both;
		margin-top: 30px;
		font-size: 70%;	
		text-align: right;
	}
	#footer p{
		padding:0;	
	}
	
	

#commentlist{
	padding: 20px;
}

#commentlist,
#commentlist li{
	list-style: none;
	padding:0;
	margin:0;	
}
	
	.comment{
		width: 600px;
	}
	
	div.comment_content{
		padding: 25px;
		margin-bottom: 15px;
		position: relative;
		padding-bottom: 50px;
		padding-left: 120px;
	}

	.comment.even .comment_content{
		background: #fcfcfc;	
	}	
	.comment_content .date{
		position: absolute;
		bottom: 20px;	
		left: 120px;
		font-style: italic;
	}
		.comment_content .date a{
			color: #aaa;	
		}
	.comment.odd .comment_content{
		background: #fafafa;	
	}	
		.author{
			font-size: 125%;
		}
		.number{
			position: absolute;
			left: 20px;
			top: 20px;
			border: 1px solid #cdcdcd;
			font-size: 200%;
			padding: 5px 10px;
			background: #fff;
			color: #555;
			width: 50px;	
		}
		.details{
			padding-bottom: 10px;	
		}
		
.archivelink{
	clear: both;	
}
.archivelink span{
	font-size: 150%;
	position: relative;
	top: 30px;
	font-weight: bold;
}


.blurb .post_title{
	font-size: 140%;
	line-height: 1.5em;
}

.postmetadata{
	font-size: 90%;
	margin-top: 40px;
	margin-bottom: 40px;	
}