/* ####################### */
/* Comments
/* ####################### */

#main #comments_container
{
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 23px 50px 28px 50px;
	background: #FFFFFF;
}
	
	#main #comments_container h2
	{
		float: left;
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 13px 0px 15px 0px;
		background: url(../graphics/various/line_dotted_grey.png) repeat-x left bottom;
	}

	#main #comments_container div
	{
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
		#main #comments_container div.comment
		{
			float: left;
			width: 100%;
			margin: 0px 0px 10px 0px;
		}
		
		#main #comments_container div.depth-1
		{
			margin: 0px 0px 20px 0px;
			padding: 0px 0px 10px 0px;
			background: url(../graphics/various/line_dotted_grey.png) repeat-x left bottom;
		}
		
		#main #comments_container div.depth-2
		{
			float: right;
			width: -moz-calc(100% - 20px) !important;
			width: -webkit-calc(100% - 20px) !important;
			width: calc(100% - 20px) !important;
			padding: 10px 10px 0px 10px;
			background: #f6f3f3;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;	
		}
		
		#main #comments_container div.depth-3,
		#main #comments_container div.depth-4,
		#main #comments_container div.depth-5,
		#main #comments_container div.depth-6,
		#main #comments_container div.depth-7
		{
			float: right;
			width: -moz-calc(100% - 10px) !important;
			width: -webkit-calc(100% - 10px) !important;
			width: calc(100% - 10px) !important;
			padding: 10px 10px 0px 10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;	
		}
		
		#main #comments_container div.depth-3
		{
			background: #FFFFFF;
		}
		
		#main #comments_container div.depth-4
		{
			background: #f6f3f3;
		}
		
		#main #comments_container div.depth-5
		{
			background: #FFFFFF;
		}
		
		#main #comments_container div.depth-6
		{
			background: #f6f3f3;
		}
		
		#main #comments_container div.depth-7
		{
			background: #FFFFFF;
		}
			
			#main #comments_container div.comment .comment_avatar
			{
				float: left;
				width: auto;
				margin: 0px 0px 0px 0px;
			}
			
			#main #comments_container div.comment_content_container
			{
				float: right;
				width: -moz-calc(100% - 80px) !important;
				width: -webkit-calc(100% - 80px) !important;
				width: calc(100% - 80px) !important;
				margin: 0px 0px 10px 0px !important;
			}
		
				#main #comments_container div.comment_content_container .commentmetadata
				{
					float: left;
					width: 100%;
					margin: 0px 0px 10px 0px;
				}
	
	#main #comments_container div.comment .comment-reply-link
	{
		float: left;
    /*color: #0066cc;*/
    color: rgba(38,34,98,1);
		font-weight: bold;
		text-decoration: none;
	}
	
	#main #comments_container div.comment_content_container .commentmetadata .url
	{
    /*color: #0066cc;*/
    color: rgba(38,34,98,1);
		font-weight: bold;
		text-decoration: none;
	}
	
	#main #comments_container #respond
	{	
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
	
		#main #comments_container h3
		{
			float: left;
			font-size: 1.825em;
			margin: 0px 0px 0px 0px;
			margin: 0px 0px 17px 0px;
			padding: 0px 0px 0px 0px;
		}
	
		#main #comments_container #respond h3.comment-reply-title
		{	
			float: left;
			width: 100%;
			position: relative;
			margin: 0px 0px 0px 0px;
		}
		
		#main #comments_container #respond h3.comment-reply-title a
		{	
			color: #020e16;
		}
		
			#main #comments_container #respond h3.comment-reply-title small
			{	
				position: absolute;
				right: 0px;
				top: 2px;
			}
	
		#main #comments_container #respond .form-allowed-tags
		{	
			float: left;
			width: 100%;
			font-size: 0.79em;
			line-height: 1em;
			margin: 0px 0px 10px 0px;
		}
		
		#main #comments_container #respond .moderation_message
		{	
			float: left;
			width: 100%;
			margin: 0px 0px 10px 0px;
		}
		
		#main #comments_container #respond #commentform
		{	
			float: left;
			width: 100%;
			margin: 0px 0px 0px 0px;
		}
		
			#main #comments_container #respond #commentform div
			{	
				float: left;
				width: 100%;
				margin: 0px 0px 10px 0px;
			}
			
				#main #comments_container #respond #commentform div div
				{	
					margin: 0px 0px 0px 0px;
				}
				
				#main #comments_container #respond #commentform div label
				{	
					float: left;
					width: 100%;
					color: #020e16;
					margin: 0px 0px 0px 0px;
				}

					#main #comments_container #respond #commentform div label .required
					{
						font-weight: bold;
					}
					
					#main #comments_container #respond #commentform div label .notshown
					{
						color: #999999;
						font-style: italic;
						font-size: 0.87em;
					}
				
				#main #comments_container #respond #commentform div input
				{	
					float: left;
					width: 340px;
					height: 34px;
					line-height: 33px;
					font-size: 1em;
					position: relative;
					margin: 0px 10px 0px 0px;
					padding: 1px 7px 0px 7px;
					background: #FFFFFF;
					border: none;
					color: #020e16;
					text-align: left;
					border-bottom: 1px solid #D7CFCF;
					border-right: 1px solid #D7CFCF;
					-moz-box-shadow: inset 2px 3px 3px -3px #333333;
					-webkit-box-shadow: inset 2px 3px 3px -3px #333333;
					box-shadow: inset 2px 3px 3px -3px #333333;
					font-family: "proxima-nova", sans-serif; 
				}
				
				#main #comments_container #respond #commentform .comment-form-comment #comment
				{	
					float: left;
					width: 100%;
					font-size: 1em;
					position: relative;
					margin: 0px 10px 0px 0px;
					padding: 7px 7px 2px 7px;
					background: #FFFFFF;
					border: none;
					color: #020e16;
					text-align: left;
					border-bottom: 1px solid #D7CFCF;
					border-right: 1px solid #D7CFCF;
					-moz-box-shadow: inset 2px 3px 3px -3px #333333;
					-webkit-box-shadow: inset 2px 3px 3px -3px #333333;
					box-shadow: inset 2px 3px 3px -3px #333333;
					font-family: "proxima-nova", sans-serif; 
				}
				
			#main #comments_container #respond #commentform input#submit
			{
				float: left;
				width: auto;
				height: 34px;
				color: #FFFFFF;
				cursor: pointer;
				font-size: 1em;
				line-height: 32px;
				font-weight: bold;
        /*background: #0e76bc;*/
        background-color: rgba(38,34,98,1);
				margin: 0px 0px 0px 0px;
				padding: 1px 10px 0px 10px;
				text-transform: uppercase;
				font-family: "proxima-nova", sans-serif; 
			}
		
	#main #comments_container .moderation_message
	{	
		float: left;
		width: 100%;
		margin: 0px 0px 10px 0px;
	}