/*  
Theme Name: ROI RENE
Theme URI: 
Description: Site placé dans un carde de 940px x 530px. Magnifique photo en arrière-plan. Fond de couleur crème.
Version: 2.0
Author: Société 23ème Homme
Author URI: http://www.23eme-homme.fr/
*/

/**************** Body *********************/
* {margin:0;padding:0;}
img {border: none 0px !important;}
a {color:#ffffff;}
a:hover {color:#2b7afb;}
body {background:#cccc99;color:#ffffff;font:13px Trebuchet MS; line-height:20px;}
li {list-style-type:none;}

#wrapper {
width:930px;
height:520px;
padding:5px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

body#index #wrapper {
background:url(images/bg_home.jpg) #333333 no-repeat 5px 5px;
}

body#index #sidebar {
display:none;
}
#sidebar {
padding-top:5px;
display:block;
width:100%;
background:#333333;
height:25px;
}

#sidebar ul {display:inline;}

#sidebar li {
	display: inline;
	height:5px;
	float: left;
	position: relative;
	text-align: left;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	border-left:1px solid #FFFFFF;
	padding:0 0 8px;
}
#sidebar li:first-child{
border:0px;
}

#sidebar a {
text-decoration:none;
font-size:1.1em;
top:-5px;
position:relative;
padding:0 5px;
}
#sidebar a:link, #sidebar a:visited {
color:#ffffff;
}
#sidebar a:hover {
color:#999999;
}

#container {
font-size:11px;
line-height:normal;
color:#000000;
}

body#index #laterale {
float:right;
width:165px;
height:455px;
padding-left:20px;
background:url(images/bg.png) repeat;
}
body#index #laterale  li{
margin-bottom:10px;
list-style-type:none;
}
body#index #laterale a {
font-size:1.6em;
text-decoration:none;
}

body#index #laterale a:link, body#index #laterale a:visited {
color:#ffffff;
}

body#index #laterale a:hover {
color:#999999;
}

#laterale a img:hover {
/* border: 2px solid #999999 !important; */
}

body#index #edito {
top:180px;
padding-left:10px;
width:355px;
height:225px;
position:absolute;
}

body#index #edito p{
margin-bottom:5px;
}
body#index #edito .bold {
font-weight:bold;
}
body#index .entry {
width:380px;
position:relative;
padding:427px 0 0 365px;
}

body#index .entry .post {
padding:5px;
background:url(images/bg2.png) repeat;
}
body#index .entry .post h2 a{
text-decoration:none;
font-size:13px;
}

body#index .entry .post h2 a:link, body#index .entry .post h2 a:visited{
color:#333333;
}
body#index .entry .post h2 a:hover{
color:#ffffff;
}

body#index .storycontent p {
margin-bottom:5px;
}

body#index #about {
height:225px;
padding-left:10px;
padding-top:170px;
width:355px;
}

body#index #about h3 {
display: none;
}
body#index #about p {
margin-bottom:5px;
}

#footer {
position:absolute;
top:470px;
width:930px;
height:65px;
background:#333333;
}


#footer div#menu2 {
padding-top:10px;
}

#footer div#menu2 li{
padding:0 0 8px;
text-align:left;
border-left:1px solid #FFFFFF;
display:inline;
float:left;
height:5px;
margin:0;
}
#footer div#menu2 li:first-child{
border:0px;
}

#footer #menu2 a {
padding:0 5px;
position:relative;
text-decoration:none;
top:-5px;
font-size:1.1em;
}
#footer div#menu2 a:link, #footer div#menu2 a:visited{
color:#ffffff;
}
#footer div#menu2 a:hover {
color:#999999;
}

#coordonnees {
background:url(images/blason.png) no-repeat left center;
margin-top:10px;
width:320px;
height:60px;
float:right;
padding-right:5px;
padding-left:60px;
}


#coordonnees h1 {
font-size:25px;
margin-bottom:2px;
}

#coordonnees p {
font-size:1em;
line-height:1.3em;
}

#credits {
margin:5px auto;
text-align:center;
width:940px;
color:#333333;
}
#credits a {
text-decoration:underline;
}
#credits a:link, #credits a:visited{
color:#333333;
}
#credits a:hover {
color:#ffffff;
}

/**************** TEMPLATE PAGE *********************/
body#page  #wrapper{
background:url(images/bg_inter.jpg) #333333 no-repeat 5px 5px;
}

body#page #sidebar {
display:inherit;
}

body#page #laterale {
display:none;
}

body#page .entry {
overflow-y:auto;
height:365px;
width:488px;
margin-top:55px;
padding-left:385px;
padding-right:12px;
}

body#page .entry p {
margin:10px 0px;
font-size:1.1em;
}
body#page .entry h1 {
color:#ffffff;
font-size:2.0em;
}
body#page .entry h2 {
color:#666666;
font-size:1.6em;;
}
body#page .entry h3 {
color:#666699;
font-size:1.4em
}

#commentsbox {
display:none;
}

#menu3 {height:15px;margin-bottom:0;margin-top:17px;padding-left:1px;width:300px;}
#menu3 li {border-left:1px solid #FFFFFF;display:inline;float:left;height:5px;margin:0;padding:0 0 8px;text-align:left;}
#menu3 li:first-child {border:0px solid;}
#menu3 ul li a {font-size:14px;text-decoration:none;padding:0 5px;position:relative;top:-5px;}
#menu3 ul li a:hover {color:#999999;}