/* You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Shaymaa 
and may not be reproduced. 
------------------------------------------------------------------*/

/* Shaymaa's Comments stylesheet
------------------------------------------------------------------*/

.comment-box, .comment-box-alt, .comment-box-preview, .comment-box-shay {
	margin: 0 0 40px 0;
        padding: 0px;
	min-height: 90px;
	background: #E2E3DD;
        border: dashed 1px #003333;
	}
        .comment-box-shay {
                background: #e7f1f3;
                border: dashed 1px #006666;
	        }
        .comment-box-preview {
                background:  #FFF;
                border: dashed 1px #009999;
	        }

.gravatar {
	padding: 6px 0 0 6px;
            margin: 10px 30px 10px 10px;
	float:left;
	width:48px;
	height:75px;
	background: transparent;
	}
.gravatar p {
	text-align:center;
	padding:5px 0 0 0;
	width:42px;
	color:#666;
	text-shadow:#333px 2px;
	font:bold 16px;
	}
.gravatar img { border: solid 4px #006666; }


.comment p{
        padding: 5px 30px 0 95px; 
        background:none;
	}
.comment h4 {
	color:#2F3E3E;
	letter-spacing:2px;
	padding:20px 0 5px 0;
	margin:0 0 10px 0;
	font:normal .94em;
	text-shadow:#000 0px;
	}
.comment h4 a, .comment h4 a:link, .comment h4 a:visited {
	background:none;
	color:#2F3E3E;
	border:0;
	}
.comment h4 a:hover {
	color:#768E9D;
	background:none;
	border:0;
	}
.comment h4 emComm {
	padding-right:10px;
	margin-right:9px;
        margin-top: -20px;
	font-style:normal;
	}
.comment p {
	margin:0 0 20px 0;
	}
.comment p emComm {color:#acc0a2;}
.comment h4 span {float:right;}

/* --------------------------------------------------------------- Comment Form ----*/
#commentButtons {
        margin-left: 145px;
}