/*  
Theme Name: Subversif
Theme URI: http://www.microzol.free.fr/
Description: In Couple? Feel free to use it :). This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer.
Version: 
Author: Mitch 
Author URI: http://www.microzol.fr/
*/

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:#1d2224; color:#ccc; margin-top:20px; margin-botton:5px; background:url(images/grungeback.jpg) top center;}

#wrap { background:#1d2224; margin:0px auto; padding:0px; width:900px; border-left:#ff0000 1px solid; border-right:#ff0000 1px solid;}

#top { background:#1d2224 url(images/frame_sup_new.gif) repeat-x; margin: 0px auto; padding: 0px; height: 283px; border-top:#ff0000 1px solid; clear:both;}

a:link { text-decoration: none; color : #ff0000; border: none;}
a:active { text-decoration: none; color : #ff0000; border: none;}
a:visited { text-decoration: none; color : #ff0000; border: none;}
a:hover	{ text-decoration: none; color : #ffcc00; border: none; cursor: hand; }
 
#blogtitle { font-family: tahoma; color: #1d2224; text-align:left; font-size:18px; line-height:100%; padding-top:20px; text-transform:capitalize; margin:0px; padding-left:100px; }

#blogtitle a:link { text-decoration: none; color : #1d2224; border: none;}
#blogtitle a:active { text-decoration: none; color : #1d2224; border: none;}
#blogtitle a:visited { text-decoration: none; color : #1d2224; border: none;}
#blogtitle a:hover	{ text-decoration: none; color : #555353; border: none; cursor: hand; } 
#blogdesc { float: left; color: #1d2224; padding-left:205px; text-align:left; font-size:12px; padding-top:5px; text-transform:capitalize; margin:0px; }
#search { float: right; height: 30px; width: 300px; margin-top:35px; }
.right { margin: 0 0 10px 3px; padding: 10px; float: right; width: 200px; }
.right h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.right h4 { font-size: 10px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ff0000;}

.right ul { list-style-type: none; margin: 0 ; padding: 0; }
.right ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.right ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
.right ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }

.left { margin: 0 0 10px 3px; line-height: 16px; padding: 10px;  float: left; width: 650px; overflow:hidden; }


.left h2 { font-size: 16px; padding: 3px 0px; margin: 0px 7px 3px 0px; border-bottom: dashed 1px #ccc;clear: both}
.left h3 { clear:both ; background: transparent url(images/red_star.gif) no-repeat 0 10px; font-size: 10px; padding: 8px 18px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ff0000;clear: both}

.left h4 { font-size: 10px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ffcc00;clear: both}

.left img { border:0px #ccc solid; }
img.wp-smiley { border:0px;}
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.postmetadata { background: #333 ; font-size:10px; padding:5px; border-bottom:#ff0000 1px dashed; border-top:#ff0000 1px dashed; background:url(images/grungeback_a.jpg) top center;clear: both}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 2px solid #ff0000; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 8px 18px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#searchsubmit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
input#submit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc; margin-top: 2px;}
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#footer { font-size: 11px; color: #fff; background: #1d2224; height: 150px; padding: 0px; margin-top: 0px; text-align:center; clear:both; border-top:1px #ff0000 dashed; border-bottom:1px #ff0000 solid; background:url(images/grungeback_b.jpg) top center;}


p.bobcomment { float: left; background:#1d2224; font-size:10px; text-align:left; padding:5px; border-left:#ccc 1px solid; border-right:#ccc 1px solid;border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}

p.comment { float: left; 
background:#1d2224; font-size:10px; text-align:justify;
padding: 5px 5px 5px 5px; 
margin: 5px 5px 5px 5px;}


hr {
height: 1px;

padding: 0;
color: #ffcc00;
background-color: #ffcc00;
border: 0;
}



p.float {
float: left;
background-color: #1d2224;
border: 1px dashed #ccc; ;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
text-align: center ;
clear: both ; 
 }

p.block {
float: left;
background-color: #1d2224; 
border: 0px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 0px;
text-align: justify;


 }

p.flux { 
clear:both ; 
}



p.flat {

float: center;
background-color: #1d2224; 
border: 1px solid #ccc;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 0px;
text-align: justify;


 }

p.container {
background-color: #1d2224;
border: 1px solid #ccc;
overflow: auto;
width: 100%;
}


p.gauche {
float: left;
width: auto; height: auto;
padding: 5px 5px 5px 5px;
        margin: 5px 5px 5px 0px;
background: #1d2224 url(corner.gif) no-repeat bottom right;
text-align: justify;
}
p.droit {
 
float: right;

width: auto; height: auto;

padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
background: #1d2224 url(corner.gif) no-repeat bottom right;

	
text-align: justify;


}

#content_1{
margin : 0 0 0 0px; 
padding: 5px 0px 0px 0px;

background :#1d2224; 
height : 100%;

text-align: justify;
}


#content_1 img{
float : left ;
margin-bottom : 10px ;  margin-right : 10px ; }


#open { clear:both ; background: transparent url(images/open_b.gif) no-repeat 6px 7px;  text-indent:25px ;text-align: justify; padding:5px; }




a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 200px;
	padding: 5px;
	z-index: 100;
	text-align: justify;
        
        
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}


a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	 display: block;
         background: #000;
         border: 1px solid #ff0000;
         
}



a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;

    top: 15px;
    left: -20px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -5px;
    left: 30px;
    height: 7px;
    width: 11px;
    background: transparent url(images/infobullet.gif);
    margin:0;
    padding: 0;
    border: 0;
}

a.info {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}

a:hover.info span {
  display: inline;
  position: absolute;
  top:-3em;
  left:1em;
  z-index: 20;
  background: #ffc;
 
  color: #000;
  border:1px solid #000;
  width:150px;
  text-align:left;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}



    .more-link {

    font-size: 13px;

    font-variant: small-caps;

    }