/*  
Theme Name: butterfly
Theme URI: http://www.faitetrit.com/blog
Description: Wordpress butterfly Designed by <a href="http://www.faitetrit.com">Alexandra "doudounite" Petracchi</a>.
Version: 1.0
Author: Alexandra Petracchi et son héron
Author URI: http://www.faitetrit.com
*/

body {
font: 9pt verdana, arial, helvetica, sans-serif;
color: #ffffff; 
background: #ffffff;
/* background: #CF3F54; */
/* background: #52111a url(images/back.gif) repeat-x fixed top left; */
/* background: #ffffff url(images/back4.jpg); */
margin: 0px;
padding: 0px;
}

#main {
margin: 0px auto;
width: 925px;
background: #ffffff;
}

#header {
background: #ffffff url(images/header2_small.jpg) no-repeat;
height: 314px;
position: relative;
}

#menu {
list-style: none;
margin: 0px;
position: absolute;
right: 10px;
top: 314px;
}

#menu li {
float: left;
margin-left: 10px;
}

#menu .current_page_item a, #menu .current_page_item a:visited {
color: #000000;
text-decoration: none;
}

#menu .page_item a {
color: #000000;
text-decoration: none;
padding: 3px 10px;
font:11pt verdana,Century gothic,Arial, Helvetica, sans-serif;
display: block;
}

#menu .page_item a:hover {
color: #555555;
}

h1 {
margin:0px;
height: 40px;
font: bold 20pt "Lucida Sans", arial;
color: #000000;
}

h1 a, h1 a:visited {
color: #000000;
text-decoration: none;
}

h1 a:hover{
/* color: #fe5e00; */
color: #8c3d43;
text-decoration: none;
}

h2 {
color: #910923;
margin: 0px 0px 0px;
border-bottom:none;
letter-spacing: -1px;
font: 14pt verdana, arial, helvetica, sans-serif;
padding:0px 0px 0px 10px;
background:url(images/1h2.png)
}

h2 a, h2 a:visited {
color: #910923;
font-weight: normal;
text-decoration: none;
}

h2 a:hover {
color: #08CFBA;
text-decoration: none;
}

h3 {
color: #555555;
margin: 0px 0px 2px;
letter-spacing: -1px;
font:10pt verdana, arial, helvetica, sans-serif;
padding-bottom: 3px;
}

h4 {
color: #777777;
margin: 0px 0px 2px;
letter-spacing: -1px;
font:19pt verdana, arial, helvetica, sans-serif;
padding-bottom: 3px;
}

#content {
padding: 0px 0px 30px 20px;
float: left;
width: 650px;
// width: 725px;
overflow: hidden;
line-height: 16px;
text-align: justify;
font: 9pt verdana, arial, helvetica, sans-serif;
color: #000000;
}

.post {
clear:both;
padding-top: 15px;
}

.title {
float: left;
margin-left: 0px;
width: 630px;
}

.post-petales {
width: 48px;
height: 55px;
float:left;
background: url(images/petales.png) no-repeat;
}

.entry {
clear: both;
padding-top: 5px;
}

.comments {
display: block;
font:10px;
float: right;
margin-bottom: 10px;
}

.author {
display: block;
margin: 0;
padding:0px 0px 4px 10px;
font-weight: normal;
color: #000000;
}

.navigation {
clear: both;
padding: 10px 0px;
}

.navigation a, .navigation a:visited {
color: #910923;
}

.previous-entries a {
float: left;
padding-left: 12pt;
}

.next-entries a {
float: right;
padding-right: 18pt;
}

#sidebar {
float: right;
padding: 0px 10px 20px 0px;
width: 200px;
color: #000000;
overflow: hidden;
}

#sidebar h2, #sidebar .sidebartitle{
width: 200px;
list-style-type:none;
background:#ffffff ;
margin: 50px 0px 0px 0px;
margin-bottom: 2px;
}

#sidebar a, #sidebar a:visited {
display: block;
padding: 7px 0;
width: 200px;
font: 9pt "verdana", arial, helvetica, sans-serif;
text-decoration: none;
text-indent: 10px;
/* color: #fe5e00; */
color: #8c3d43;
background:#ffffff;
}

#sidebar a:hover{
color: #ffffff;
text-decoration: none;
padding: 7px 0px;
background:#EFCFD4;
color:#08cfba;
}

#sidebar ul {
list-style-type:none;
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type:none;
list-style: none;
margin: 0 0 0 0;
padding: 0;
border: none;
}

#sidebar ul li ul {
list-style-type:none;
padding: 0;
margin: 0;
background:#000000
}

#sidebar ul li ul li{
list-style-type:none;
padding: 0px 0 0px 0px;
background:#000000;
}

#sidebar ul li ul li ul li{
list-style-type:none;
padding: 1px 0 1px 10px;border: none;}
ul.sidecol li{padding-left: 0px !important;}
ul.sidecol li,{padding-left: 0px ;}
li.widget_calendar td {padding: 1px 7px;}
.textwidget {padding-top: 5px;}

#comments, #respond {padding: 10px 0 5px 0;clear: both;}
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist cite {font-size: 14px;color: #fe5e00;}
.commentlist cite a, .commentlist cite a:visited {color: #fe5e00;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
#commentform {margin-top: 10px;font: 10px;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform label{color: #888888;font-size: 77%;}
#commentform input{width: 200px;background:#ffffff;border: 1px solid #97a9ae;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 570px;height: 115px;background:#ffffff;border: 1px solid #97a9ae;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background: url(images/post.png) no-repeat;font: 14px ;color: #000000;border:1px solid #000;float:left;width: 147px;height: 30px;cursor: pointer;}

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {border:1px solid #618806;width: 140px;height: 20px;padding: 4px 5px 0px 5px;border: 1px solid #bed881;background: #fff;margin-right: 2px;color: #000000;font-weight: normal;}
#searchform input {background:url(images/search.png);border:1px solid #000000;width: 37px;height: 28px;font:22px ;color: #000000;vertical-align: middle;}

#footer {
clear: both;
background: #000000 url(images/footer.jpg) no-repeat;
height: 230px;
width: 1000px;
position: relative;
font-size: 8pt;
color: #ffffff;
}

#footer a {
text-decoration: underline;
font-size: 8pt;
color: #ffffff;
}

#footer a:hover {
color: #ffffff;
}

#copyright {
text-align: center;
padding-top: 190px;
}

.center {
text-align: center;
}

a,a:visited {
color: #910923;
font-weight: normal;
text-decoration: underline;
}

a:hover {
color: #08CFBA;
text-decoration: none;
}

img {border: none;}
form {margin:0px;padding:0px;}
p {padding: 0px 0px 15px;margin: 0px;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}

#player1, #player2, #player3 {text-align: center;}