/* Comments */

#comments                           { margin-left: 20px; margin-top: 20px; }
#comments #comments-title			{ margin-bottom: 25px; font-weight: bold; font-size: 16px; text-transform: uppercase;}
#comments #comments-title em		{ font-weight: normal;}
#comments ul,
#comments li                        { list-style: none; padding: 0px; }
#comments ol                        { padding: 0px 0px 0px 0px; }
#comments label                     { background-color: #F4F4F4; font-weight: bold; left: 10px; line-height: 21px; position: absolute; top: 3px;  }
#comments label span                { font-size: 11px; font-weight: normal; }
#comments input,
#comments input                     { width: 241px; }
#comments textarea                  { width: 95%; }
#comments p                         { margin: 0px 0px 20px 0px; position: relative }
#comments p.form-submit				{ margin: 0px; }
#comments p.comment-notes			{ width: 45%; float: right; line-height: 18px; font-style: italic;  }
#comments p.comment-notes .required	{ display: none; }
#comments #reply-title      		{ margin: 0px 0px 15px 0px; padding: 10px; font-size: 16px; text-transform: uppercase; background: url('../images/rule.png') left bottom repeat-x;}
#comments #commentform              { overflow: hidden; padding: 0px 0px 0px 0px; position: relative; }
#comments #submit                   { color: #dddddd; border-width: 0px; cursor: pointer; display: inline; font-weight: bold; width: auto; background: #333333; /*text-shadow: 1px 1px 1px rgba( 255, 255, 255, 0.5);*/}
#comments #submit:hover				{ color: #FFFFFF; }
#comments .commentlist              { margin: 0px 0px 20px 0px; padding-bottom: 1px;}
#comments .commentlist ul           { margin: 0px 0px 0px 54px; }
#comments .commentlist li           { list-style: none !important; padding-bottom: 0px; }
#comments #commentform              { margin: 0px 0px 0px 0px; }
#comments li #reply-title           { position: relative;}
#comments li #reply-title small		{ position: absolute; top: 10px; right: 10px; }
#comments li #commentform           { margin: 0px 0px 0px 0px; background: url('../images/sidebar-dots.png') repeat-x left bottom; }
#comments .vcard img                { display: block; float: left; padding: 4px; border: 1px solid #FFFFFF; background: url('../images/bck_FF-80.png'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px rgba(0,0,0,0.2);}
#comments .vcard .says              { display: none; }
#comments .vcard .fn                { font: normal 18px 'CantarellRegular', sans-serif; display: inline-block; margin: 2px 0px 0px 10px; }
#comments .commentmetadata          { font-size: 12px; margin-top: 2px; }
#comments .commentmetadata a        { text-decoration: none; margin: 0px 0px 0px 10px; }
#comments .reply                    { display: none; position: absolute; right: 0px; top: 0px; text-align: right; }
#comments .reply a                  { color: #DDDDDD !important; font-size: 11px; font-weight: normal; text-decoration: none; text-transform: lowercase; background: #333333; padding: 2px 7px; display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#comments .reply a:hover			{ color: #FFFFFF !important;}
#comments .comment-edit-link        { color: #ff0000; }

#respond					{ padding: 0px; margin-bottom: 20px; background: url('../images/bck_00-10.png'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#respond #commentform		{ padding: 0px 10px 10px 10px; }

#comments .comment-wrapper                          { position: relative; }
#comments .comment-wrapper:hover .reply             { display: block; }
#content #comments h3 a#cancel-comment-reply-link  	{ color: #ff0000 !important; font-weight: bold; font-family: 'Arial', sans-serif; letter-spacing: 0px; position: absolute; top: 0px; right: 0px;}
#comments input,
#comments textarea          { background: #F4F4F4; border: 1px solid #E8E8E8; color: #636363; display: block; font-family: 'Arial', sans-serif; font-size: 12px; margin: 0px; padding: 5px 8px; 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.required	{display: block; font-size: 0px; line-height: 0px; text-indent: -9999px; width: 5px; height: 5px; position: absolute; top: 0px; left: 0px; background: url('../images/required.gif') top left no-repeat;}

#comments .comment-header			{ padding-bottom: 15px; background: url('../images/mark.png') 11px bottom no-repeat;}
#comments .comment-header:after		{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

#comments .comment-body             { margin: 0px 0px 0px 0px; padding: 10px 10px 1px 10px; background: url('../images/bck_FF-20.png'); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; }
#comments .comment-body p			{ font-size: 12px; line-height: 18px; margin-bottom: 10px; }