/* kommentek ------------------------------------------------------------ */
#article div.comments_header {
margin: 0 0 10px 0;
padding: 5px;
background: #eee;
color: #ff0000;
border-radius: 5px;
}
h4.comments_title{
  text-transform: uppercase;
letter-spacing: -1px;
font-family: arial;
font-size: 1.4em;
}

#article div.comment {
margin: 0 0 25px 0;
}

#article div.comment div.info {
  padding: 0 10px 10px 10px;
  background: url(../images/elements/arrow-up.png) 20px bottom no-repeat;
  color: #333;
  display: block;
  float: none;
  width: 100%;
}



#article div.comment div.item {
padding: 10px;
background: #fff;
border-radius: 4px;
}

#article div.comment div.item div.info {
  border-bottom: 1px dashed #000000;
  margin: 0 0 5px 0;
  padding: 2px;
  
}
#article div.comment div.item div.info a {
padding: 0 0 0 4px;
color: #777;
}

#article div.comment div.replies {
text-align: right;
clear: both;
}

#article div.comment div.commentlike {
height: 30px;
margin: 0;
padding: 0;
float: right;
}

#article div.comment div.commentlike ul li {
margin: 0 0 0 8px;
list-style-type: none;
float: left;
}

#article div.comment div.commentlike ul li a {
height: 24px;
padding: 1px 8px 0 8px;
font-size: 16px;
display: block;
text-align: center;
color: #333;
outline: none;
}

#article div.comment div.commentlike ul li a.clike:hover {
text-decoration: none;
color: #00cc33;
}



#article div.comment div.commentlike ul li a.cdontlike:hover {
color: #ff3333;
text-decoration: none;
}


#article div.startcomment {
margin-bottom: 20px;
padding: 38px 10px 4px 10px;
background: url(../images/design/vezerkomment2.png) top repeat-x #f4f4f4;
position: relative;
}

#article div.startcomment div.text {
padding:  30px 0 0 0;
color: #000;
z-index: 2;
position: relative;
}

#article div.startcomment div.title a {
margin: 0 0 0 0;
padding: 3px 2px 5px 10px;
position: absolute;
right: 0;
top: 0;
text-transform: lowercase;
text-align: center;
letter-spacing: 7px;
font-family: Arial, sans;
color: #fff;
background: #ff0000;
}

#article div.startcomment div.title a:hover {
text-decoration: none;
}

#article div.startcomment .date {
display: none;
}

#article div.startcomment .owner img {
width: 60px;
height: 60px;
margin: -4px 15px 0 0;
float: left;
}

#article div.startcomment .owner {
width: 350px;
color: #fff;
font-weight: bold;
left: 0;
position: absolute;
text-align: left;
text-transform: uppercase;
top: 4px;
z-index: 1;
letter-spacing: 1px;
}

#article div.startcomment a {
color: #ff0000;
text-decoration: none;
}

#article div.startcomment a:hover {
color: #ff0000;
text-decoration: underline;
}


#article div.startcomment div.commentlike ul li a {
color: #333;
}

#article div.startcomment div.commentlike ul li a:hover {
color: #fff;
text-decoration: none;
}

#article #commentform {
margin: 0 28px 0 35px;
padding: 0;
}

#article #commentform textarea{
width: 100%;
height: 230px;
margin: 0 0 6px 0;
padding: 3px;
background: #f9f9f9;
border: 1px solid #ccc;
font-size: 1em;

letter-spacing: 1px;
}

#article #commentform textarea:hover,
#article #commentform textarea:focus {
background: #fff;
border: 1px solid #777;
}

#article #commentform .submit {
width: 400px;
margin: 0;
padding: 4px 0;
border: 1px solid #777;
background: #ccc;
font-weight: bold;

font-size: 16px;
letter-spacing: 2px;
}

#article #commentform .submit:hover {
border: 1px #333 solid;
background: #777;
color: #fff;
}
#answcommentform {
width: 100%;
}