/*
Theme Name: Vikiworks Infinity
Theme URI: http://vikiworks.com
Version: 1.0.1
Author: yichi
*/


/* Overal setup */
* { margin:0; padding:0; }
body {
	
	background: url(images/bg.jpg) repeat;
	color:#666;
	font:12px/14px  arial;
}
a   {
	color:#d11b41;
	text-decoration:none;
	outline:0;
}
a:hover { color:#eee; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-family: 'Lobster', serif; font-style: normal;
  font-weight: 400; outline:none; font-size: 30px; color:#d11b41;text-decoration:none;display:block;padding:5px 15px;text-transform:none; } 
h2  { font:30px arial;color:#d11b41; } 
h3  { font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#bbb;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
h5 { font-family: 'Lobster', serif;
border-bottom:#000 1px dotted;
   color:#000000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.015em;
  word-spacing: -0.015em;
  line-height: 1.2;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	width:190px;
}
h6 {
	font-size:18px;
	color:#d11b41;
	font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
	font-family: 'Lobster', serif;
	padding-bottom:5px;
	padding-top:5px;
	text-transform:none;
	width:480px;
}

h7 { color:#d11b41; }
code { font: 11px  "Courier New"; color:#929292; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#929292; padding:5px;font: 12px Verdana, Geneva, Arial, Helvetica, 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; }

.box-fixed {width:60px;position:fixed;bottom:0px;right:5px;z-index:0;}
/* navigation */

#regles {width:17px; height:100%;background: url(images/regle.png) repeat; z-index:0;position:fixed; left:0px;}

#regles2 {width:17px; height:100%;background: url(images/regle2.png) repeat; z-index:0;position:fixed; right:0px;}

#ombres {width:100%; height:40px;background: url(images/bas_ombre.png) repeat; z-index:0;position:fixed;bottom:0px;}

#search{
	height:25px;
	width:210px;
	float:right;
	margin-bottom: 10px;
}

#haut-single { 
width:480px;
height:24px;
padding-bottom:10px;
text-align: center;
background: url(images/haut-single.jpg) no-repeat;
}
.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block; 
}

#autor {
width:480px;
height:80px;
background: url(images/autor.jpg) no-repeat;
padding-left:8px;
padding-top: 8px;
text-align:justify;
}

#desc {
	padding-left:10px;
}

#twitter-haut   {
	float: left;
	margin-left:650px;
	margin-top:127px;
	width:350px; 
	line-height: 1.5;
}
.topnav2 li   {
	
}	
.topnav2 li a  { display:block; }
ul.topnav   { list-style:none;text-align:left;margin-left:290px; }
.topnav li   {
	float:left;
	margin: 10px 0px 0px 20px;
}
.topnav li a  {
	font:13px arial;
	outline:none;
	color:#000000;
	text-decoration:none;
	display:block;
	padding:0px 0px 0px 25px;
	text-transform:none;
	text-shadow: 0px 1px 0 #ffffff;
}	
.topnav li a:hover   { color:#d11b41; !important; }
.topnav li.rss   { float:right;display:block; width: 60px;background:transparent ; }
.topnav li.rss a { color: #929292; }
.topnav li.rss a:hover   { background: transparent;color:#929292 !important; }

/* header */
#header { background: url(images/haut_header.jpg) repeat-x;height:600px;width:100%;margin:0 auto;margin-bottom:-597px;padding:1em 0 16em 0em;display:block; }
#logo { display:block; background: url(images/header.png) no-repeat;height:600px;width:1177px;margin:0 auto -450px;margin-top:-12px; margin-bottom:-600px;padding:0em 0em 0em 0px; }
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #929292; }
#main-wrapper {
	margin:0 auto;
	width:950px;
	height:100 %;
	padding:10px;
	background : url(images/opa.png);
	
}
.main {
width: 480px;margin:0;padding:5px;float:left;overflow: hidden;
}



/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 480px; overflow: hidden; height: 130px; margin: 0px 10px 10px 0px; position: relative;}
#resume {
	width:480px;
	height:90px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	color: #454444;
	margin: -7px 4px -14px 0px;
	
}

#title {
	width:480px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-color: #d11b41;
	font-size: 22px;
	float: left;
	padding-bottom: 10px;
	padding-top: 5px;
	 font-style: normal;
  font-weight: 400;
  text-shadow: 0px 1px 0 #ffffff;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.015em;
  word-spacing: -0.015em;
  line-height: 1.2;
}

.post-left {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #ffffff;
	width: 42px;
	position:absolute;
	margin-left: -50px;
	
}

.plalt {
	margin-left: 0px;
	
}


.count-wrap {
	background: url(images/commentaire.png) no-repeat;
	width: 42px;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 1px 0 #d6687f;
	padding: 4px 0 0 0;
	margin-top: -53px; 
	
}
.count-wrap2 {
	background: url(images/commentaire.png) no-repeat;
	width: 42px;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 1px 0 #d6687f;
	padding: 7px 0 0 0;
}

.count-wrap2 a {
	color: #ffffff;
	padding: 6px 0 0 0;
	display: block;
}
.count-wrap a {
	color: #ffffff;
	padding: 4px 0 0 0;
	display: block;
}

.count-wrap a:visited {
	color: #000000;
	padding: 4px 0 0 0;
	display: block;
	text-shadow: 0px 1px 0 #d6687f;
}

.count-wrap2 a:visited {
	color: #000000;
	padding: 4px 0 0 0;
	display: block;
	text-shadow: 0px 1px 0 #d6687f;
}

.comment-guy {
	background: url(images/comment-guy.png) no-repeat;
	width: 42px;
	height: 26px;
	display: block;
	position:absolute;
	margin-left: 1px;
	margin-top:-4px;
}

.comment-guy2 {
	background: url(images/comment-guy.png) no-repeat;
	width: 42px;
	height: 26px;
	display: block;
	position:absolute;
	margin-left: 1px;
	margin-top:-7px;
}


.thumb2 { background: #222 url(images/thumb2.png); display: block; width: 220px; overflow: hidden; height: 40px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { background:#000;bottom:0;left:0;display:block;position:absolute;padding:0 15px 10px 0;-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;opacity:0.8; }
.thumb-title:hover { background:#000; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}
.thumb-title h4 { margin: 0; line-height: 1.4em; }
.thumb-title h4 a {
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display:block;
	color:#aaa;
	text-decoration: none;
	text-transform:uppercase;
}
.thumb-title h4 a:hover { color: #fff;}



/* Ancillary */
#ancillary  { margin:0;padding:0;height:0px;background: #000 ;}
#ancillary .flickr { padding: 3px 2px; background: #202020 ; overflow: hidden; }
#ancillary .flickr img  { margin:10px 10px; width:45px;height:45px;display:block;float:left; }
#ancillary .flickr a img  { border:4px solid #eee; }
#ancillary .flickr a:hover img  { border:4px solid #6199dc; }



/* single page */
.post.single { line-height:1.4em; width:480px;padding:3px; }
.post.single h2, .post.single h2 a { font:25px Verdana, Geneva, Arial, Helvetica, sans-serif;letter-spacing:-1px;line-height:1.2em;color:#d41b11;text-decoration:none; text-shadow: 0px 1px 0 #ffffff; padding: 0px 0px 10px 0px; }
.post.single h4, .post.single h4 a { font-family: 'Lobster', serif; font-size:30px;letter-spacing:-1px;line-height:1.2em;color:#000000;text-decoration:none; }
.post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#929292; }
.post.single .postMeta span.date { padding:0 2px 0 0; color:#d11b41;}
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; color:#929292;}
.post.single .postMeta span.comments a,
.post.single .postMeta span.date a{ color:#929292; }
.post.single .entry { float:right; 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:none; }
.post .entry a:hover img { border-color:#929292; }
.post.single h3 { font-size: 12px;font-weight:bold; color: #929292; display:inline; }
.post.single p { margin: 1em 0; }
.post.single p a,.post.single li a {
	color:#d11b41;
}
.post.single p a:hover { color:#fff; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: italic; color: #FFFFFF}
.post.single a { color:#929292; }
.post.single a:hover { color:#d11b41; }
.post.single blockquote { margin: 0 1.5em; color: #929292; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #929292; line-height: 1.4em; }





/* twitter */
#twitter #twitter_update_list { color:#c5e281; line-height:1.4em; padding: 0;line-height:1.6em; font-size:12px; }
#twitter #twitter_update_list a { color:#ddd;padding:0;margin:0;display: block; }
#twitter #twitter_update_list a:hover  { color:#fff;padding:0;margin:0; }



/* sidebar related */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }
#left-sidebar { color:#454444;float:left;margin:0;width:220px;padding:5px; }
#left-sidebar h3 {padding:3px; background: #d11b41;display: inline; color: #eee; }
#left-sidebar a   { color:#454444; }
#left-sidebar a:hover { color:#fff; }
#left-sidebar p { color:#ddd; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }

.categories { padding: 0; color: #454444; }
.categories li { font-size: 11px;padding:3px 2px; float: left;color:#454444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts { padding: 0px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

.delicious { padding: 0px 0; }
.delicious ul { margin: 0; padding: 0; }
.delicious li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.delicious li a { text-decoration:none; }
.delicious li a:hover { text-decoration:none; }



.tags { margin:10px 0;padding:0;line-height:2em; }
.tags a { text-decoration:none;color:#333;font-weight:normal; }
.tags:hover a { color: #666; text-decoration: none; }
.tags:hover a:hover, #sidebar .tags a:hover { color: #eee;text-decoration: none; }

.broll { padding: 10px 0; }
.broll .linkcat h2 {display:none;}
.broll ul { margin: 0; padding: 0;fonts-size:11px; }
.broll li { margin: 0px; padding: 2px 0; list-style-type: none;  }
.broll li a { text-decoration:none;}
.broll li a:hover { text-decoration:none; }


#right-sidebar { color:#454444;float:left;width:220px;margin:0;padding:5px;font-size:11px; }
#right-sidebar h3 {padding:3px; background: #d11b41;display: inline; color: #eee; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar a   { color:#454444;text-decoration:none; }
#right-sidebar a:hover { color:#fff; }
#right-sidebar ul { list-style:none;margin:8px 0 4px 8px; }



/* COMMENTS */
h3#comments, h3#respond {
	font-weight:normal;
	font-size: 25px;
	font-family: 'Lobster', serif;
	letter-spacing:-1px;
	color:#000000;
	padding:5px 0;
}	

.respond {
height:283px;
padding:20px;
width:510px;
}

.respond-line {
padding-bottom:20px;
float:left;
}

.respond-line label {color:#454444;
float:left;
font-size:13px;
text-shadow:0 1px 1px #FFFFFF;
width:150px; }


.respond-line input {
border:medium none;
color:#999999;
height:16px;
padding:8px;
width:260px;
}

.respond-line textarea {
border:medium none;
color:#757575;
height:88px;
padding:8px;
width:260px;
}

.respond-line label span {
color:#666666;
display:block;
font-size:10px;
}

.respond-submit {
margin-left:150px;
}

.respond-submit input {
cursor:pointer;

}

ol.commentlist {list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; }
ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; }
ol.commentlist h5 { font-size:10px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited {
	color:#d11b41;
}
ol.commentlist h5 a:hover {
	color:#666666;
}
ol.commentlist h5 small { display:block; }	
ol.commentlist li {
	font-size: 11px;
	margin: 0;
	color: #666666;
}
ol.commentlist li span.moderate { padding:2px; color:#f30; }



/* form */
#commentform { margin: 1.2em 0;}
.comment-warning strong { color: #fff; font-weight: bold; }



/* footer */
#footer { color:#555; font-size:9px;line-height:1.4em; padding:0;margin:0 auto;height:164px;clear:both;width:950px;text-align:left; }
#footer a { font-weight: bold;color:#999;border-bottom:1px solid #333; }
#footer a:hover { color:#eee; }
#footer img { display: none; }

#similar_post {
	width: 450px;
	height: 300px;
}
 
a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 207px;
	height: 62px;
	padding: 30px 10px 0px 10px;
	z-index: 100;
	background: #000;
	color: #ffffff;
}

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

a:hover.tip span {
	display: block;
}

#navigation {
	width: 480px;
	padding: 5px 0 5px 0;	
	line-height: 20px;
	font:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#d11b41;
	border-bottom:1px #d11b41 dashed;
	
	
}
#navigation2 {
	width: 480px;
	padding: 5px 0 5px 0;	
	line-height: 20px;
	font:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#d11b41;
	border-bottom:1px #d11b41 dashed;
	border-top:1px #d11b41 dashed;
	
}
#resultat {
	 width:950px;margin:0 auto;padding:1em 0 16em 0;
		
}


/* moteur recherche */

.search { border:medium none;
color:#757575;
float:left;
height:12px;
padding:8px 0 10px 0;
width:150px; }

.submit { 
background: url(images/submit.jpg) no-repeat;
border:medium none;
color:#757575;
float:left;
cursor:pointer;
height:30px;
padding:8px;
width:30px;
text-indent: -40000px;}

/* formulaire commentaire */

.nom { border:medium none;
color:#757575;
float:left;
height:25px;
padding:8px 0 10px 0;
width:150px; }