/*
Theme Name: Xilabs
Theme URI: http://www.xilabs.fr
Description: urban games
Author: U. Uhlig
Author URI: http://www.curlybracket.net
*/


* {
	margin: 0;
	padding: 0;
}

html {
        background: #fff;
}

body {
	font: 12px Arial, sans-serif;
	color: #111;
        text-align: center;
        background: #fff url(images/background.jpg) top left repeat-x;
        padding-top: 2px;
}

img {
	border:none;
}

hr {
	visibility: hidden;
        clear: both;
}

a {
        color: #59a9cf;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.more-link {
	background-color: skyBlue;
        color: #fff;
        font-weight: bold;
	display: block;
	float: right;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

blockquote {
        font: 1em "Trebuchet MS", sans-serif;
        padding: 0.3em;
        border-top: 1px dotted #59a9cf;
        border-bottom: 1px dotted #59a9cf;
        margin: 0.5em 0;
        overflow: hidden;
}

* html blockquote {
        clear: both;
}

code {
        font-size: 1.1em;
        padding: 0.4em;
        padding-left: 1em;
        border-left: 2px dotted #ccc;
        font-family: "Courier New", monospace;
        display: block;
        margin: 0.5em;
}

.alignright {
        float: right;
        margin-left: 1.5em;
}

.alignleft {
        float: left;
        margin-right: 1.5em;
}

.clear {
	clear: both;
}

.wp-caption-text {
        font-size: 0.8em !important;
        margin: 0 !important;
        padding: 0 !important;
        font-style: italic;
        text-align: center;
}

/*************************************
* Structure
*************************************/
#wrap {
	text-align: left;
        width: 90%;
        margin: 0 auto 0.5em;
        background: url(images/city.png) center bottom repeat-x; 
        padding-bottom: 380px;
        -moz-border-radius-bottomleft: 2em;
        -webkit-border-bottom-left-radius: 2em;
        -moz-border-radius-bottomright: 2em;
        -webkit-border-bottom-right-radius: 2em;
        max-width: 1280px;
}

* html #wrap {
        background: url(images/city.gif) center bottom repeat-x;
}

#header {
	position: relative;
        height: 50px;
        margin: 45px 50px 10px;
        background: #330000;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
}

#header h1 {
        font-weight: normal; 
        position: absolute;
        top: 9px;
        left: 0;
}

#header h1 span {
         display: none;

}

#header h1 a {
        text-decoration: none;
        display: block;
        height: 100px;
        width: 100px;
        background: url(images/XiLabs_br.png) left top no-repeat;
}

#header h2 {
        position: absolute;
        left: 100px;
        top: 9px;
        font-size: 28px;
        font-family: "Trebuchet MS", sans-serif;
        font-weight: normal;
        color: #fff;
}

#header h2 a {
        color: #fff;
        text-decoration: none;
        text-shadow: 0 1px 0 #59A9CF;
        padding-right: 35px;
}

#header h3 {
        position: absolute;
        top: 14px;
        right: 15px;
        color: #fff;
        text-shadow: 0 1px 0 #59A9CF;
        font-weight: normal;
        font-style: italic;
        font-size: 19px;
}

#pages {
        list-style: none;
        position: absolute;
        left: 0;
        top: 109px;
        width: 82px;
        padding: 2em 9px 9px;
        font-size: 1.05em;
        text-align: center;
        border-top: 1px solid #fff;
        background: #330000;
        -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomright: 9px;
        -webkit-border-bottom-right-radius: 9px;
}

#pages li {
         padding: 0;
         margin-top: 9px;
}

* html #pages li {
         border: 1px solid #93d6e7; /* bug */
         position: relative; /* bug */
}

#pages a {
         display: block;
         text-decoration: none;
         color: #fff;
         background-color: hotpink;
         text-shadow: 0 1px 0 deeppink;
         padding: 10px 6px;
         -moz-border-radius: 7px;
         -webkit-border-radius: 7px;
         font-weight: bold;
}

#pages .current-cat a, #pages .current_page_item a {
         padding-top: 12px;
         padding-bottom: 12px;
         margin-top: -2px;
}

#pages a, a.more-link {
         background-image: url(images/btn-up.png);
         background-position: center top;
         background-repeat: no-repeat;
}

#pages a:hover, a.more-link:hover {
         background-image: url(images/btn-down.png);
}

#pages .current-cat a, #pages .current_page_item a {
         background-image: url(images/btn-active.png);
         background-position: left top;
         background-repeat: repeat-x;
}

* html #pages a,
* html a.more-link,
* html #search .button {
         zoom: 1;
         cursor: pointer;
         text-align: center;
         background-image: none;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xilabs.fr/wp-content/themes/xilabs/images/btn-up.png',sizingMethod='scale');
}

* html #pages a:hover, 
* html a.more-link:hover {
         background-image: none;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xilabs.fr/wp-content/themes/xilabs/images/btn-down.png',sizingMethod='scale');
}

* html #pages .current-cat a, 
* html #pages .current_page_item a {
         background-image: none;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xilabs.fr/wp-content/themes/xilabs/images/btn-active.png',sizingMethod='scale');
}

/*************************************
* Sidebar
*************************************/

.sidebar {
	width: 315px;
        float: right;
        display: none;
}

#sidebar-main {
        border-left: 1px solid #ccc;
}

.sidebar ul {
        list-style: none;
}

.sidebar li {
	padding: 0.2em;
}

.current-cat a, .current_page_item a {
	font-weight: bold;
}

/*************************************
* Content
*************************************/

#container {
        margin-top: 0;
        margin-left: 160px; /*160px*/
        padding: 0 50px 0 0;
        position: relative;
}

.nav {
        padding: 0 !important;
}

.nav .next, .nav .previous {
        position: absolute;
        right: 0;
        text-decoration: blink; 
		color: #330000 /*rajouté*/
}

.nav .next {
        top: 10px; /*10*/
}

.nav .previous {
        top: 75px; /*75*/
}

.nav a {
        color: #ff69b4;
        display: block;
        width: 30px;
        font-size: 35px;
        font-weight: bold;
        overflow: hidden;
        padding: 5px 5px 10px 15px;
        border-bottom: 1px solid #aaa;
        background: #330000 url(images/shadow.png) top left repeat-y ;
}

.nav a:hover {
        text-decoration: none;
        color: #ffd0e8;
        background-color: #330000;
}

.nav .next a,
.nav .previous a { 
        -moz-border-radius-topright: 9px;
        -moz-border-radius-bottomright: 9px;
        -webkit-border-top-right-radius: 9px;
        -webkit-border-bottom-right-radius: 9px;
}

* html .nav .next a,
* html .nav .previous a {
       background-image: none;
}


#content, #news, #featured {
        padding: 1.3em 1.8em 0.5em; /* .post already imposes 1.5em of margin */
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0.6);
        zoom: 1;
        /* IE567 */
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#99ffffff);
        /* IE8 */
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#99ffffff)";
        background: transparent\9

}

* html #content,
* html #content-home {
        width: auto;
}

.post p {
	padding: 0.5em 0;
	font-size: 1em;
}

.post p, .post li {
        line-height: 1.4em;
}

.post ul li {
	margin: 0;
	list-style-type: disc;
	padding: 0 0 0.1em 0.1em;

}

#news {
        width: 350px;
        float: left;
        color: #222;
}
#news h4 {
        font-size: 12px; /* pour IE en px */
		color: #59a9cf;
}
#news .post {
       margin-bottom: 0.5em;
}

#featured {
      margin-left: 355px; /*355*/ 
       margin-right: -50px; 
       background: transparent;
       padding: 0 0.5em 0.5em;
	  /*float:right;*/
}

#featured .post {
      margin-bottom: 0.2em; /* on pourrait avoir plusieurs normalement 0.5em*/
	  
}

#featured .entry {
		float : right;
		margin-right : 50px;
}

#featured .entry p:first-child {
       color: #FFFF99;
       text-shadow: 0 1px 0 #59A9CF;
       font-size:1.5em; 
       padding: 1em 0 0 35%;  /*4em 0 0 35% */
       text-align: center;
	   /*margin-top:10px; /*100px*/
}

/*************************************
* Post
*************************************/

.post {
	margin: 0 0 1.5em;
	overflow: hidden;
}

* html .post {
        height: 1%;
}

.cattitle, .post h2, .post h3 {
        font-weight: normal !important;
}

.post h2 {
	font-size: 2em;
}

.cattitle {
        margin-bottom: 0.7em;
	font-size: 1.4em;
}

.post h3 {
	font-size: 1.4em;
}

.post img {
	margin-bottom: 0.8em;
}

.post ul, .post ol {
	margin: 0.5em 0 0.5em 20px;
}

.entry {
        text-align: justify;
}

.entry h2, .entry h3, .entry h4 {
        margin: 0.5em 0;
}
.entry h4 {
        margin: 1.5em 0 0.5em;
	font-size: 1.3em;
}
.post .details {
        display: none;
}

/*************************************
* Footer
*************************************/

#footer {
        clear: both;
        color: #fff;
        text-align: right;
        margin: 0.5em 50px 0;
        position: relative;
}

#twitter, #rss, #facebook {
         position: absolute;
         right: 5px;
         top: -35px;
}
#twitter {  
         right: 33px; 
}

#facebook { 
         right: 62px; 
}

#twitter span, #rss span, #facebook span {
         display: none;
}

#twitter a, #rss a, #facebook a {
         display: block;
         width: 25px;
         height: 26px;
}

#facebook a {
         background: url(images/facebook_icon.png) top left no-repeat;
}

#twitter a {
         background: url(images/twitter_icon.png) top left no-repeat;
}

#rss a {
         background: url(images/rss_icon.png) top left no-repeat;
}

* html #twitter a {
         background: url(images/twitter_icon.gif);
}

* html #rss a {
         background: url(images/rss_icon.gif);
}

* html #facebook a {
         background: url(images/facebook_icon.gif);
}

#langs {
         overflow: hidden;
         position: absolute;
         top: -16px;
         left: 7px;
         list-style: none;
}

* html #langs { 
         height: 1%;
}

#langs li {
         float: left;
         margin-right: 1em;
}

#langs a {
         color: #fff;
}

#langs .active {
         font-weight: bold;
}

/*************************************
* Search
*************************************/
#search {
        position: absolute;
        right: 55px;
        top: -33px;
        font-size: 0.9em;
}

#search .inputbox, #search .button {
         background: #fff;
         border: 1px solid skyblue;
         color: skyblue;
         font-size: 1em;
         padding: 4px 0.6em;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;

}
#search .button {
         padding: 3px 0.6em;
         cursor: pointer;
         font-weight: bold;
         background: skyblue url(images/btn-up.png) center top no-repeat;
         color: #fff;
}
h2.searchquery {
         text-align: right;
         border-bottom: 1px solid skyBlue;
}

h2.error {
        color: hotpink;
}

.post-edit-link {
	font-weight: bold;
        color: chartreuse;
}

/* Box Facebook */


.fb {
border:1px #FFFFFF0 dotted; // La couleur et style de la bordure que nous souhaitons
/* Ci dessous la largeur et hauteur 
Attention vous devez mettre une taille inférieure à celle de la box Facebook 
Si votre likebox fait 230*300 mettez 220 et 296 ci-dessous */
width: 280px; height: 290px;
/* Tout ce qui dépasse sera caché, c'est cet élément qui nous intéresse */
overflow: hidden; 
}