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


/* Overal setup */
* { margin:0; padding:0; }
body {
	background:#fff url(images/main_background.gif) top center no-repeat;
	color:#000;
 	font-family:Arial, Verdana, sans-serif;
	font-size:11px;
 }
a { 
color:#aaa;text-decoration:none;
outline:0;
}

a:hover {
 color:#eee;
 }
 
a img {
 border: none;
 }
 
ul, li {
 list-style: none;margin:0;padding:0;
 }
 
h1 { 
font-size:30px;
 } 
 
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:#903000;
	padding:5px;
	margin:5px 0;
	display:block;
	border-left:1px solid #903000;
 }
 
blockquote { 
 color:#ddd; 
 padding:5px;
 font: 12px 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: 30px 0; clear: both; }

/* NAVIGATION MENU HAUT */
ul.topnav {
 list-style:none;text-align:left;
 }
.topnav li {
	float:right; /* calage des items du menu haut � droite*/
	margin: 0;
}

.topnav li a {
	font:11px arial ;
	outline:none;
	color:#b73200;
	text-decoration:none;
	display:block;
	padding:107px 15px; /* hauteur et espacement des items du menu*/
	/*text-transform:uppercase;*/
}	
.topnav li a:hover   { color:#000 !important; }


/* style bouton RSS***************************************************************************************/
.topnav li.rss   { 
visibility:hidden;
float:right;display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color: #eee; }
.topnav li.rss a:hover   { background: transparent;color:#a0410d !important; }
/*********************************************************************************************************


/* HEADER */
#header { 
	width:950px;
	margin:0 auto;
	padding:1em 0 2em 0 ;
 }
  
#header h1 a {  /*texte titre-nom du blog*/
  display:block;
  font-size: 20px;
  margin: 5px 0;
  width: 240px;
  text-indent: -999em; }

#header h1 a:hover { color: #7ebe40; }

#main-wrapper { /* MENU COLONNE (FOND DE PAGE)*/
	display:block;
	margin:0 auto;
	width:950px;
	padding:0 auto;  /*Marge haute du contenu central -sidebar + article-*/
	text-align:left;
	height:80px; /* hauteur du footer
	background:url(images/px.png); */
	}

.main { /*SIDEBAR*/
	width: 520px;
	margin:0;
	padding:0;
	float:right;
	overflow: hidden;
}

/* thumnail covers - IMAGES ACCUEIL */
.thumb { background: #222 url(images/thumb.png); /*display: block;*/
	width: 235px;
	height: 150px;
	overflow: hidden;
	margin: 0 0 10px 10px;
	position: relative;
  }  
.thumb-title { margin-bottom:5px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.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;}



/* Ancillary -pied de page + flickr*/
#ancillary  { margin:0;padding:0;height:260px;
/*background: url(images/rambling.jpg) no-repeat 100% 80%;*/}
#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 - ARTICLE */
.post.single {
	line-height:1.4em;
	width:500px;
	padding:0 0px 10px 0px;
	}

.post.single h2, .post.single h2 a { /*Titre article*/
	font:22px arial,helvetica;
	/*letter-spacing:-1px;*/
	line-height:1.4em;
	color: #999999;
	text-decoration:none;
	}

/* Toutes les donn�es en sous titre */
.post.single .postMeta {
 font:11px Arial;
 margin-bottom:5px;color:#b73200;
 }  
.post.single .postMeta span.date { 
 padding:0 2px 0 0; }

.post.single .postMeta span.date a{
 color:#b73200; }


.post.single .entry { /*Texte de l'article*/
	float:inherit;
	line-height:16px;
	overflow:hidden;
	padding-bottom:25px;
	color:#999999;
	font-size:12px;
	}
 
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { /* photos dans articles*/
	/*border:1px solid #000;*/
	border:none;
 }
 
.post .entry a:hover img { border-color:#eee; }

.post.single h3 {
	font-size: 12px;
	font-weight:bold;
	color: #999999;
	display:inline;
}
.post.single p { margin: 1em 0; /* s�paration entre les blocs de l'article (titre+txt+photos)*/
} 
.post.single p a,.post.single li a { color:#b73200; }
.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 { /*l�gende galerie - mode diaporama ou vignette*/
	color:#ccc;
	font-style:italic;
}
.post.single a:hover { color:#ccc; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 1em; }
.post.single ul li, .post.single ol li { margin: 0; color: #666; 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 RELATEAD */
#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }

/*LEFT*/
#left-sidebar { color:#ddd;float:left;margin:0 0 0 32px;width:220px;padding:5px;/*background: transparent url(images/opa.png); */background:#fff;}
#left-sidebar h3 {padding:3px; background: #b73200;display: inline; color: #fff; }
#left-sidebar a {
	color:#666666;}
#left-sidebar a:hover { color:#b73200; }
#left-sidebar p { color:#000; }
#left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; }


/*RIGHT*/
#right-sidebar { color:#ddd;float:left;width:220px;margin:0 0 0 32px;padding:5px;font-size:11px;/*background: transparent url(images/opa.png);*/background:#fff; }
#right-sidebar h3 {padding:3px; background: #b73200;display: inline; color: #fff; }
#right-sidebar p { color:#ddd; padding-bottom:5px;}
#right-sidebar a {
	color:#666666;
	text-decoration:none;}
#right-sidebar a:hover { color:#b73200; }
#right-sidebar ul { list-style:none;margin:8px 0 4px; }


/*CATEGORIES - REALISATIONS*/
.categories { padding: 5px 0; color: #666; }

.categories li { 
 font-size: 11px;
 /*font-weight:bold;*/
 padding:5px 0px; 
 float: left;
 color:#444;
 width: 100%;
 display: inline; }
 
.categories li a {
 color: #999;
 text-decoration:none;  }
 
.categories li a:hover { 
 color:#000;
 text-decoration: none; }


/*DERNIERS PROJETS*/
.recent-posts { padding: 5px 0; }
/*.recent-posts ul { margin: 0px; padding: 0; }*/

.recent-posts li {
	margin: 5px 0;
	padding:3px 2px;
	width: 100%;
	list-style-type: none;
	} 
.recent-posts li a { 
 text-decoration:none;
  }
.recent-posts li a:hover { 
 text-decoration:none;  }


/*TAGS*/
.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: #666666;text-decoration: none; }


/*LIENS*/
.links {
	 /*margin:10px 0;*/
	 padding:0;
	 line-height:2em;
	 }	 
.links a {
	 text-decoration:none;color:#333;font-weight:normal;
	  }	  
.tlinks:hover a {
	 color: #666; text-decoration: none;
	  }
.links:hover a:hover, #sidebar .links a:hover {
	color: #666666;text-decoration: none; }


/* COMMENTS - visuels extraits */
h3#comments, h3#respond {
font-weight:normal; font-size: 14px;font-family: arial, verdana;letter-spacing:-1px; color:#ddd;padding:5px 0;}	

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:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#b73200;} /*couleur des liens visit�s*/
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }



/* form */
#commentform { 
 visibility:hidden;
 margin: 1em 0;}
#author, #email,#url,#comment{
 visibility:hidden;
 font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong {
visibility:hidden;
 color: #999; font-weight: bold; }



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