@font-face {

	font-family:"Klavika";

	src:url(KlavikaLight-Plain.otf) format("opentype");

}

#comments {

	font-family:Klavika, Helvetica, Arial, sans-serif;

	

	width: 620px;

float: left;


padding: 10px;

background: #0b0805;

color: #4A4A4A;



}



* + html #comments {

margin: 0 0 -10px 0;

}


#comments h3 {

font-size: 20px;

font-weight: normal;

color: #666666;

margin: 5px 0 0 0;

padding: 0;

}



#comments p {

	font-size: 15px;

margin: 5px 0 5px 0;

}



.comment-author {

font-size: 15px;

font-weight: bold;

color: #ef6a00;

}



.comment-meta {

font-size: 11px;

font-weight: normal;

margin: 0 0 10px 0;

}



.avatar {

float: right;

display: inline;

margin: 0 0 15px 15px;

}



#comment {

width: 510px;

font: 15px Klavika,arial,helvetica,verdana,sans-serif;

}



h2.commh2 {

font-size: 1.4em !important;

padding: 0 0 5px;

color: #999 !important;

}



ol.commentlist {

margin: 0 0 20px 0;

padding: 0;

list-style: none;

font-size: 12px;

}



ol.commentlist p {

margin-bottom: 11px;

}



ol.commentlist a:link, ol.commentlist a:visited {

color: #818181;

}



ol.commentlist a:hover {

color: #FFFFFF;

text-decoration: none;

}



ol.commentlist cite {

font-style: normal;

font-weight: bold;

margin: 0;

padding: 0;

}



ol.commentlist li.alt {

padding: 8px 8px 0 8px;

margin: 6px 0 0 0;

border: 1px solid #303030;

background: #1a1a1a;

color: #FFF;

width: 607px;

float: left;

}



ol.commentlist li {

padding: 8px 8px 0 8px;

margin: 6px 0 0 0;

background: #141414;

border: 1px solid #272727;

color: #FFF;

width: 600px;

float: left;

}



ol.commentlist li div.reply {

color: #FFFFFF;

font: 12px Klavika, Tahoma, Geneva, sans-serif;

padding: 5px 0px;

text-align: center;

width: 50px;

background: #222222;

margin: 6px 0 6px 0;

cursor: pointer;

}



ol.commentlist li div.reply:hover {

background: #000000;

}



ol.commentlist li div.reply a {

color: #999999;

text-decoration: none;

text-transform: none;

}



ol.commentlist li ul.children { 

list-style: none; 

margin: 0;

padding: 0 0 15px 0;

text-indent: 0; 

}



ol.commentlist li ul.children li {

background: none;

margin: 10px;

padding: 10px;

border: 1px dotted #505050;

width: 565px;

float: left;

}



ol.commentlist li ul.children li.alt {

	background-color:#1b1b1b;

margin: 10px ;

padding: 10px 5px 10px;

border: 1px dotted #505050;

width: 585px;

float: left;

}



ol.commentlist li ul.children li.depth-2 { margin: 0px 0px 10px 0px; }

ol.commentlist li ul.children li.depth-3 { margin:0; }

ol.commentlist li ul.children li.depth-4 { margin:0; }

ol.commentlist li ul.children li.depth-5 { margin:0; }



input#submit {
width: 120px;
  height: 30px;
  margin: 0 0 20px 0;
  padding: 10px;
  border: 0;
  background: url(images/submit.jpg) 0 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */




}



* + html input#submit {

margin: 0 0 10px 0;

}



input#submit:hover {

background: url(images/submit.jpg) 0 -30px;

}





#comment {
color:#FFFFFF;

background: url(images/comment-bg.jpg) top left no-repeat;

border: none;

width: 623px;

height: 165px;

padding: 10px;

}



#author {

	font-size:20px;

background: url(images/comment-field.jpg) top left no-repeat;

border: none;

width: 450px;

height: 50px;

padding: 5px 125px 5px 5px;

}



#email {

	font-size:20px;

background: url(images/comment-field.jpg) top left no-repeat;

border: none;

width: 450px;

height: 50px;

padding: 5px 125px 5px 5px;

}



#url {

	font-size:20px;

background: url(images/comment-field.jpg) top left no-repeat;

border: none;

width: 450px;

height: 50px;

padding: 5px 125px 5px 5px;

}



#respond {

padding: 10px 15px 10px 0;

}



.fieldset {

list-style: none;

margin: 0;

padding: 0;

}



.fieldset li {

margin: 0 0 10px 0;

padding: 0;

}

/** end comment styles **/
