/*
Theme Name: Thème Innova Blog
Theme URI: http://imarginal.com/
Description: Thème original crée pour la Cité des sciences.
Version: 1.0
Author: Sacha Quester-Séméon, i-marginal
Author URI: http://imarginal.com/

Innova Blog theme for wordpress 2.
By Sacha Quester-Séméon, i-marginal.
http://imarginal.com
2007 All right reserved.
Please do not copy this code.

*/

html {
margin: 0;
/*\*/
height: 100%;
/*/  /**/
}
body {
height: 100%;
min-height:100%;
font: 14px Arial, Helvetica, Verdana, sans-serif;
color:#000;
margin: 0px;
padding: 0px;
background-color:#FFFFFF;
}
a {
text-decoration:none;
color:#333;
}
a img {
border:none;
}
#content a.extlink, #content a.extlink:link, #content a.extlink:visited {
color:#333;
font-weight:bold;
background-color:#FF9;
}
#content a.extlink:active {
color:#F00;
}
#content a.extlink:hover {
text-decoration:underline;
}

#main, #main-blue, #main-red, #main-yellow, #main-neutral, #main-grey {
width:975px;
min-height:100%;
margin:0 auto;
/* background:transparent url(images/main_bkg.jpg) repeat-y center; */
}
#main-red {
background:transparent url(images/main_bkg_red.jpg) repeat-y top center;
}
#main-blue {
background:transparent url(images/main_bkg_blue.jpg) repeat-y top center;
}
#main-yellow {
background:transparent url(images/main_bkg_yellow.jpg) repeat-y top center;
}
#main-neutral {
background:transparent url(images/main_bkg_neutral.jpg) repeat-y top center;
}
#main-grey {
background:transparent url(images/main_bkg_grey.jpg) repeat-y top center;
}
#center {
width:935px;
margin: 0 auto;
padding:0;
height:100%;
/* background-color:#F7F7F7; */
border: transparent 0px solid;
border-bottom:none;
border-top:#E6E6E6 1px solid;;
}
#bandeau {
width:935px;
margin:0 auto;
background-color:#ffffff;
height:25px;
padding:0;
}
#logoinnov {
position:relative;
top:-1px;
left:-1px;
}
#menu1 {
position:relative;
z-index:1;
/*width:450px;*/
/*height:24px; */
padding:0;
margin:-12px 0 0 0;
float:right;
font-size:80%;
}
#menu1 ul, #menu1 span {
/*width:100%; */
padding:0;
margin:0;
}
#menu1 li {
float:left;
list-style:none;
}
#menu1 a {
float:left;
display:block;
padding:0px 8px 0 8px;
height:4ex;
color:#666666;
border-top: #E6E6E6 1px solid;
border-bottom: #E6E6E6 1px solid;
background-color:#FFF;
text-align:center;
white-space:nowrap;
line-height:4.2ex;
}
#menu1 ul li.m1 a {
border-color: #0000FF;
}
#menu1 ul li.m2 a {
border-color: #FF9900;
background:#FFFFFF url(images/m1_r.gif) no-repeat left center;
padding-left:16px;
}
#menu1 ul li.m3 a {
border-color: #FF0000;
background:#FFFFFF url(images/m3_l.gif) no-repeat left center;
padding-left:16px;
}
#menu1 ul li.m4 a {
border-color: #FF00FF;
background:#FFFFFF url(images/m4_l.gif) no-repeat left center;
padding-left:14px;
}
#menu1 ul li.m5 a {
border-color: #00FF00;
background:#FFFFFF url(images/m4_l.gif) no-repeat left center;
/* background:#FFFFFF url(images/m5_l.gif) no-repeat left center; */
padding-left:14px;}
#menu1 span {
float:left;
width:8px;
line-height:4.33ex;
}
#menu1 span.m1-l {
width:16px;
background:transparent url(images/m1_l.gif) no-repeat left bottom;
}
#menu1 span.m1-r {
width:16px;
background:transparent url(images/m1_r.gif) no-repeat left center;
}
#menu1 span.m5-r-r {
background:transparent url(images/m5_r_r.gif) no-repeat left center;
}
#menu1 span.m5-r-b {
background:transparent url(images/m5_r_b.gif) no-repeat left center;
}
#menu1 span.m5-r-y {
background:transparent url(images/m5_r_y.gif) no-repeat left center;
}
#menu1 span.m5-r-n {
background:transparent url(images/m5_r_n.gif) no-repeat left center;
}
#menu1 span.m5-r {
background:transparent url(images/m5_r.gif) no-repeat left center;
}

#left {
width:260px;
float:left;
margin-left:1px;
}
#right, #right-red, #right-blue {
display:inline;
width:222px;
float:left;
min-height:100%;
margin:50px 0;
padding:0;
position:relative;
left:50px;
}

#right-red {
background:transparent url(images/red_squares.jpg) repeat-y top left; 
}
#right-blue {
background:transparent url(images/blue_squares.jpg) repeat-y top left; 
/* background-color: #000;*/
}

#right-red p, #right-blue p, #content p.postimg {
padding:10px;
background-color:#7E92A6;
border:#999 1px solid;
margin:0 0 40px 0;
font-size:80%;
color:#fff;
}
#main-red #content p.postimg {
background-color:#B46E6E;
border-color:#B58181;
}
#main-yellow #content p.postimg {
background-color:#CACD90;
border-color:#D1D98A;
color:#333;
}
#main-grey #content p.postimg {
background-color:#eee;
border-color:#fff;
color:#333;
}
#right-red p img, #right-blue p img, #content p.postimg img {
margin-bottom:8px;
}
#right-red p.none, #right-blue p.none {
border:none;
background-color:transparent;
}

#content p.postimg {
position:relative;
width:200px;
float:right;
line-height:1em;
clear:none;
/* margin-bottom:-19em; */
}

#content {
position:relative;
z-index:2;
float:left;
width:664px;
}
#content p.contentintro, #content .post div.contentintro {
width:637px;
font-size:95%;
border:#CCCCCC 1px solid;
background:transparent url(images/stripes_white.gif) repeat;
padding: 5px;
}

#footer {
display:block;
padding:0;
margin:0;
width:915px;
margin: 0 auto;
clear:both;
color:#333;
min-height:50px;
}
#footer p {
position:relative;
left:250px;
width:400px;
font-size:80%;
}
.titre h1,.titre h2 {
width:660px;
font-size:220%;
font-weight:100;
text-transform:uppercase;
font-stretch:ultra-expanded;
margin-bottom:0px;
padding:0;
}
/* .titre h1 {
margin-top:40px;
} */
.titre h2 {
margin-top:0px;
margin-bottom:5px;
font-size:180%;
}

#content p {
line-height:140%;
margin:0 0 15px 0;
padding:0;
font-size:95%;
width:400px;
}
#content p.haut {
width:316px;
float:right;
}
#square {
position:relative;
top:-5px;
left:24px;
width:139px;
}
#back {
position:relative;
left:62px;
width:54px;
}
#print {
position:relative;
top:-69px;
left:116px;
width:54px;
}
ul#coloredsq {
left:17px;
}
ul#whitesq {
left:25px;
}
ul#whitesq, ul#coloredsq {
position:relative;
width:220px;
top:-30px;
list-style:none;
font-size:80%;
text-transform:uppercase;
margin:0 0 8px 0;
padding:0;
}
ul#whitesq a,ul#whitesq a:link,ul#whitesq a:visited,ul#coloredsq a,ul#coloredsq a:link,ul#coloredsq a:visited {
color:#888;
}
ul#whitesq a:hover, ul#coloredsq a:hover {
color:#000;
}
ul#whitesq a, ul#coloredsq a {
display:block;
height:4.3ex;
line-height:2ex;
background:transparent url(images/square_white.gif) no-repeat left top;
padding-left:30px;
padding-top:0.3em;
}
ul#coloredsq a {
height:4.3ex;
}
ul#coloredsq li.link1 a {
margin-left:8px;
background:transparent url(images/square_blue.gif) no-repeat left top;
}
ul#coloredsq li.link2 a {
margin-left:16px;
line-height:2ex;
padding-top:0em;
padding-bottom:0.3em;
background:transparent url(images/square_yellow.gif) no-repeat left top;
}
ul#coloredsq li.link3 a {
margin-left:24px;
background:transparent url(images/square_grey.gif) no-repeat left top;
}
ul#coloredsq li.link4 a {
margin-left:8px;
line-height:2ex;
padding-top:0em;
padding-bottom:0.3em;
background:transparent url(images/square_red.gif) no-repeat left top;
}
ul#coloredsq li.link5 a {
margin-left:16px;
background:transparent url(images/square_blue.gif) no-repeat left top;
}
ul#coloredsq li.link6 a {
padding-top:0em;
padding-bottom:0.3em;
background:transparent url(images/square_red.gif) no-repeat left top;
}
#center #content p.nbpage {
width:150px;
float:left;
}
#center #content p.nbpage span {
display:none;
}
#center #content p.nbpage a {
width:20px;
height:20px;
background:transparent url(images/square_white.gif) no-repeat 1px 5px;
padding:9px;
color:#999;
font-weight:normal;
}
#center #content p.nbpage a:hover {
color:#000;
text-decoration:none;
}
#center #content p.nbpage a.current-page {
color:#000;
font-weight:bold;
}
#center #content p.nbpage img {
margin:0 1px 0 0;
padding:0;
vertical-align:middle;
}
#content div.intro h4 {
font-size:90%;
padding:5px 5px 0 5px;
margin:0;
}
#content div.intro {
float:left;
width:320px;
border:#CCCCCC 1px solid;
background:transparent url(images/stripes_grey.gif) repeat;
margin: 0 5px 10px 0;
}
#content div.intro a {
display:block;
color:#333;
}
#content div.intro p a:hover {
color:#000;
text-decoration:underline;}
#content div.intro p {
margin:0;
padding:0;
}
#content div.intro div.image {
width:93px;
padding:0;
margin:5px;
background:transparent url(images/stripes_white.gif) repeat;
float:right;
}
#content div.intro div.image p, #content div.intro div.image p.red {
background:transparent url(images/stripes_blue.gif) repeat;
width:80px;
padding:2px;
margin:5px;
}
#content div.intro div div {
background:transparent url(images/stripes_blue.gif) repeat;
width:198px;
padding:2px;
margin:5px;
}
#content div.intro div.image p.red, #content div.intro div.cadre1 div.red {
background:transparent url(images/stripes_red.gif) repeat;
}
#content div.intro div.image p.grey, #content div.intro div.cadre1 div.grey {
background:transparent url(images/stripes_grey2.gif) repeat;
}
#content div.intro div.image p.yellow, #content div.intro div.cadre1 div.yellow {
background:transparent url(images/stripes_yellow.gif) repeat;
}
#content div.intro div.image p img {
padding:5px;
margin:0px;
background:transparent url(images/stripes_white.gif) repeat;
}
#content div.intro div.cadre1 {
width:210px;
padding:1px;
margin:5px;
background:transparent url(images/stripes_white.gif) repeat;
}
#content div.intro p.chapo {
background:transparent url(images/stripes_white.gif) repeat;
position:relative;
width:188px;
min-height:68px;
padding:5px;
margin:0;
font-size:85%;
}
#content div.intro.introlarge {
float:none;
width:397px;
}
#content div.intro .cadre1.introlarge, #content div.intro .cadre1.introlarge div {
width:auto;
}
#content div.intro .cadre1.introlarge div p.chapo {
width:361px;
min-height:	10px;
}
#content div.intro .cadre1.introlarge div p.chapo a {
display:inline;
}
.titre h5 {
color:#666;
font-variant:small-caps;
font-weight:normal;
padding:0;
margin:0;
margin-bottom:10px;
}

/* Blog */

#bloglogo {
position:relative;
top:20px;
left:-30px;
}
#content .post h2.titre {
position:relative;
left:-5px;
padding-left:5px;
background:transparent url(images/back-title.jpg) no-repeat top left;
}
#content .post p.postmeta {
/*margin:0; */
position:relative;
left:-5px;
padding:0 0 0 5px;
font-size:80%;
background:transparent url(images/back-post.jpg) no-repeat bottom left;
}
#content .titre {
margin-bottom:0;
padding:0;
}
#content .post div.contentintro {
position:relative;
left:-5px;
padding:0 5px; -10px 5px;
}

#content .post p {
text-align:justify;
}
.titre h2 {
width:400px;
}
#content {
width:400px;
}
ul.archive-nav {
list-style:none;
}
#sidebar {
font-size:90%;
}
#right ul, #right ul li {
list-style:none;
padding:0;
margin:0;
}
#right ul {
margin:0 0 0 0;
}
#sidebar h2.widgettitle {
padding:0;
margin:0 0 10px 0;
font-size:12px;
}
#sidebar .widget {
border:#FFFFFF 1px solid;
background:transparent url(images/stripes_grey.gif) repeat;
padding:5px;
margin:0 0 20px 0;
width:195px;
}
#sidebar ul {
width:190px;
background:transparent url(images/stripes_grey2.gif) repeat;
padding: 2px;
}
#sidebar ul li {
/* border:#CCCCCC 1px solid; */
background:transparent url(images/stripes_white.gif) repeat;
padding: 3px;
}
#sidebar ul li a {
display:block;
}
#sidebar ul li.rsslink a {
background:transparent url(../../plugins/widgets/rss.png) no-repeat;
padding-left:17px;
}
#content DIV#comments {
font-size:90%;
width:390px;
/* background:transparent url(images/stripes_grey.gif) repeat; */
background-color:#fff;
border:#E8E8E8 1px solid;
padding:5px;
}
h3#trackbacks {
margin-top:0;
font-size:100%;
}
#comments h3 {
font-size:100%;
}
#comments ul.commentlist  {
list-style:none;
margin:0;
padding:0;
}
#comments ul.commentlist li div {
margin-bottom:5px;
padding:5px;
background:transparent url(images/stripes_grey.gif) repeat;
border:#E8E8E8 1px solid;
}
#comments ul.commentlist li div p {
width:368px;
margin-bottom:0;
padding:5px;
background-color:#FFF;
}
textarea#comment{
width:385px;
}

.archive-nav {
font-size:90%;
list-style:none;
padding:0 0 30px 0;
}
.archive-nav li a {
display: block;
}
.archive-nav .back{
float:left;
}
.archive-nav .next{
float:right;
text-align: right;
}

div.post div.texte p a {
color:#333;
font-weight:bold;
background-color:#D8D8D8;
}