/*----------------------------------------------------------------------------
[Comments stylesheet]

This stylesheet should contain comments style only. All styles should
be separated with a heading.

Project:	    	Lincolnshire 2010
Version:	    	1.0.0 [http://semver.org/]
Primary use:		For use of styling the COMMENTS
Original Author: 	Qasim Alyas
Last change:		01/Mar/10 []
Last Assigned to:	Qasim Alyas

-----------------------------------------------------------------------------*/

#comments {
	clear:both;
	margin-bottom: 10px;
	padding:10px 13px 22px;
	background:#FEFEFE url(/magazine/graphics/decoration/main.box.shadow.png) no-repeat 0 100%;
}
	#comments .comments_question {
		margin:0 0 14px;
		font-weight: bold;
	}
	#comments h2 {
		margin-bottom:10px;
		font-size:1.231em;
		color:#8DAD21;
	}
		#comments h2 span {
			font-weight:normal;
		}
	#comments ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#comments ul li {
			padding:10px 0;
			border-top:1px solid #E2E2E2;
			background:none;
		}
		#comments ul li:after {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}
			#comments li .header_sleeve {
				margin-bottom:7px;
				padding:0 9px;
				background:#E2E2E2;
			}
			#comments li .header_sleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
				#comments li h3 {
					text-transform: uppercase;
					font-weight:bold;
					font-size:.846em;
					color:#333;
					float:left;
					margin:5px 0;
					padding-left:14px;
					background:url(/magazine/graphics/icons/sprite.icons.png) no-repeat 0 -548px;
				}
				#comments li .buttons_sleeve {
					float:right;
					margin:5px 0;
				}
					#comments li .buttons_sleeve .text_button {
						float:left;
					}
						#comments li .buttons_sleeve .text_button a {
							border:0;
						}
					#comments .buttons_sleeve .put_on_hold {
						background:url(/magazine/graphics/buttons/button.left.black.png) no-repeat;
					}
						#comments .buttons_sleeve .put_on_hold a {
							background:url(/magazine/graphics/buttons/button.right.black.png) no-repeat right center;
						}
					#comments li .buttons_sleeve .make_live {
						margin-left:7px;
					}
			#comments ul li p {
				margin: 0;
			}
			#comments ul li .byline {
				font-size:1em;
			}
				#comments ul li .byline .author {
					color:#111;
					font-weight:bold;
				}
			#comments ul li .meta {
				font-size:1em;
				color:#111;
			}
			#comments a {
				border-bottom:1px dotted #111;
			}
				#comments .buttons a {
					border:0;
				}
			#comments a:hover,
			#comments a:focus {
				border:0;
			}
			#comments ul li .icon {
				margin:4px 18px 10px 0;
				border:0;
			}
		#comments ul li.even {
			background: none;
		}
		#comments ul li.last {
			margin-bottom: 0;
		}
		#comments ul li.editor_comment {
			padding-left:104px;
			background:url(/magazine/graphics/decoration/bg.editor.comment.png) no-repeat 0 52px;
		}
			#comments ul li.editor_comment .header_sleeve {
				margin-left:-104px;
			}
	#comments_form {
		clear:both;
		background:#FEFEFE url(/magazine/graphics/decoration/main.box.shadow.png) no-repeat 0 100%;
	}
	#comments_form h2 {
		color:#8DAD21;
		font-size:1.231em;
	}
	
/* on hold / unmoderated */
#comments ul li.on_hold, #comments ul li.unmoderated {
	background:#F8D9DD;
	border-top:0;
	padding:6px 9px;
	margin-bottom:14px;
}
#comments ul li.unmoderated {
	background:#E2E2E2;
}
	#comments .on_hold .header_sleeve, #comments .unmoderated .header_sleeve {
		padding:0 0 5px;
		background:none;
		border-bottom:1px solid #D92940;
	}
	#comments .unmoderated .header_sleeve {
		border-bottom:1px solid #999;
	}
		#comments .on_hold .buttons_sleeve, #comments .unmoderated .buttons_sleeve,
		#comments .on_hold h3, #comments .unmoderated h3 {
			margin:0;
		}
		#comments .on_hold h3 {
			color:#D92940;
		}
		#comments .unmoderated .buttons_sleeve .text_button span {
			background-color:#A5C607;
		}
			#comments .unmoderated .buttons_sleeve .put_on_hold span {
				background-color:#333333;
			}
.loggedout {
	margin-bottom:14px;
}
	.loggedout a {
		border:0;
	}