/*
Theme Name: Kerli Theme
Theme URI: http://kerlikoiv.com.br
Description: Tema desenvolvido por Erica Tamiris para exclusivamente para o site KerliKoiv.com
Author: Erica Tamiris
Author URI: http://twitter.com/ericatamiris
Version: 1.0
*/
 
body  {
        font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #8d8ca0;
        margin: 0;
	padding: 0;
	list-style-type: none;
}

.twoColHybRtHdr #container {
        position: top;
        min-height: 100%;
        height: 100%;
        width: 1174px;
        background-image: url(images/body.jpg);
        _background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
} 

.twoColHybRtHdr #header {
	width: 1174px;
	height: 253px;
	background-image: url('images/header.jpg');
} 

.twoColHybRtHdr #header a {
        position: center;
	font-size: 9px;
}

.twoColHybRtHdr #sidebar {
	background-image: url(images/sidebar.jpg);
        float: right;
        position: relative;
	height: 725px;
	width: 444px;
}

.twoColHybRtHdr #footer {
   background-image: url('images/footer.jpg');
   background-repeat: no-repeat;
   background-position: bottom center;
   margin: auto;
   height: 446px;
   min-width: 1174px;
}

.twoColHybRtHdr #footer h2 {
	margin: 0;
	padding: 10px 0;
}

.twoColHybRtHdr #tags {
  background-image: url('images/tags.png');
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  margin-left: 200px;
  width: 525px;
  height: 270px;
}

.twoColHybRtHdr #mainContent {
  *position: relative;
  *min-height: 100%;
  *height: 100%;
  *width: 730px;
  position: relative;
  min-height: 100%;
  height: 100%;
  width: 730px;
  background-image: url(images/direita.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin: 0 -444px 0 0;
} 

.twoColHybRtHdr #texto {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #8d8ca0;
	margin: 0;
	padding-bottom: 10px;
}

.twoColHybRtHdr a:link {
text-decoration: none;
text-weight: italic;
color: #b8a8ff;
}

.twoColHybRtHdr a img {
         border: 0 none transparent;
}

.twoColHybRtHdr a:visited {
text-decoration: none;
color: #FFFFFF;
}
.twoColHybRtHdr a:hover {
text-decoration: none; 
color: #9076ff;
}
.twoColHybRtHdr a:active {
text-decoration: none;
}


/* Comentários */


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
        border: 1px solid #808080;
        padding: .2em;
        margin-left:10px;
}

#commentform textarea {
        width:90%;
}

#commentlist {
        width: 97%;
        font-size:11px;
        color:#000;
        margin:0 0 20px 0;
        padding: 0 0 0 10px;
}

#commentlist li {
        border:1px solid #FFFFFF;
        margin:0 0 20px 0;
        list-style-type:none;
        padding:0px;
        background:#666666;

         -webkit-border-radius:2px;
         -khtml-border-radius:2px;
         -moz-border-radius:2px;

}

#commentlist ul {margin:0; padding:0;}

#commentlist li p {font-size:12px;
        padding:5px 10px 5px 80px;
        margin:0;

}

#commentlist a {
        text-decoration: none;
        color: #352f6d;
        font-weight: bold;
}

#commentlist li div.meta {padding:0; margin:0; text-align:center;}

#commentlist li .avatar {
        float:left;
        padding:0;
        margin:5px;

}


#commentlist2 {
        width: 65%;
        font-size:11px;
        color:#000;
        margin: 0 0 20px 0;
        padding: 0 0 0 220px;
}

#commentlist2 li {
        border:2px solid #dcdcdc;
        margin:0 0 20px 0;
		padding:5px;
        list-style-type:none;
        padding:5px 10px 5px 63px;
        background:#999999;

         -webkit-border-radius:2px;
         -khtml-border-radius:2px;
         -moz-border-radius:2px;

}



#commentlist2 ul {margin:0; padding:0;}

#commentlist2 li p {font-size:12px;
        margin:0;
}

#commentlist2 a {
        text-decoration: none;
        color: #352f6d;
        font-weight:bold;
}

#commentlist2 li div.meta {padding:0; margin:0; text-align:center;}

#commentlist2 li .avatar {
        float:left;
        padding:0;
        margin-left:-58px;
		width:50px;
		height:50px;
}

#commentlist2 li ul li { 
	margin-right: -15px;
	margin-left: -50px;
	margin-bottom: -10px;
}


.children { padding: 0; background:#FFFFFF; }

.authorcomm {float:left;
            margin:0;
            padding:0;
            width:70px;
            text-align:center;
            line-height:12px;
            font-size:10px;
}

.authorcomm a {
text-decoration: none;
color: #352f6d; 
font-weight:bold;
}

.reply {text-align:right; padding:5px;}
.navigation {width:10%; height:20px;}
.cancel-comment-reply{text-align:right; float:none; font-size:12px;}
.comment-meta  a{font-size:8px; float:right; margin-top:-18px; color:#757575;}
.fn {font-size:15px; font-weight:bold;}
.says {display:none;}
#commentlist2 .byuser {background:#8d8ca0;}
#comments {font-size:10px;}
#comments h2 {
padding-left: 200px;
font-size:10px;
}
#respond h3 {font-size:16px;}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	*float: right;
	*margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	*float: left;
	*margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

/* para os textos */

p {
color: #FFFFFF;
margin-left: 220px;
margin-right: 20px;
margin-top: 5px;
font-size: 11px;
}

h2 {
color: #FFFFFF;
margin-left: 220px;
margin-top: 50px;
font-size: 100%;
}

/* sidebar */

#sidebar ul {
list-style-type: none;
*margin-left: -5px;
padding-right: 200px;
padding-left: 30px;
padding-top: 60px;
}

#contatos ul {
*margin-left: -5px;
padding-top: 100px;
list-style-type: none;
}

#parcerias ul {
*margin-left: -5px;
padding-left: 24px;
padding-top: 200px;
list-style-type: none;
}

#english {

margin-left: 950px;
position: relative;
}