/*
Theme Name: toums 2
Author: xavier egoneau
*/
/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%;vertical-align : baseline;  background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }
/* end reset */

/* Overal setup */
* { margin:0; padding:0; }
body { background:#fff/* url(images/bg.gif) top left repeat*/; color:#bbb; font:12px/14px  "Verdana", arial,Sans-serif;}
a   { color:#aaa;text-decoration:none;outline:0; }
a:hover { color:#000; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:24px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica;color:#bbb;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px A"Verdana", arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }

/*images*/
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #fff;
    text-align: center;
    background-color: #fff;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */
/*end images*/



#header {width:350px;float:left;height:100%;background-color:#000000;display:block;
overflow: hidden;position: fixed; top: 0px; }
/*#mainwrapper {;width:875px;display:block; }*/
#menu {float:right;width:300px;padding:15px;padding-right:30px;display:block;}
#menu a{
color:#222;
}
#menu a:hover{
color:#FFFFFF;
}
#menu li a{
border-top:1px dotted #222;
background-color:#000000;
display:block;
padding:5px;

color:#cccccc;
}

#menu li a:hover {

border-top:1px dotted #222;
background-color:#222222;
color:#FFFFFF;
display:block;
padding:5px;

}
#menu p{
padding-left:5px;
}
#menu h2{
padding-left:5px;
}
#menu img{
padding-left:5px;
}
#menu a{
padding-left:5px;
}

#right {;padding-left:350px;float:left;display: block;}

#main{float:left;padding:5px;padding-left:15px;display:block; }

/* thumnail covers */

.thumb4 { background-color: #ffffff url(images/thumb.png); display: block; width: 120px; overflow: hidden; height: 170px; margin: 0px; position: relative;margin:10px }


.thumb-title { margin-bottom:10px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:10px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; width:100px; }
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Arial,helvetica;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}


/* single page */
.post.single { line-height:1.4em; padding:3px;color:#666666;padding:5px;width:630px; }
.post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color:#000000;text-decoration:none;background-color:#ffffff;padding:5px;padding-left:0px;:5px; }
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#666; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; }
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#666; }
.post.single .entry { float:left; line-height:18px;overflow:hidden;padding-bottom:25px; }
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:4px solid #FFFFFF; }
.post .entry a:hover img { border-color:#FFFFFF; }
.post.single h3 { font-size: 12px;font-weight:bold; color: #000; display:inline; }
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a { color:#666666; }
.post.single p a:hover { color:#000; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background: #f9f9de; }
.post.single a { color:#666666; }
.post.single a:hover { color:#000; }
.post.single blockquote { margin: 0 1.5em; color: #000; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; }

#loop { ;float:left;color:#666; font-size:12px;line-height:1.8em; padding:10px;margin:0 auto;width:305px;text-align:left;text-decoration:none; }
.end { ;border-top:1px dotted #222; padding-bottom:5px;padding-left:0px;padding-right:0px;padding-top:5px; }
#1 { ;clear:both;width:975px;pading:15px;;border-bottom:1px dotted #222; }
#kiii { ;clear:both;background-color:#CCC;pading:15px;;border-top:6px solid #666;height:300px; }

/*partager*/
.partager p { font-size:18px;float:left;padding-top:10px; }
ul.partager { list-style:none;text-align:left;height:15px; }
.partager li   { float:left;margin: 0;float:left; }
.partager li a  { font:11px arial;outline:none;color:#666666;text-decoration:none;display:block;padding:5px 5px;text-transform:uppercase; }	
.partager li a:hover   { color:#4abce4 !important; }