@import "layout.css";
 
/* Les éléments HTML en général -------------------------------------------------------- */

::selection {background:white;color:black;}
::-moz-selection{background:white;color:black;}
::-webkit-selection{background:white;color:black;}

body{
	background: black;
	color: #DFDFDF;
	font-size: 14px;
	font-family: 'Cuprum',arial,sans-serif;
	margin: 0;
}
#fond{
	margin: 0;
}

.bg{position:fixed;top:0;width:512px;height:320px;z-index:-2;}
#bg-left{background:url(http://xiberia.info/wp-content/themes/xiberia/images/background.png) no-repeat top left;left:0;}
#bg-right{background:url(http://xiberia.info/wp-content/themes/xiberia/images/background.png) no-repeat top right;right:0;}


#orb{position:fixed;top:50px;z-index:-1;height:220px;width:1280px;left:50%;margin-left:-640px;background:url(img/banarchive.png) no-repeat center center;}
#menu a{display:block;position:absolute;top:45px;left:50%;margin-left:-112px;width:224px;height:225px;}

h1, h2, h3, h4, h5, h6{
	font-family: 'Cuprum',arial,sans-serif;
	font-weight: bold;
	text-transform:uppercase;
}
h1{font-size: 1.4em;}
h2{font-size: 1.3em;padding:0;}
h3{font-size: 1.2em; color:red; padding:0;}
h4{font-size: 1.1em; color: red;}
h5{font-size: 1em;}
h6{font-size: .9em;}
pre, code{
	font-size: 1.2em;
}
pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}
fieldset{
	border: none;
}
label{
	cursor: pointer;
	cursor: hand;
}

.field label{display: block;}

input,textarea{
	border: 1px solid #1C1C1C;
	font-size: 14px;
	padding: 2px;
	margin: 2px;
	/*background: black url(img/opacity.png);*/
	background: black;
	color: #AAAAAA;
	-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	padding:5px;
	font-family:inherit;
	outline:0;
}
input#sending.submit{
	margin-left: 45%;
}
* html input,* html textarea{
	background: none;
	border: 1px solid white;
	color: #AAAAAA;
}
input:focus,textarea:focus{
	border: 1px solid #3A0303;
	color:red;
	text-shadow: 0 0 3px red;
}
input.submit,input.preview{
	cursor: pointer;
	border: none;
	font-family: inherit;
	font-size: .1em;
	color: black;
	height: 30px;
}
input.submit{background: transparent url(img/ok.png) no-repeat top center;width: 50px;height:25px;}
input.submit:hover{background: transparent url(img/ok.png) no-repeat bottom center;}

input.preview{background: transparent url(img/preview.png) no-repeat top center;width: 125px;height:25px;}
input.preview:hover{background: transparent url(img/preview.png) no-repeat bottom center;}

#bbcodes input{cursor:pointer;background:transparent url(img/opacity.png);color:#01FD2A;}
#bbcodes input:hover{color:red;text-shadow:0 0 3px red;}

textarea{
	width: 100%;
	font-size: 1em;
}
a{
	color: #BFBFBF;
	text-transform:uppercase;
	cursor: pointer;
	cursor: hand;
	outline:0;
}
a:visited{
	color: #BFBFBF;
}
a:hover{
	color: #01FD2A;
	text-shadow: 0 0 5px #01FD2A;
}


/* La page -------------------------------------------------------- */
#page{
	color: inherit;
	width: 800px;
	padding-bottom: 35px;
	margin-top:10px;
}
 
/* L'entête -------------------------------------------------------- */
#top{
	height: 230px;
	width: 475x;
	margin: auto;
	cursor: pointer;
	background: transparent url(img/ban.png) no-repeat top center;
	padding-bottom: 20px;
}
#top h1{
	display: none;
}


/* Le contenu -------------------------------------------------------- */

#content{
	margin-top:325px;
	margin-bottom: 75px;
	padding: 0;
}

#trackbacks{display: none;}
#comments{margin-bottom: 30px;}
#comments .comments-info{text-align:center;font-weight:bold;}
#comments hr{border:0;border-top:1px solid #141719;margin:3em 0 3em 0;}
#newcomment{margin-bottom:2em;}

#trackbacks blockquote, #comments blockquote{
	margin: 1em 0 50px 0;
	padding : 0 30px 10px 10px;
	color: #C7C7C7;
	text-align: justify;
	-webkit-border-radius: 20px;-khtml-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
	background: black;
	padding:.5em 1em .5em 1em;
	border:1px solid #0E1011;
	font-family:'Cuprum',Arial,sans-serif;
	color:white;
	text-shadow:0 0 2px white;
}

#comments blockquote.comback_content{
	text-shadow:0 0 1px #01FD2A;
	color:#ADFFB9;
}


.day-date{	
	display: none;
}
.post{width:681px;z-index:500;margin:0 auto;margin-bottom:75px;}
.post-top h2{text-transform:uppercase;font-size:20px;text-align:center;background:url(img/post.png) no-repeat top center;padding-0;margin:0;line-height:70px;height:60px;text-shadow: 0 0 5px #B2B2B2;}
.post-top h2 a{text-decoration:none;color:white;}
.post-top h2 a:hover{color:#01FD2A;}
.post-body{width:681px;margin:0 auto;background:url(img/post-content.png) repeat-y top center;}
.post-content{padding:1em 3em 1em 3em;}
.post-bottom{color:#AFAFAF;text-align:center;background:url(img/post.png) no-repeat bottom center;height:57px;line-height:45px;font-size:12px;}


.post-tags h3{background:none;margin:0 0 .5em 0;text-transform:uppercase;}
.post-tags{
	width: 445px;
	margin: auto;
	font-size: 12px;
	padding-top: 10px;
}
.post-title a{
	color: white;
	text-decoration: none;
}
.post-title a:visited{
	color: #05FD29;
	text-decoration: none;
}
.post-title a:hover{
	color: #01FD2A;
	text-decoration: none;
}

.more{margin-top:2em;margin-bottom:3em;}
.duration{}
.videostream{text-align:center;}
.videolink{}
.DDL{}
.complement{
	font-size:0.9em; padding:1em;margin:3em 1em 3em 1em;
	border:1px solid #0E1011;border-radius:10px;background:black;
	text-shadow:0 0 2px white;color:white;
}

a.gotopost{color:#CE0000;}
a.gotopost:visited{color:#CE0000;}
a.gotopost:hover{color:red;text-shadow: 0 0 5px red;}

.post-info{
	text-align:center;
	margin:auto;
	color: #BFBFBF;
	padding:0;
	padding-top:5px;
	background: transparent;
	font-style: italic;
	font-size: 11px;
}
.comment-info{
	color: #BFBFBF;
	font-style: italic;
}
.post-info a{
	color: #BFBFBF;
	background: transparent;
}
.post-content, .post-chapo{
	text-align: justify;
	width: 435px;
	margin: auto;
}
.post-content blockquote{
	font-family: courier, monospace;
	color: green;
}
.post-info-co{
	text-align: center;
	padding-top:45px;
}

/* hiddenbar -------------------------------------------------------- */

#hiddenbar .hidden{
	display:none;
	background: black url(http://xiberia.info/blog/themes/xiberia2/img/post-content.png) repeat-y top center;
	position: fixed;
	bottom: 40px;right:0;
	width:615px;
	padding: 10px 20px 10px 20px;
	z-index: 100;
	border:1px solid #0E0F11;border-right:0;
	-webkit-border-radius: 10px 0 0 0;-khtml-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0;
}
.hidden div{
	background: none;
}
#hiddenbar a{
	color: #999;
	text-decoration: none;
}
#hiddenbar a:visited{
	color: #999;
	text-decoration: none;
}
#hiddenbar a:hover{
	color: #01FD2A;
}
#hiddenbar div a.hiddenbar{
	color: #01FD2A;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}
#hiddenbar div a.hiddenbar:visited{
	color: #01FD2A;
	text-decoration: none;
}
#hiddenbar div a.hiddenbar:hover{
	color: #01FD2A;
	text-decoration: underline;
}
#hiddenbar h3{
	color: white;
	text-transform:uppercase;
	background: none;
	text-align: left;
	margin-top: 10px;
	text-shadow: 0 0 3px #B2B2B2;
}
p.spacer{
	height: 20px;
}
#hiddenbar div.close{
	position: absolute;
	right:0;margin-top:-5px;
	width:30px;height:30px;
	background:url(img/closebox.png) no-repeat top right;
	cursor:pointer;
}
#hiddenbar div.close span{display:none;}





/* links, syndicate, search -------------------------------------------------------- */

#links div{float: left;padding: 0 1em 1em 1em;}
#links strong em{color:#00E300;font-style:normal;text-transform:uppercase;text-shadow: 0 0 6px #00E300;}
#links,#syndicate,#search{text-align: left;}
#links ul{margin: 0;padding: 0;}
#links li{list-style: none;}
input#q{width:250px;}
input.submit{position:relative;top:-2px;}
#search fieldset, #search p{margin: 0;padding: 0;}

/* tagcloud -------------------------------------------------------- */
#tagcloud{
	text-align:justify;
}
#tagcloud ul { margin: 0; padding: 0 1em; display: block; }
#tagcloud li { display: inline; margin: 0 0.1em; padding: 0; background-image: none; }

/* niveaux des tags */
#tagcloud li.level-1 { font-size: 12px; }
#tagcloud li.level-2 { font-size: 14px; }
#tagcloud li.level-3 { font-size: 16px; }
#tagcloud li.level-4 { font-size: 18px; }
#tagcloud li.level-5 { font-size: 19px; }

/* couleur des liens des tags */
#tagcloud li.level-1 a { color: #086D00; text-decoration: none;}
#tagcloud li.level-2 a { color: #0A9100; text-decoration: none;}
#tagcloud li.level-3 a { color: #0DAF01; text-decoration: none;}
#tagcloud li.level-4 a { color: #0FD300; text-decoration: none;}
#tagcloud li.level-5 a { color: #12FF00; text-decoration: none;}

#tagcloud li.level-1 a:visited{text-decoration: none;}
#tagcloud li.level-2 a:visited{text-decoration: none;}
#tagcloud li.level-3 a:visited{text-decoration: none;}
#tagcloud li.level-4 a:visited{text-decoration: none;}
#tagcloud li.level-5 a:visited{text-decoration: none;}

#tagcloud li.level-1 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-2 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-3 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-4 a:hover{text-decoration: none;color: white; text-decoration: underline;}
#tagcloud li.level-5 a:hover{text-decoration: none;color: white; text-decoration: underline;}


/* bottombar -------------------------------------------------------- */
#bottombar{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 40px;
	color: white;
	background: transparent url(img/bottombar.png);
	text-align: justify;
	z-index: 200;
}

#bottombar div{
	display: inline;
	float: right;
	padding: 0;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 11px;
	border-left: 1px solid #131313;
	margin-top:-5px;
}
#bottombar a{text-decoration:none;color:#01FD2A;}
#bottombar a:visited{color: #01FD2A;}
#bottombar a:hover{color: #C8FFBF;}


.pagenav{font-size:14px;color:red;text-shadow:0 0 2px red;}
.pagenav a{color:white;text-decoration:none;ext-shadow:0 0 2px white;}
.pagenav a:hover{color:#01FD2A;text-shadow:0 0 2px #01FD2A;text-decoration:none;}
#paginationCell,.messageBox{
	text-align:center;
	position:fixed;
	left:50%;
	margin-left:-250px;
	bottom:25px;
	height:57px;
	padding-top:3px;
	width:500px;
	background: transparent url(img/pages.png) no-repeat top center;
	font-size:.9em;
}
#paginationCell {display:none;}
#paginationCell div{display:inline-block;vertical-align:top;margin:13px 0 0 0;}
#paginationCell #facebook{width:125px;margin-left:-30px; margin-top:14px;}
#paginationCell #gplusone{width:65px;}
#paginationCell #twitter{width:75px;}
#paginationCell p{	padding-top:3px;}
.messageBox{z-index:2;}
.errormsg {position:relative;top:1.3em;}
.errormsg p{display:inline;}


/* newsbox -------------------------------------------------------- */
#newsbox{
	color: #BFBFBF;
	text-align: justify;
	background: transparent url(img/newsbox.png) no-repeat;
	height: 45px;
	width: 350px;
	position: absolute;
	left: 0;
	margin-top: 5px;
}
* html #newsbox{
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

#newsbox marquee{
	background: transparent;
	width: 240px;
	margin-left: 80px;
	padding-top: 17px;
}
#newsbox a{
	color: #FFA18F;
	text-decoration: none;
}
#newsbox a:visited{
	color: #FFA18F;
}
#newsbox a:hover{
	color: white; text-shadow: 0 0 3px white;
}

/* sidebars -------------------------------------------------------- */

.sidebars{top:-25px;width:165px;height:250px;}
.sidebars div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebars div{
	text-align: justify;
}
#greenbar{position: absolute;right: 0;background: transparent url(img/greenbar.png);}
#greenbar div a{color: #01FD2A;}
#greenbar div a:visited{color: #01FD2A;}
#greenbar div a:hover{color: #C8FFBF;}

#redbar{position: fixed;left:0;background:transparent url(img/redbar.png);}
#redbar div a{color:red;text-decoration:none;font-weight:bold;}
#redbar div a:visited{color:red;text-decoration:none;}
#redbar div a:hover{color:#FFA18F;text-shadow: 0 0 5px #FFA18F;}

#xodus{position:fixed;left:45px;top:185px;}

/* menu principal -------------------------------------------------------- */
#categories {
	padding-top: 60px;
	padding-right: 22px;
	text-align: right;
	font-size: 11px;
}

/* lastcomments -------------------------------------------------------- */
#lastcomments{
	font-size:.78em;
	padding-top: 45px;
	padding-left: 18px;
	text-align: left;
}

/* courrielleur -------------------------------------------------------- */
#spam  {display: none;}

/* images des billets -------------------------------------------------- */
.img-left{
	float: left;
	margin-right: 1.2em;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	color: red;
}
.img-right{
	float: right;
	margin-left: 1.2em;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	color: #01FD2A;
}