
/************************************************
 *	AJAX Comments			        *
 ************************************************/
 
 ul, ol {
  padding: 0;
  margin-left: 1em;
}

.commentlist li {
margin: 2px 10px 3px 0;
padding: 5px 10px 3px 0;
list-style: decimal;
}




	/* COMMENT-ACTION RELATED LINKS  --- for the various links and icons associated */
a.comment_show{
background: url(http://www.thedrewblog.com/wp-content/themes/2col_html/images/icon-comment-slidedown.png) no-repeat left 26% !important;
padding:4px 0px 4px 19px !important;
margin:5px !important;
font-family: Arial, sans-serif !important;
color: #FF0000 !important;
font-size:10px !important;
line-height:13px !important;
font-weight:bold !important;
text-decoration: none !important;
}

a.comment_hide {
background: url(http://www.thedrewblog.com/wp-content/themes/2col_html/images/icon-comment-slideup.png) no-repeat left 26% !important;
padding:4px 0px 4px 19px !important;
margin:5px !important;
font-family: Arial, sans-serif !important;
color: #FF0000 !important;
font-size:10px !important;
line-height:13px !important;
font-weight:bold !important;
text-decoration: none !important;
}

a.comment_add{
background: url(http://www.thedrewblog.com/wp-content/themes/2col_html/images/icon-comment-add.png) no-repeat left 26% !important;
padding:4px 0px 4px 19px !important;
margin:5px !important;
font-family: Arial, sans-serif !important;
color: #FF0000 !important;
font-size:10px !important;
line-height:13px !important;
font-weight:bold !important;
text-decoration: none !important;
}

a.comment_show:hover, a.comment_hide:hover, a.comment_add:hover  {
text-decoration: none !important;
}

	/* COMMENT RELATED LINKS  --- for the various links and icons associated */




.ajax-comments-wrapper {
	width: 540px;
	background: #FFFFFF;
	clear: both;
	display: block;
	margin: 0px;
	display: block; 
	border:0px;
	padding:0px 0px 3px 0px;
	/*-moz-border-radius: 10px;*/
}
.ajax-comment, .ajax-comment-alt {
	position: relative;
	display: block;
	margin: 1px 0px 10px 0px;
	padding: 0px 0px 1px 0px;
	clear: both;
	font-family: Helvetica, arial, sans-serif;
	color: #42360F;
	font-size: 11px;
	font-weight: normal;
	line-height: 120%;
	border: 0px;
	/*-moz-border-radius: 10px;*/
	overflow: hidden;
}
.ajax-comment-header, .ajax-comment-header-alt {
	top: 0px;
	width: 538px;
	position: relative;
	color: #42360F;
	font-family:Helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 2px;
	margin: 0px;
	clear: both;
	background: #EDEDED;
	/*-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;*/
}

.ajax-comment, .ajax-comment-alt {
	background: #FFFFFF;
}
 
.ajax-comment-header a, .ajax-comment-header-alt a {	
	color: #993300;
}
.ajax-comment-header a:hover, .ajax-comment-header-alt a:hover {
	text-decoration: none;
	color: #3C657B;
}



/* controls the numbers that enumerate the comments */
.ajax-comment-num {
	color: #ABABAB;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	padding-right:3px;
}
/* //controls the numbers that enumerate the comments */



.ajax-comment-info {
	color: #444444;
}

.ajax-comment-author {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}

.ajax-comment-date {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #888888;
	font-weight: normal !important;
	padding-right:2px;
}

.ajax-comment-text {
	padding: 2px 8px 6px 15px;
	margin: 0px 1px 1px 3px;
	display: block;
}

.ajax-comment-text p {
	font-family: Helvetica, arial, sans-serif;
	color: #444444 !important;
	font-size:11px !important;
	line-height: 12px;
	padding:0px;
	margin:0px;
}


/* controls the "add your own comment" link that shows when div is open */
/* (but hopefully is over-ridden by the link definitions at top of this stylesheet) */

.ajax-options a {
font-family: Arial, sans-serif;
color: #FF0000 !important;
font-size:10px;
line-height: 13px;
}

.ajax-options a:hover {
font-family: Arial, sans-serif;
color: #FF0000 !important;
font-size:10px;
line-height: 13px;
text-decoration: none !important;
}
/* //controls the "add your own comment" link that shows when div is open */

