/**
 *	WordPress Theme 'Dylan'
 *	Comments CSS
 *	
 *	pages: posts
 *	media: all
 *	
 *	@created: Phil Thompson [hello@philthompson.co.uk] November 2007
 *	@edited: 23/12/2008 by Phil Thompson	
 */

div#primarycontent ul.commentlist{
	float: left;
	width: 940px;
}

	div#primarycontent ul.commentlist li{
		border-bottom: 1px solid #EEE;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 940px;
	}
	
	/* Alternate comment */
	ul.commentlist li.alt{
	
	}
	
		/* Commenter - who said it and when */
		ul.commentlist li div.commenter{
			color: #555;
			float: left;
			font-size: 90%;
			margin: 30px 0 20px;
			width: 310px;
		}
				/* Vcard/gravatar */
				ul.commentlist li div.commenter div.vcard{
					margin: -7px 0 0;
					padding: 0;
				}
				
					ul.commentlist li div.commenter img.avatar{
						float: left;
						margin: 7px 5px 10px 0;
					}
					
				ul.commentlist li div.commenter cite.fn{
					margin-top: -.25em;
				}
					
				ul.commentlist li div.commenter div.comment-meta{
					line-height: 1.2;
				}
		
		/* Comment content */
		ul.commentlist li div.comment{
			border-left: 1px solid #DDD;
			float: left;
			margin: 20px 0;
			padding: 0 0 0 10px;
			min-height: 6.5em;
			overflow: auto;
			width: 610px;

		}
		
		ul.commentlist li div.comment p{
			padding-left: 0;
		}
		
		/** 
		 * Children aka responses 
		 * One level deep
		 */
		div#primarycontent ul.commentlist li ul.children{
			margin: 0 auto;
			width: 800px;
		}
		
		div#primarycontent ul.commentlist li ul.children li{
			border-bottom: none;
			border-top: 1px solid #EEE;
			width: 860px;
		}
		
		ul.commentlist li ul.children li div.commenter{
			width: 270px;
		}
		
		ul.commentlist li ul.children li div.comment{
			width: 570px;
		}
		
		div#primarycontent ul.commentlist li.depth-1 form{
			width: 620px;
		}
		
			div#primarycontent ul.commentlist li.depth-1 form p,
			div#primarycontent ul.commentlist li.depth-1 form fieldset textarea#comment{
				width: 595px;
			}
		
		/* Level two */
		div#primarycontent ul.commentlist ul.children li.depth-1 ul.children,
		div#primarycontent ul.commentlist ul.children li.depth-2{
			width: 800px;
		}
		
		ul.commentlist ul.children li.depth-2 div.commenter{
			width: 240px;
		}
		
		ul.commentlist ul.children li.depth-2 div.comment{
			width: 520px;
		}
		
		div#primarycontent ul.commentlist li.depth-2 form{
				width: 485px;
			}
			
				div#primarycontent ul.commentlist li.depth-2 form p,
				div#primarycontent ul.commentlist li.depth-2 form fieldset textarea#comment{
					width: 460px;
				}
		
		/* Level three */
		div#primarycontent ul.commentlist ul.children li.depth-2 ul.children,
		div#primarycontent ul.commentlist ul.children li.depth-3{
			width: 740px;
		}
		
		ul.commentlist ul.children li.depth-3 div.commenter{
			width: 210px;
		}
		
		ul.commentlist ul.children li.depth-3 div.comment{
			width: 490px;
		}
		
			div#primarycontent ul.commentlist li.depth-3 form{
				width: 425px;
			}
			
				div#primarycontent ul.commentlist li.depth-3 form p,
				div#primarycontent ul.commentlist li.depth-3 form fieldset textarea#comment{
					width: 400px;
				}
		
		/* Level four */
		div#primarycontent ul.commentlist ul.children li.depth-3 ul.children,
		div#primarycontent ul.commentlist ul.children li.depth-4{
			width: 700px;
		}
		
		ul.commentlist ul.children li.depth-4 div.commenter{
			width: 190px;
		}
		
		ul.commentlist ul.children li.depth-4 div.comment{
			width: 480px;
		}
		
			div#primarycontent ul.commentlist li.depth-4 form{
				width: 385px;
			}
			
				div#primarycontent ul.commentlist li.depth-4 form p,
				div#primarycontent ul.commentlist li.depth-4 form fieldset textarea#comment{
					width: 360px;
				}
		
		/* Level five */
		div#primarycontent ul.commentlist ul.children li.depth-4 ul.children,
		div#primarycontent ul.commentlist ul.children li.depth-5{
			width: 660px;
		}
		
		ul.commentlist ul.children li.depth-5 div.commenter{
			width: 170px;
		}
		
		ul.commentlist ul.children li.depth-5 div.comment{
			width: 470px;
		}
		
		
/**
 * WordPress 2.7+ inline comments responses 
 * when form's are inline in <li>s change some 
 * settings to preserve the formatting
 */		
div#cancel-comment-reply{
	padding: 0 10px 10px;
}


div#primarycontent ul.commentlist li form,
div#primarycontent ul.commentlist li div#commenting_rules{
	margin: 0 0 20px !important;
}

	ul.commentlist li div#respond h3,
	div#cancel-comment-reply{
		padding-left: 0;
	}
	
	

	/* Comment rules within inline comment form*/
	div#primarycontent ul.commentlist li div#commenting_rules ul li{
		border: none;
		list-style: disc;
		margin-left: 1em;
		width: 280px !important;
	}
	
	
	/*li.depth-1{
		background: #999;
	}
	li.depth-2{
		background: #888;
	}
	li.depth-3{
		background: #777;
	}
	li.depth-4{
		background: #666;
	}
	li.depth-5{
		background: #555;
	}*/