/* This is an empty CSS file for the Expand Comments plugin
 * (http://nymb.us/projects/show/212)
 *
 * The elements below represent the _default_ settings, you can change
 * class names in the options window. It is recommened you try to set
 * the classes to what your theme uses, you might not have to edit this
 * file at all. Otherwise, using the below as a guide, you should be able
 * to copy your theme
 *
 */

/* This is the main div that holds all of the comments,
 * and the comment form
 */
div.commentlist {margin: 1em 0;
	
	border: grey 1px solid; padding:10px;
	background:#343434;
}

/* This would be one way to set the values for the even comments
 * Note: this is commented out because by default, the even class
 * is the empty string. If you want to change the way even comments
 * look, first set the even class name under options, then change the below
 * to reference that class
 */


div.commentlist div.even { padding:10px;  background:#484848; border:1px solid #4f4f4f; 
margin-bottom:10px;
}


/* This can be used to change the style for odd comments in the list
 */
div.commentlist div.alt {  background:#484848; padding:10px;
margin-bottom:10px;
}

/* This can be used to change the style of the original post's author's comments
 */
div.commentlist div.postauthor { border:1px solid #4f4f4f;   padding:10px;background:#484848;
margin-bottom:10px;
}

/* This is the interior div holding what the commenter said
 */
div.commentlist div div.commentcontent { padding-top:15px
}

/* This is the cite block around the comment author's name */
div.commentlist div cite.citer {font-style:normal;
	font-weight:bold; 

}

/* This is the small block around the comment's meta data (date posted, etc)
 */
div.commentlist div small.commentmetadata { 	float:right;
	margin-top:-12px;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}

/* This is the div holding the 'Collapse Comments' link at the bottom of
 * the comments
 */
div.commentlist div.collapsediv { font-weight:bold
}

/* This is the div that displays the Loading text. This div can be set to
 * hold anything you want (images, links, etc)
 */
div.commentsloading {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    margin-top:15px;
}

/* This is just an example way of styling the submit form
 */
div.commentlist form {
}

#comment textarea{width:300px}

div.commentlist textarea{
}

.expcom-newform{
}

h3.h3yes{padding-top:20px;}

.expcom-newform textarea{border:1px solid #c4c8e1;
width:440px}

.expcom-newform input{
background:#fff;
border:1px solid #c4c8e1;
margin-top:5px;
color:#2e2e2e;
}

.expcom-newform .thesubmit{
background:#d4d4d4;
margin-top:5px;
color:#2e2e2e;
text-transform:uppercase
}

.expcom-newform .thesubmit:hover{
background:#ecfa9e;
color:#000;
cursor:pointer;}