/*-----------------------------------------------------------------------------------------------------------

Theme Name: FleurdeLys
Theme URI: http://milo.peety-passion.com/themes/
Description: Three column fluid theme with header image rotator / header psd included.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others mayfind the source for your site and adapt a suitable version for theirown website.

---------------------------------------------------------------------------------------------------------*/
body{
font:75%/150% "Arial", Tahoma;color:#333;
background:#fff;
margin:0;padding:0;
}
p{
padding:0 0 5px;margin:0;
}
a{
color:#333;
text-decoration:underline;
}
a:visited{
color:#ccc;text-decoration:none;
}
a:hover{
color:#900;text-decoration:none;
}
.row{
background:#fff url(images/head.gif) top left no-repeat;
height:50px;
width:100%;
padding:0;
margin:0;
}
#navbar{
background:transparent;
width:70%;
height:10px;
margin:0;
padding:0;
text-align:left;
}
#navbar li{
display:inline;
list-style-type:none;
margin:0;
padding:0;
}
#navbar ul{
margin:0;
padding:0;
}
#navbar ul li a{
font-family:Tahoma,Helvetica,Sans-Serif;font-size:12px;
border-right:1px solid #333;color:#333;
padding:0 5px 0 5px;margin:0;
text-decoration:none;
font-variant:small-caps;
}
#navbar ul li a:hover{
color:#333;
background:#ccc;
}
#page{
clear:both;
margin:0 auto 0;
width:90%;
background-color:#fff;
padding:0;
}
.header{
background-color:#fff;
width:100%;
height:250px;
margin:0;
padding:0;
text-align:center;
}
.row h1, h1 a{
display:block;
height:50px;
width:360px;
text-indent:-9000px;
}
.col{
float:left;
width:23%;
margin:10px 10px 0 10px;
}
.col2{
float:right;
width:20%;
margin:10px 5px 0 5px;
}
.col3{
float:left;
width:47%;
margin:10px 5px 0 5px;
padding:0;
overflow:hidden;
}
.col4{
float:right;
width:16%;
margin:10px 5px 0 5px;
font:88%/150% "Arial", Tahoma;
}
.col5{
float:left;
position: absolute
width:100%;
margin:10px 5px 0 5px;
padding:0;
overflow:hidden;
}
small{
color:#ccc;
float:right;
}
h2{
color:#333;
margin:0 0 2px;
border-bottom:1px solid #ccc;
letter-spacing:-1px;
font:normal 120%/100% "Arial",Tahoma;
padding-bottom:3px;
font-variant:small-caps;
}
h2 a, h2 a:visited{
color:#333;
text-decoration:none;
}
h2 a:hover{
color:#900;
background:333;
text-decoration:none;
}
h3{
font:normal 140%/100% "Arial",Tahoma;
color:#900;
margin:10px 0 5px;
}
h4{
font:normal 130%/100% "Arial",Tahoma;
color:#ccc;
margin:10px 0 5px;
}
form{
margin:0;
padding:0;
}
acronym,abbr,span.caps{
font-size:0.9em;
letter-spacing:.07em;
}
blockquote,blockquote cite{
margin:0 5px 0 0;
padding:10px 10px 10px 10px;
background:#ccc;
color:#000;
 font-size:0.9em;
border-left:8px double #333;
}
blockquote cite{
display:block;
}
.col4 li a,#footer li a,.col4 a{display:block;
color:#ccc;
}
.col4 li a:hover,#footer li a:hover{color:#900;
text-decoration:none;
}
#searchform{background:transparent;
width:70%;padding:5px 0 5 5px;float:left;
}
#searchform #s{
width:70%;height:18px;
padding:2px 5px 0 5px;border:1px solid #333;
background:transparent;
vertical-align:middle;
color:#333;
}
#searchform #searchsubmit{
background:url(images/search.gif) no-repeat;
border:none;
width:28px;
height:18px;
font:bold 12px Arial,Helvetica,sans-serif;color:#fff;
vertical-align:middle;
cursor:pointer;
}
#footer{clear:both;
background:#fff url(images/bar.gif) top left repeat-x;
border-bottom:4px solid #ccc;
color:#333;
font-size:95%;
line-height:130%;width:100%;
}
.footer_inside{
width:80%;margin:0px auto 0px;
}
#footer a,#footer a:visited{
color:#333;
text-decoration:none;
}
.ul-roll{list-style:none;
margin:0 0 15px;
padding:0;
font-size:115%;
line-height:130%;
font-weight:normal;
}
.ul-roll li{
margin:0;
padding:2px 0 2px 20px;
background:url(images/li.gif) no-repeat left center;
}#footer .ul-roll li a,.ul-roll li a,.ul-roll li a:visited{
color:#000;
text-decoration:none;
}
#footer .ul-roll li a:visited a:hover,.ul-roll li a:visited a:hover{
text-decoration:none;
color:#900;
}
#credits{
margin:0px auto;
width:70%;
color:#ccc;
font-size:85%;
line-height:120%;
height:30px;
}
#credits a, #credit a:visited{
color:#ccc;
}
.rss{background:url(images/rss.gif) no-repeat left center;
padding-left:18px;
padding-bottom:2px;
margin-left:8px;
}
.center{
text-align:center;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.clear{
clear:both;
}
hr.clear{
clear:both;
visibility:hidden;
margin:0;
padding:0;
}
a img{
border:0;
}
a img:hover{
border:0;
opacity:1;
}
.ff a img{
border:.08em solid #ccc;
padding:.077em;
filter:alpha(opacity=30);
 -moz-opacity:0.3;
 opacity:0.3;
 -khtml-opacity:0.3;
width:3.5em;
height:3.5em;
margin:0.077em .077em 0;
}
.ff a:hover img{
border:.08em solid #333;
opacity:1;
width:3.5em;
height:3.5em;
}
.col3 img{float:left;
border:none;
margin-right:7px;
margin-bottom:7px;
padding:0;
max-width:80%;
}
.clearfix:after{
content:".";
display:block;
height:1p%;
clear:both;
visibility:hidden;
}
 .clearfix{display:inline-block;
}
/* Hides from IE-mac \*/ * html 
.clearfix{
height:1%;
}
.clearfix{display: block;
}
/* End hide from IE-mac */
.post-comments{
background:url(images/com.gif) no-repeat left center;
padding-left:20px;
float:right;
font-size:95%;
}
#comments,#respond{
border-bottom:3px solid #333;
padding-bottom:5px;color:#333;
}
.commentlist{
margin:10px 0;
padding-left:20px;
line-height:130%;
}
.commentlist li{
padding:5px 10px;
}
.commentlist .alt{
background:#ccc;
}
.commentlist cite,.commentlist cite a,.commentlist cite a:visited{
font-weight:bold;
font-style:normal;
font-size:120%;
color:#333;
}
.commentlist small{
margin-bottom:5px;
display:block;
font-size:87%;
}
#commentform{
margin-top:10px;
font:110% Arial, Helvetica, sans-serif;color:#333;
}
#commentform p{
padding:6px 0;margin:0;
}
#commentform label{
color:#ccc;font-size:87%;
}
#commentform input{
width:80%;
background:#fff;
border:1px solid #333;
padding:3px;
margin-top:3px;
}
#commentform textarea{
width:80%;
height:115px;
background:#fff;
border:1px solid #333;
padding: 2px;
margin-top:3px;
color:#333;
}
#commentform #submit{
background:url(images/bg.gif) no-repeat;
font:bold 12px Arial, Helvetica,sans-serif;
color:#fff;border:none;
float:right;
width:144px;
height:28px;
cursor:pointer;
}
#commentform textarea:focus, #commentform input[type="text"]:focus{background:#fff;
}
.post{clear:both;padding-top:10px
;
list-style:square;
}
.post-date{
width:45px;
height:49px;
float:left;
}
.post-month{
font-size:11px;
text-transform:uppercase;
color:#ccc;
text-align:center;
display:block;
line-height:11px;
padding-top:2px;
margin-left:-3px;
}
.post-day{
font-size:21px;
font-weight:bold;
text-transform:uppercase;
color:#ccc;
text-align:center;
display:block;
line-height:21px;
padding-top:7px;
margin-left:-3px;
}
.entry{
float:right;
width:85%;
}
.post-cat{
padding-left:20px;
float:left;
font-size:95%;
color:#aaa;
}
.post-comments{
padding-left:20px;
float:right;
font-size:95%;
}
.post-calendar{
background: url(images/cal.gif) no-repeat left center;
padding-left:20px;
float:right;
font-size:95%;
color:#900;
}
.post-content{
clear:both;
padding-top:10px;
}
.navigation a,.navigation a:visited{
color:#ccc;
margin:10px 0 0 10px;
}
#right_sidebar{
width:17%;
float:right;
margin:10px 10px 0 20px;
overflow:hidden;
}
#left_sidebar{
width:14%;
float:right;
margin:10px 10px 0 0;
overflow:hidden;
}
#left_left_sidebar{
width:14%;
float:left;
margin:10px 10px 0 0;
overflow:hidden;
}
#down_sidebar{
line-height:100%;width:100%;
position:absolute
margin:10px 10px 0 0;
overflow:hidden;
}
#left_sidebar h2,#right_sidebar h2,#left_left_sidebar h2,#down_sidebar h2{
letter-spacing:-1.25px;
font-size:2em;
margin:0;
}
#left_sidebar h2,#right_sidebar h2,#left_left_sidebar h2,#down_sidebar h2{
font-size:1.3em;
color:#aaa;
padding:10px 0 0 20px;
border-bottom:1px solid #ddd;
}
#right_sidebar ul,#right_sidebar li,#right_sidebar ul li,#left_sidebar ul,#left_sidebar li,#left_sidebar ul li,#left_left_sidebar ul,#left_left_sidebar li,#left_left_sidebar ul li,#down_sidebar ul,#down_sidebar li,#down_sidebar ul li{
padding:5px 0 0 5px;
margin:0;
}
#right_sidebar li li,#left_sidebar li li,#left_left_sidebar li li,,#down_sidebar li li{
font-size:small;
margin-left:10px;
}
#right_sidebar li li ul li,#left_sidebar li li ul li,#left_left_sidebar li li ul li,,#down_sidebar li li ul li{
margin-left:0;
background-image:url(images/arrow.png);
background-position:left;
background-repeat:no-repeat;padding-left:15px;
}
#right_sidebar ul,#left_sidebar ul,#left_left_sidebar ul,#middle_sidebar ul,#down_sidebar ul{
list-style-type:none;
}
#right_sidebar li,#right_sidebar ul select,#left_sidebar li,#left_sidebar ul select,#left_left_sidebar li,#left_left_sidebar ul select,,#down_sidebar li,#down_sidebar ul select{
margin:0;
padding:0;
}
#right_sidebar a:hover,#left_sidebar a:hover,#left_left_sidebar a:hover,#down_sidebar a:hover{
text-decoration:none;}
