/* CSS Document */

/*  
Theme Name:Spozzle
Theme URI:http://milo.peety-passion.com/category/themes/
Description:Based on NYCReds by Milo
Version:3.0
Author:miloIIIIVII
Author URI:http://milo.peety-passion.com/
*/
body{
background:#fff;
background-image:url(images/bg.gif);
background-repeat:no-repeat;
color:#000;
font-size:12px;
background-attachment:fixed;
font-family:Tahoma, Helvetica, Sans-Serif;
margin:0;
padding:0;
}

.dm_movie{
overflow:auto;
height:380px;
width:100%;
}


#test{
left:0px;
top:0px;
width:150px;
height:300px;
z-index:100;
float:left;
cursor:pointer;
}


#wrap{
background: transparent;
color:#000;
font-size:11px;
font-family:Tahoma, Helvetica, Sans-Serif;
margin:0 0 0 110px;
padding:0;
}

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

a:hover{
text-decoration:none;
color:#fafafa;
background:#900;
}

#header{
background:transparent url(images/header.gif) top right no-repeat;
width:100%;
height:70px;
margin:0px auto 0px;
padding:0;
text-align:left;
}

.description{display:none;}

#navbar{
width:100%;
margin:0;
padding:1px 0 2px 0;
text-align:left;
background:transparent url(images/hdbg.gif) top right no-repeat;
float: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:Verdana,Arial, Sans-Serif;
font-size:15px;
color:#111;
font-variant:small-caps;
padding:0 5px 0 5px;
margin: 0;
text-decoration: none;
font-weight:900;}

#navbar ul li a:hover{
color:#900;background:#fff;}

#l_sidebar{
float:left;
background:transparent;
width:16%;
margin:0 20px 0 5px;
padding:20px 0 10px 0;}

#l_sidebar ul{
list-style:none;
margin:0;
padding:0 0 10px 0;}

#l_sidebar li{
list-style:none;
margin:0;
padding:0 0 -5px 0;}

#l_sidebar ul li{
margin:0;
padding:0px 0 0 0;}

#l_sidebar ul li a{
color:#600;
text-decoration:none;}

#l_sidebar ul li a:hover{
color:#fff;
text-decoration: none;}

#r_sidebar{
float:right;
background:transparent;
width:17%;
margin:10px 5px 0 0;
padding:20px 10px 10px 10px;
border:1px solid #ccc;}

#r_sidebar p{
padding:2px 0 16px 0;
margin:0;
line-height:20px;}

#r_sidebar ul{
list-style:none;
margin:0;
padding:0 0 5px 0;}

#r_sidebar ul li{
margin:0;
padding:0px 0 5 0;}

#r_sidebar ul li.test{
list-style-type:square;
margin:0;
padding:0px 0 0 0;}

#r_sidebar ul li a{
color:#600;
text-decoration:none;}

#r_sidebar ul li a:hover{
color:#fff;
text-decoration:none;}

#middle_sidebar{
float:left;
background:transparent;
width:9%;
margin:10px 10px 0 0;
padding:20px 0 20px 0;
}

#middle_sidebar p{
padding:2px 0 16px 0;
margin:0;
line-height:20px;}

#middle_sidebar ul{
list-style:none;
margin:0;
padding:0 0 10px 0;}

#middle_sidebar ul li{
margin:0;
padding:2px 0 5px 0;
}

#right_sidebar ul li a{
color:#600;
text-decoration:none;
}

#middle_sidebar ul li a:hover{
color:#333;
text-decoration:none;
}

#l_sidebar li a, #r_sidebar li a, #middle_sidebar li a{
display:block;
}

#l_sidebar li a:hover, #r_sidebar li a:hover, #middle_sidebar li a:hover{
background:#900;
color:#fff;
}

#content{
width:85%;
margin:0px auto 0px;
padding:0;
}

#content p{
padding:5px 0 15px 0;
margin:0;
line-height:20px;
}

#content h1, #content h1 a{
color:#900;
font-size:28px;
font-family:Tahoma, Verdana,Sans-Serif;
font-weight: normal;
text-decoration:none;
padding:0;
margin:0;
}

#content h1 a:hover{
color:#fff;
text-decoration:none;
}


#content h2{
color:#333;
font-size:14px;
font-family:Tahoma, Verdana, Arial, Sans-Serif;
font-weight: bold;
padding-left:10px;
margin:0;
font-variant:small-caps;
border-bottom:1px solid #C0C0C0;
}


#content h5{
background:url(images/h2.gif) center left no-repeat;
color:#333;
font-size:15px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-weight:bold;
padding-left:18px;
margin:0;
font-variant:small-caps;
border-bottom:1px solid #C0C0C0;
}

#content p ol,#content p ul{
margin:0;
padding:0 0 0 20px;
}

blockquote{
margin:0 0 0 25px;
padding:0 25px 0 10px;
font-style:italic;
color:#666;
border-left:6px solid #600;
}

#content blockquote p{
margin:0 0 20px 0;
padding:0;
}

/* ANCIEN #contentmiddle{
float:left;
width:40%;
margin:10px 10px 0 0;
padding:20px 10px 10px 10px;
border:1px solid #ccc;
} */

#contentmiddle{
float:left;
width:54%;
margin:10px 10px 0 0;
padding:20px 10px 10px 10px;
border:1px solid #ccc;
}

#contentmiddle2{
float:left;
width:54%;
margin:10px 10px 0 0;
padding:20px 10px 10px 10px;
border:1px solid #ccc;
}


.contentdate{
background:#fff url(images/date.gif);
float:left;
width:44px;
height:49px;
margin:0;
padding:0;
}

#contentmiddle p img{
float:left;
border:none;
margin-right:5px;
margin-bottom:5px;
}

#contentmiddle .left-col{
width:40%;
float:left;
margin-left:5px;
border:1px solid #ccc;
}

#contentmiddle .right-col{
width:40%;
float:right;
padding-right:5px;
padding-left:5px;
border:1px solid #ccc;
}

.contentdate h3{
color:#333;
font-size:10px;
font-weight:normal;
padding:3px 0 0 10px;
margin: 0;
text-transform:uppercase;
}

.contentdate h4{
font-family:Times, Helvetica, Sans-Serif;
color:#333;
font-size:21px;
font-weight:bold;
padding:3px 4px 0 3px;
margin:0;
text-align:center;
}

.contenttitle{
float:left;
width:70%;
margin:0;
padding:0 0 0 20px;
}

#contentmiddle ul{
list-style:none;
margin:0;
padding:0 0 20px 0;
}

#contentmiddle ul li{
margin:0;
padding:2px 0 0 0;
}

#contentmiddle ul li a{
color:#600;
text-decoration: none;
}

#contentmiddle ul li a:hover{
color:#474B7C;
text-decoration:none;
}

.postspace{
background:transparent;
width:80%;
height:12px;
margin:0;
padding:0;
}

#footer{
background:#fff;
width:100%;
height:200px;
margin:0;
padding:10px 0 10px 0;
text-align: center;
border-bottom:5px solid #fff;
border-top:2px solid #000;
font-variant:small-caps;
}

#searchdiv{
margin:0;
padding0;
}

#searchform{
margin:0;
padding:0;
overflow:hidden;
}

#s{
width:90%;
background:#fff;
color:#333;
font-size:11px;
font-family:Verdana, Helvetica, Sans-Serif;
padding:3px;
margin:8px 0 0 0;
border:1px solid #333;
}

#commentblock{
width:70%;
background:#fff;
color:#333;
float:left;
padding:10px 20px 0 20px;
margin:10px 0 10px 0;
border:1px solid #333;
}

ol#commentlist{
padding:5px 0 5px 0;
margin: 0;
list-style-type: none;
}

.commentdate{
font-size:12px;
padding-left:0;
}

#commentlist li p{
margin-bottom:8px;
line-height:20px;
padding:0;
}

.commentname{
color:#ccc;
margin:0;
padding:5px 5px 5px 0;
}

.commentinfo{
clear:both;
}

.commenttext{
clear:both;
margin:5px 0 20px 0;
padding:20px 10px 5px 10px;
width: 70%;
background:#fff;
}

.commenttext-admin{
clear:both;
margin:5px 0px 20px 0px;
padding:20px 10px 5px 10px;
width:70%;
background:#ccc;
}

#commentsformheader{
padding:0;
}

#commentsform{
text-align:left;
margin:0;
padding:0;
}

#commentsform form{
text-align:left;
margin:0;
}

#commentsform p{
margin:0;
}

#commentsform form textarea{
width:99%;
}

p.comments_link  img{
margin:0;
padding:0;
border:none;
}

.entry{
clear:left;
}

a img{
border:none;
opacity:.5;
}

a img:hover{
opacity:1;
}

.clean{
opacity:1;
}

#wp-calendar{
text-align:center;
background-color:#fff;
margin:0;
width:95%;
}

#wp-calendar td{
line-height:10px;
font-size:10px;
color:#333;
}

#wp-calendar td a{
display:block;
color:#333;
text-decoration:none;
line-height:10px;
}

#wp-calendar #prev a{
width:30px;
}

#wp-calendar #next a{
width:30px;
margin:0 0 0 30px;
}

#wp-calendar #today{
background:#900;
color:#fff;
}

#wp-calendar #today a{
color:#fff;
font-weight:700;
}

#wp-calendar caption{
text-align:center;
width:100%;
margin:0 0 5px 0;
font-variant:small-caps;}

.tdborder
{
border: 1px dashed #AAA;
}


/* Menu déroulant */



.menu5 {
text-align:left; position:relative; margin:0 padding:0; list-style-type:none;
}
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none;  float:left; 
}
* html .menu5 li a, .menu5 li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
visibility:hidden; position:absolute; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:none; border:0;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:11em; border:1px solid #ddd; left:0; top:1.5em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:9em;
}
* html .menu5 li a:hover ul li a {
width:5em; w\idth:4em; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:11.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:underline;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; border:1px solid #ddd; height:auto; width:12em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-4.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto; width:15em;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:none;
}