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

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

Project:	    	Webstructure.NET
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 {
	margin-bottom: 21px;
	background-color: #FFF;
	clear:both;
}
	#comments .comments_question {
		margin: 0;
		font-weight: bold;
	}
	#comments h2 {
		border-bottom:4px solid #7FC7E8;
		color:#27446E;
		font-size:1.077em;
		font-weight:bold;
		line-height:1.214;
		margin-bottom:14px;
		padding:0 0 3px;
	}
	#comments ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#comments ul li {
			margin: 14px 0 0;
			padding: 13px 0 0;
			border-top:1px solid #E2E2E2;
			background:0;
		}
		#comments ul li:after {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}
			#comments ul li p {				
				font-size:1em;
				line-height:1.231;
				margin:0 0 7px;
			}
			#comments ul li .byline span {
				display:inline;
				font-style:normal;
				font-weight:bold;
			}
			#comments ul li .byline .date {
				color:#666;
				font-weight:normal;
			}
			#comments ul li .meta {
				color:#333;
				font-size:.923em;
				line-height:1.333;
			}
			#comments ul li .action a {
				color:#990000;
				text-decoration:none;
			}
			#comments ul li .action a:hover,
			#comments ul li .action a:focus {
				text-decoration:underline;
			}
			#comments ul li .icon {
				margin-bottom: 14px;
			}
				#comments ul li a.icon:hover img {
					opacity:.5;
					filter:alpha(opacity=50);
				}

		#comments ul li.even {
			background: none;
		}
		#comments ul li.on_hold {
			background:#F4D9D9;
			border:0;
			padding:14px 14px 7px;
		}
			#comments .on_hold h3 {
				float:left;
				font-size:1em;
				margin:0;
				padding:10px;
			}
			#comments .on_hold .buttons_sleeve {
				float:right;
			}
			#comments .on_hold .byline {
				clear:both;
			}
		#comments ul li.unmoderated {
			background:#E2E2E2;
			border:0;
			padding:14px 14px 7px;
		}
			#comments .unmoderated h3 {
				float:left;
				font-size:1em;
				margin:0 0 7px;
			}
			#comments .unmoderated .buttons_sleeve {
				float:right;
			}
			#comments .unmoderated .buttons_sleeve .text_button {
				float:left;
			}
			#comments .unmoderated .buttons_sleeve .put_on_hold {
				margin-right:10px;
			}

#comments_form {
	background:#E7F5FB url(/magazine/graphics/decoration/factFileTop.png) no-repeat 0 0;
	clear:both;
}
	#comments_form .formbox_sleeve {
		background:url(/magazine/graphics/decoration/factFileBottom.png) no-repeat 0 100%;
		padding:14px 14px 4px;
		margin-bottom:21px;
	}
		#comments_form h2 {
			border-bottom:4px solid #7FC7E8;
			color:#27446E;
			font-size:1.077em;
			font-weight:bold;
			line-height:1.5;
			margin-bottom:7px;
			padding:0 0 3px;
		}
				#comments_form .buttons {
					padding: 0 0 14px;
				}
					#comments_form .buttons a {
						margin-right:10px;
					}
				#comments_form p {
					margin: 0 0 14px;
				}