/*
Theme Name: ArtMosaico
Theme URI: http://www.artmosaico.be
Description: Theme pour le site Art Mosaico
Version: 0.1 (06.05.2009)
Author: Nicolas Micheau
 
Creation Theme by Nicolas Micheau || http://www.cocographique.fr
*/

/* ---------- GENERAL ---------- */

body{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
}

a{text-decoration:none;}


/* ---------- STRUCTURE ---------- */

#master {
margin:0 auto 0 auto;
width:1000px;
position:relative;
background-color:#FFFFFF;

}

#header {
width:1000px;
height:160px;
background-image:url(img/header.jpg);
}

#header_jc {
width:1000px;
height:160px;
background-image:url(img/header_jc.gif);
}

#left {
width:55px;
height:200px;
float:left;
background-image:url(img/d_left.gif);
background-repeat:no-repeat;
}

#right {
width:55px;
height:200px;
float:right;
background-image:url(img/d_right.gif);
background-repeat:no-repeat;
}

#center{
width:870px;
float:left;
margin:0 10px 0 10px;
}

#sidebar{
width:870px;
height:20px;
margin:0 0 25px 0 !important;
-margin:0 0 5px 0;
}

#submenu{
width:140px;
float:left;
margin:0 20px 0 0;
}

#content{
width:470px;
float:left;
}

#content_gal{
width:700px;
float:left;
min-height:200px;
}

.post{
width:470px;
}

.post_gal{
width:700px;
}

.entrytext{
width:470px;
}

.entrytext_gal{
width:700px;
}

#annexes{
width:220px;
float:left;
margin:0 0 0 20px;
}

#annexes_pic{
width:220px;
float:left;
margin:25px 0 0 20px;
}

#footer_left{
background-image:url(img/btnfooter.gif);
width:578px;
height:20px;
font-size:0.6em;
color:#FFFFFF;
margin:30px 0 0 65px !important;
-margin:30px 0 0 30px;
float:left;
text-indent:25px;
padding-top:3px;
}

#footer_right{
width:286px;
float:left;
margin:30px 0 0 8px;
}

#galery{
width:670px;
float:left;
}

img{
margin:0px;
padding:0px;
}

/* ---------- MENU ---------- */

#sidebar a{
display:block;
width:140px; 
height:20px;
background-image:url(img/btn120px.gif);
float:left;
color:#FFFFFF;
font-size:12px;
text-align:center;
padding-top:4px;
}


#sidebar a:hover{
display:block;
width:140px; 
height:20px;
background-image:url(img/btn140pxh.gif);
float:left;
color:#FFFFFF;
font-size:12px;
text-align:center;
padding-top:4px;
}

#footer_right a{
display:block;
width:90px; 
height:20px;
background-image:url(img/btn120px.gif);
float:left;
color:#FFFFFF;
font-size:12px;
text-align:center;
padding-top:3px;
}

a.standard{
margin:0 6px 0 0;
}

a.contact{
margin:0px;
}

a.first_submenu{
display:block;
width:140px; 
height:18px;
background-color:#e59227;
color:#FFFFFF;
font-size:12px;
text-align:center;
margin:0 0 8px 0;
padding-top:6px;
}


ul{
list-style-type:none;
text-indent:0;
margin:0;
padding:0;
}

ul#btn_submenu li{
list-style-type:none;
margin:0;
}

ul#btn_submenu li a{
width:140px; 
height:20px;
background-image:url(img/btn120pxh.gif);
margin: 0 0 5px 0px;
text-align:center;
display:block;
padding-top:4px;
}

ul#btn_submenu li a:hover{
width:140px; 
height:20px;
background-image:url(img/btn120subh.gif);
margin: 0 0 5px 0px;
text-align:center;
display:block;
padding-top:4px;
}

li a{
font-size:12px;
color:#FFFFFF;
}


#content li a{
color:#FFFFFF;
font-size:12px;
padding:5px;
margin:0px;
line-height:40px;
background-color:#CCCCCC;
}

#content li a:hover{
color:#FFFFFF;
font-size:12px;
padding:5px;
margin:0px;
line-height:40px;
background-color:#CC0000;
}

#content li{
font-size:12px;
text-indent:0;
}
 
/* ---------- TEXTE ---------- */

p{
font-size:13px;
margin: 5px 10px 5px 0;
color:#444;
line-height:18px;
}


p.galery {
width:450px;
}

h2{
font-size:1.1em;
margin: 0 0 3px 0;
padding:0px;
color:#444;
}

hr{ 
color:#999999;
background-color:#999999;
height: 1px;
border:0;
margin: 0 0 15px 0 !important;
*margin:-5px 0 50px 0; /* -- IE 7 -- */
-margin:-5px 0 -5px 0; /* -- IE 6 -- */
padding:0;
line-height:0;
}

h3{
font-size:0.8em;
margin:0px;
color:#444;
}

li{
color:#444;
font-size:13px;
list-style-type:square;
margin:0 0 0 15px;
}

/* ---------- INDEX ---------- */

#content_index{
width:440px !important;
-width:410px;
float:left;
margin:0px;
}

#diaporama_index{
width:185px;
float:left;
margin: 0 15px 0 0;
}

#annexes_index{
width:215px !important;
-width:210px;
float:right;
margin:0 0 0 15px;
}

#spacer_diap{
width:215px !important;
-width:210px;
height:20px;
}

#spacer_contact{
width:215px !important;
-width:210px;
height:20px;
}

#img_index{
background-image:url(img/index.jpg);
width:420px !important;
-width:410px;
height:90px;
margin:10px 0 15px 0;
}

.news1{
float:left;
width:200px;
}

.news2{
float:left;
width:200px;
margin:0 0 0 16px !important;
-margin:0 0 0 5px;
}

.news1 p{margin: 5px 0px 5px 0px;}
.news2 p{margin: 5px 0px 5px 0px;}

.date{
font-size:11px; 
color:#888;
font-weight:bold;
}

p a, .links{
background-color:#cc0000;
padding:2px;
color:#FFFFFF;
font-size:12px;
}

.linkcat{
margin:30px 0 0 0;
}

.links_photos{
background-color:#cc0000;
padding:2px 0 2px 0;
color:#FFFFFF;
font-size:12px;
display:block;
margin:15px 260px 0 0;
text-align:center;
}

.post_content{
margin:0 0 25px 0;
}


/* ---------- MATERIAUX ---------- */

.galery_mat{
float:left;
width:400px;
}

.list_mat{
float:right;
width:275px;
font-size:11px;
color:#000;
margin:5px 0 0 10px;
}


/* ---------- EVENTS ---------- */

.text_event{
float:left;
width:450px;
}

.galery_event{
width:210px;
margin:0 0 0 475px !important;
*margin:0 0 0 470px;
}


.dot{
border-top:1px dotted black; 
margin-top:10px !important;
*margin:0px;
color:#fff;
background-color:#fff;
}

*+html .dot{
margin:-5px 0 -5px 0;
}

.post-meta{
font-size:12px;
color:#333;
margin:5px 0 5px 0;
}

#content_contact{
width:700px;
float:left;
}

p.contact_map{
width:440px;
float:left;
}

p.contact_infos{
width:185px;
float:left;
margin: 0 0 0 15px;
}


/* ---------- CALENDAR ---------- */

.calnk a:hover {
background-position:0 0;
text-decoration:none;  
}
    
.calnk a:visited {
text-decoration:none;
color:#000000;
}

.calnk a {
text-decoration:none; 
color:#000000; 
}

.calnk a span { 
display:none; 
}

.calnk a:hover span {
color:#333333; 

display:block;
position:absolute; 
margin-top:1px; 
padding:5px; 
width:150px; 
z-index:100;
}

.calendar-table {
border:none;
width:215px !important;
-width:200px;
margin:0;
}
     
.calendar-heading {
height:25px;
width:215px !important;
-width:200px;
text-align:center;
background-color:#E4EBE3;
margin:0;
}

.calendar-next {
width:30%;
text-align:center;
color:#000000;
font-size:10px;
}

.calendar-prev {
width:30%;
text-align:center;
color:#000000;
font-size:10px;
}

.calendar-month {
width:40%;
text-align:center;
font-weight:bold;
font-size:12px;
}

.normal-day-heading {
text-align:center;
width:10px;
height:10px;
font-size:10px;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}

.weekend-heading {
text-align:center;
width:10px;
height:10px;
font-size:10px;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#000000;
}

.day-with-date {
vertical-align:text-top;
text-align:center;
width:10px;
height:10px;
border:1px solid #DFE6DE;
font-size:10px;
}

.no-events {
font-size:10px;
}

.day-without-date {
width:10px;
height:10px;
border:1px solid #E9F0E8;
text-align:center;
}

span.weekend {
color:#000000;
}
     
.current-day {
vertical-align:text-top;
text-align:center;
width:10px;
height:10px;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
     
span.event {
font-size:10px;
}
     
.kjo-link {
font-size:11px;
text-align:center;
}

.event-title {
text-align:center;
display:block;
}

.event-title-break {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;
padding:0;

}

.event-content-break {
width:100px;
margin-left:2%;
margin-right:2%;
margin-top:5px;
margin-bottom:5px;
text-align:center;
height:1px;

}

.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}

.calendar-date-switcher form {
margin:0;
padding:0;
}

.calendar-date-switcher input {
border:1px #D6DED5 solid;
}

.calendar-date-switcher select {
 border:1px #D6DED5 solid;
}

.cat-key {
width:215px !important;
-width:200px;
margin:10px 0 0 0;
padding:0;
font-size:0.7em;
}

ul.xoxo li{
list-style-type:none;
margin:0;
}

li.linkcat{
list-style-type:none;
}

p .galery_event a.thickbox{
border:0;
}