.comments_wrapper {
	clear: left;
	margin: 15px 0px 0px 15px;
	width: 485px;
	}

.comments_wrapper h5 {
	background: url(../graphics/comments_header.png) left top no-repeat;
	height: 20px;
	padding: 5px 10px 3px 10px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	}

.comments_wrapper .comments_count {
	display: block;
	width: 250px;
	float: left;
	}

.comments_wrapper .comments_viewed {
	display: block;
	float: right;
	margin: 0px 10px 0px 0px;
	}

.comments_wrapper .comment {
	clear: left;
	margin-bottom: 30px;
	margin-left: -2px;
	}

.comments_wrapper .comment_icon {
	width: 68px;
	height: 73px;
	display: block;
	background: url(../graphics/comment_avatarwell.png) left top no-repeat;
	float: left;
	}
	
.comments_wrapper .admin .comment_icon {
	height: 100px;
	background: url(../graphics/comment_avatarwell_admin.png) left top no-repeat;
	}
	
.comments_wrapper .comment_icon img {
	width: 48px;
	height: 48px;
	margin-top: 10px;
	margin-left: 10px;
	}

.comments_wrapper .comment_bubble {
	width: 410px;
	margin-left: 70px;
	color: #8a8eb3;
	}
	
.comments_wrapper .comment_bubble .comment_header {
	background: url(../graphics/bubble_top.png) left top no-repeat;
	padding: 8px 0px 40px 25px;
	}

.comments_wrapper .comment_bubble .comment_text {
	background: url(../graphics/bubble_body.png) left top repeat-y;
	padding: 0px 0px 10px 25px;
	}
	
.comments_wrapper .comment_bubble .comment_footer {
	background: url(../graphics/bubble_bottom.png) left bottom no-repeat;
	padding: 0px 0px 0px 25px;
	margin-top: -15px;
	float: right;
	width: 385px;
	}

.comments_wrapper .comment_bubble ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
.comments_wrapper .comment_bubble ul li {
	float: left;
	}
	
.comments_wrapper .comment_header p {
	float: left;
	font-size: 12px;
	margin: 0px;
	width: 310px;
	}
	
.comments_wrapper .comment_header p span.name {
	font-weight: bold;
	color: #f60;
	}
	
/*
	The next few rules color code commenter names according to devotion level.
	
	In each set, the first two selectors target the person making the comment (the class for devotion is attached to the entire comment div).
	
	The second two selectors were added for the Recent Comments page, to target the name of the recipient of the comment (which appears second in the comment bubble).
	
	The extra selectors ".comment .comment_bubble" are there to give those selectors greater specificity, so that a person
	with lower devotion making a comment to a person with higher devotion doesn't have his color coding overridden from the rule for
	the higher devotion appearing subsequently in the style sheet. In other words, those extra selectors look unnecassary, but they aren't.
*/

.comments_wrapper .devotion_1 .comment_header p span.name a,
.comments_wrapper .devotion_1 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_1,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_1:visited {
	color: #656565;
	}
	
.comments_wrapper .devotion_2 .comment_header p span.name a,
.comments_wrapper .devotion_2 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_2,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_2:visited {
	color: #3897c8;
	}
	
.comments_wrapper .devotion_3 .comment_header p span.name a,
.comments_wrapper .devotion_3 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_3,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_3:visited {
	color: #cd3905;
	}
	
.comments_wrapper .devotion_4 .comment_header p span.name a,
.comments_wrapper .devotion_4 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_4,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_4:visited {
	color: #f28a03;
	}
	
.comments_wrapper .devotion_5 .comment_header p span.name a,
.comments_wrapper .devotion_5 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_5,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_5:visited {
	color: #c4a600;
	}
	
.comments_wrapper .devotion_6 .comment_header p span.name a,
.comments_wrapper .devotion_6 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_6,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_6:visited {
	color: #7cbc20;
	}
	
.comments_wrapper .devotion_7 .comment_header p span.name a,
.comments_wrapper .devotion_7 .comment_header p span.name a:visited,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_7,
.comments_wrapper .comment .comment_bubble .comment_header p span.name a.devotion_7:visited {
	color: #7847eb;
	}
	
	
	
.comments_wrapper .comment_header p span.rank {
	font-weight: bold;
	color: #5f84c9;
	}
	
.comments_wrapper ul.comment_ranking {
	margin-left: 310px;
	color: #a8acd1;
	}

.comments_wrapper ul.comment_ranking li.rank_up,
.comments_wrapper ul.comment_ranking li.rank_down {
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	}
	
.comments_wrapper ul.comment_ranking li a {
	display: block;
	width: 14px;
	height: 0px;
	padding-top: 14px;
	overflow: hidden;
	}

.comments_wrapper ul.comment_ranking li.rank_up {
	background: url(../graphics/rank_up.png) left top no-repeat;
	}
	
.comments_wrapper ul.comment_ranking li.rank_down {
	background: url(../graphics/rank_down.png) left top no-repeat;
	}
	
.comments_wrapper ul.comment_ranking li.ranked {
	background-position: 0px -14px;
	}

.comments_wrapper .comment_text {
	font-size: 14px;
	}
	
.comments_wrapper .comment_text p {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 10px 0px;
	position: relative;
	top: -10px;
	line-height: 1.3em;
	}


.comments_wrapper .comment_text form {
	margin: -1px 0px 0px 0px;
	padding-bottom: 15px;
	font-size: 12px;
	}

.comments_wrapper .comment_text textarea {
	width: 370px;
	height: 60px;
	display: block;
	}


.comments_wrapper .comment_footer .comment_links {
	padding-bottom: 30px;
	}

.comments_wrapper .comment_footer p.date {
	float: left;
	font-size: 11px;
	margin: 0px;
	width: 200px;
	color: #a8acd1;
	padding-bottom: 15px;
	}
	
.comments_wrapper .comment_footer ul {
	float: right;
	margin: 0px 10px 0px 0px;
	}

.comments_wrapper .comment_footer ul li {
	padding: 0px 5px 0px 5px;
	}
	
.comments_wrapper .comment_footer ul li a {
	color: #f60;
	}
	
.comments_wrapper .comment_footer ul li.comment_edit {
	border-right: 1px solid #f60;
	}
	
.comments_wrapper .comment_footer form {
	clear: both;
	position: relative;
	top: 10px;
	margin: 0px;
	}
	
.comments_wrapper #comment_new input {
	margin-top: 10px;
	}
	
/*------------------------
	recent comments page
---------------------------*/

#recentcomments_page .comments_wrapper {
	padding-top: 20px;
	}