/*
Theme Name: wp map
Theme URI: http://www.pupdesign.net/worknet
Description: Wide & Map & Ajax & Scroll.
Author: raphael bastide
Author URI: http://www.raphaelbastide.com/
Version: 1.0.0
*/


/* =================================
FEEL FREE TO USE
================================== */
/* Post positions positions.css*/
@import "positions.css";

/* Speed */

body {
	background: #fff;
   overflow: hidden; 
	color: #000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}


#top {
padding:10px 10px 0px 10px;
height:45px;
border-bottom:1px solid black;
}

#demo-inner {
width: 4000px;
height: 4000px;
position: relative;
}


#content {
position:absolute;
left: 50%;
top: 56px;
width: 100%;
height: 100%;
margin-left: -50%; /* moiti? de la largeur */
background-color: #FFFEEF;
line-height:18px;
overflow: hidden;
}

.post-wrap {
position: absolute;
margin:10px;
width:750px;
}

#bottom {
background:white;
position:absolute;
border-top:1px solid black;
width:100%;
height:25px;
bottom:0px;
}

/* Header */

#top h1 {
padding:0;
margin:0;
}

#top p.blogdescription {
padding:5px 0 0 0;
margin:0;
color:black;
font-size:0.8em;
}
.baseline{
color:grey;
font-style:italic;
margin:0 0 0 5px;
}

#absotop{
position:absolute;
width:100%;
height:25px;
top:25px;
right:0;
}

#absotop ul, #absotop li ul{
font-size:10px;
margin: 0;
padding:0 5px 0 0;
white-space: nowrap;
}

#absotop li, #absotop li li{
display: inline;
padding:0px 5px 0px 5px;
float:right;
list-style-type: none;
}

#absotop a {
display:block;
background:white;
border:solid 1px #F1EDED;
padding: 4px 5px 3px 5px;
}


#absotop li a:hover{
border:solid 1px grey;
color:grey;
}

	
/* Content */

	.author {}
	.author a {}
	.author a:hover {}
	.post-meta {}
	.post-date {}
	.post-title {}
	.post-title a {}
	.post-title a:hover {}

.story-content {
       	overflow: hidden;
	position: relative;
}

#bg-box{
background:url(images/fond_ornament.gif) no-repeat top;
padding:20px 50px 20px 50px;
width:100%;
}

#bas{
background:url(images/bas_ornament.gif) no-repeat bottom;
height:116px;
margin-top:-100px;
width:100%;
padding:0px 50px 0px 50px;
}

		/* post content headings */
		.story-content h3 {}
		.story-content h4 {}
		/* playing with blockquotes */
		.story-content blockquote {}
		.story-content blockquote cite {}
		.story-content blockquote .styleleft {}
		.story-content blockquote .styleright {}
		/* post content lists */
.story-content ul {
background:;
border-left:1px solid black;
list-style-type:square;
padding:15px 15px 8px 13px;
}
.story-content li {
margin-bottom:15px;
padding-left:10px;
}
.story-content ul ul {
list-style-type:disc;
}

		/* post content links */

.story-content a {
background:#FFF2B7;
padding: 0 2px 0 2px;
}


		.story-content a:hover {}
		.story-content a img {}
		/* post content tables */
		.story-content table {}
		.story-content th {}
		.story-content tr {}
		.story-content td {}
		/* post content forms */
		.story-content form {}
		.story-content fieldset {}
		.story-content legend {}
		.story-content label {}
		.story-content input {}
		.story-content input.submit {}

.i_rb, .i_gg, .i_ad, .i_cc, .i_pv, .i_af, .i_fh, .i_xb{
border-top:1px solid black;
padding:0 0 0 90px;
height: 100px;
}
html>body .i_rb, .i_gg, .i_ad, .i_cc, .i_pv, .i_af, .i_fh, .i_xb {
height: auto;
min-height: 100px;
} 

.i_rb{
background:url(images/rb_avatar.jpg) top left no-repeat;
}
.i_gg{
background:url(images/gg_avatar.jpg) top left no-repeat;
}
.i_ad{
background:url(images/ad_avatar.jpg) top left no-repeat;
}
.i_af{
background:url(images/af_avatar.gif) top left no-repeat;
}
.i_fh{
background:url(images/fh_avatar.jpg) top left no-repeat;
}
.i_xb{
background:url(images/fh_avatar.jpg) top left no-repeat;
}
.i_pv{
background:url(images/pv_avatar.jpg) top left no-repeat;
}
.i_cc{
background:url(images/cc_avatar.jpg) top left no-repeat;
}


#nbp{
border-top:1px solid black;
font-size:10px;
}

/* Footer */

#bottom a {
border-bottom:1px dotted grey;
}
#bottom a:hover {
background:#FFF2B7;
}

	/* attribution link styling */

#bottom p {
font-size:0.8em;
padding:5px 5px 0px 5px;
margin:0;
}

#bottom p.credit {
}
	#bottom p.credit a {}
	#bottom p.credit a:hover {}


/* HTML */

a {
	text-decoration: none; 
	color: #000;
}

a:active {
	text-decoration: none;
	color: #000;
}

a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none; 
	color: #000;
}

a img {
	border: none;
}
a:hover {}
a img {border: none; text-decoration: none;}
acronym, abbr {}
blockquote {}
blockquote cite {}
code, pre {}
fieldset {}
legend {}
h1, h2, h3, h4, h5, h6 {}
h1 {}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
font-weight:normal;
font-size:2em;
font-family:Georgia, Times New Roman, serif;
word-spacing: 0.1em
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	font-size: 13px;
}
h4 {}
hr {}
input, textarea {}
td, th, tr {}

#wrapper {}


/* Various Classes & Image Alignment */


#alert{
padding:10px;
font-size:1.4em;
text-transform:;
margin:15px 0 0 0;
border:red 3px inset ;
}

#alert a{
font-weight:;
color:#EF6868;
text-decoration:underline;
}

.flashtitle { text-align: left; }

input {
background-color:white;
background-color:#EFEFEF;
}
#quoi{
border:1px solid #DFDFDF;
color:grey;
letter-spacing:1px;
font-family:arial;
font-weight:bold;
font-size:15px;
text-indent:3px;
padding:1px 0;
}
#rechercher{
border:3px outset #DFDFDF;
font-weight:normal;
background-color:white;
color:grey;
font-size:12px;
letter-spacing:0.1em;
cursor:pointer;
}
#rechercher:hover {
background-color:white;
color:black;
}
input.rechercher:active {
border:2px inset red;
color:white;
}
input:focus, textarea:focus {
background-color:white;
color:black;
}
::selection {
	background: #ffb7b7; /* Safari */
	}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.center {display: block; margin: 10px auto;}
img.left {display: inline; margin: 0 10px 5px 0;}
img.right {display: inline; margin: 0 0 5px 10px;}
.nav {margin: 25px 0;}
.previous {float: left; text-align: left; width: 45%;}
.next {float: right; text-align: right; width: 45%;}
	color: #000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}