/*
Theme Name: imargiBlog
Theme URI: http://imarginal.com/
Description: Thème 100% original crée pour <a href="http://imarginal.com/">imarginal</a>.
Version: 1.0
Author: Sacha Quester-Séméon, i-marginal
Author URI: http://ubergeeek.com/

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

*/


html {
	margin: 0;
	/*\*/
	height: 100%;
	/*/  /**/
	}
body {
	height: 100%;
	font: 12px Georgia, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#585858;
	margin: 0px;
	padding: 0px;
/*	background: #FFFFFF url(images/snow_bkg.jpg) repeat; */

background:#F1F1F1 url(images/center-bkg.gif) repeat-y center;
	}

/* div#imlogo{
background:transparent url(images/logo_pg.jpg) no-repeat top left;
width:295px;
height:66px;
margin:0;
padding:0;
} */

#staticmenu {
height:5ex;
width:546px;
/* padding:0 14px 15px 14px; */
padding-left:14px;
background:transparent url(images/menu-tab-left.gif) no-repeat bottom left;
font: bold 12px Arial, Helvetica, sans-serif;
}
#staticmenu .menu {
width:512px;
height:5ex;
padding-right:20px;
background:transparent url(images/menu-tab-right.gif) no-repeat bottom right;
}
#staticmenu #contacts {
float:right;
}
#staticmenu ul {
width:100%;
padding:0;
margin:0;
}
#staticmenu li {
float:left;
list-style:none;
}
#staticmenu a {
float:left;
display:block;
padding:0px 8px 0 8px;
height:5ex;
color:#666666;
text-align:center;
white-space:nowrap;
line-height:4.2ex;
background: inherit;
}
#staticmenu a:hover {
color:#8F2929;
text-decoration:none;
background:#f1f1f1 url(images/menu-tab-middle.gif) repeat-x bottom left;
}
#staticmenu .current_page_item a {
color:#8F2929;
background:#f1f1f1 url(images/menu-tab-middle.gif) repeat-x bottom left;
}

div#imlogo{
color:#F2F2F2;
background:#F1F1F1; /* url(images/top-blog.gif) no-repeat bottom left; */
width:540px;
height:130px;
margin:0;
padding:20px 0 0 0;
}
div#imlogo img {
border:0;
}
#main {
width:760px;
margin: 0px auto;
height:100%;

}
#first {
float:left;
width:490px;
padding:20px 30px 20px 20px;
min-height:100%;
margin:0;
background:transparent url(images/cadres/1_center_bg.gif) repeat-y;
}
#second {
float:right;
width:220px;
margin:-67px 0 0 0;
}

li {
list-style:none;
}

#imdesc {
padding: 0 0 10px 20px;
margin: 0;
}

#first .rbroundbox    { }
#first .rbbot         { background: none; }
#first .rbbot div     { background: none; }
#first .rbbot div div { background: none; }
#first .rbcontent     { background: none; }

#iminfos .rbroundbox {
	width:140px;
	padding-bottom:30px;
	font: 10px Arial, Helvetica, sans-serif;
}
#iminfos .rbroundbox a {

	font-weight:bold;
}
#second .rbroundbox    { }
#second .rbtop div     { background: transparent; }
#second .rbtop div div { background: transparent url(images/cadres/2_hd.gif) no-repeat top right; }
#second .rbcontentwrap { background:#FFFFFF; color:#585858;}
#second .rbbot         { background: transparent url(images/cadres/1_b.gif) repeat-x; }
#second .rbbot div     { background: transparent; }
#second .rbbot div div { background: transparent url(images/cadres/1_bd.gif) no-repeat top right; }
 /*
Doug's 4 Rounded Corners
http://www.redmelon.net/tstme/4corners/
*/
.rbtop         { background: transparent url(images/cadres/1_h.gif) repeat-x; }
.rbtop div     { background: transparent url(images/cadres/1_hg.gif) no-repeat top left; }
.rbtop div div { background: transparent url(images/cadres/2_hd.gif) no-repeat top right; }

.rbbot         { background: transparent url(images/cadres/1_b.gif) repeat-x; }
.rbbot div     { background: transparent url(images/cadres/1_bg.gif) no-repeat top left; }
.rbbot div div { background: transparent url(images/cadres/1_bd.gif) no-repeat top right; }

.rbcontentwrap { background: transparent url(images/cadres/1_g.gif) repeat-y; }
.rbcontent     { background: transparent url(images/cadres/2_d.gif) repeat-y right; }

 
/* height and width details */
.rbtop div,  .rbtop,  .rbbot div,  .rbbot {
width: 100%;
height: 14px;
font-size: 1px;
}
.rbcontent  { padding: 1px 1.5em; margin: 0;  }
/* Doug's 4 Rounded Corners -end- */

a{
color:#AA0000;
text-decoration:none;
background: inherit;
}
a:hover{
color:#333333;
text-decoration:underline;
background: inherit;
}

h2 {
font-size:18px;
margin:0;
padding:0;
font-weight:normal;
}
h3 {
font-size:14px;
margin: 10px 0 0 0;
padding:0;
font-weight:normal;
}
#second li h2 {
margin: 10px 0 0 0;
font-size:14px;
}
#second li.widget {
}

h6 {
margin:0;
padding:3px;
font-size:10px;
font-weight:normal;
}
#second ul {
margin:0;
padding:0;
list-style: none;
}
#second ul ul{
margin: 5px 0 20px 8px;
padding:0;
list-style: none;
line-height:18px;
}
#second ul li {
line-height:16px;
}
#second ul #recent-posts li, #second ul #recent-comments li {
line-height:14px;	
padding:0 0 6px 0;
}
#first p.postinfo {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
}
.postmeta {
padding:10px 0 0 0;
font-size:11px;
}
#first p {
font-size:12px;
line-height:18px;
margin-top:15px;
padding:0;
}
/* .post {
padding-bottom:5px;
margin-bottom:15px;
border-bottom: dotted thin;
} */
.horizontalline {
/* width:250px; */
padding-bottom:5px;
margin-bottom:45px;
border-bottom: #ccc solid thin;
}
.post img {
margin:5px;
}
#comment {
width:450px;
}
img, img.noborder {
border:0;
}
.post img {
border:#999 solid 1px;
}
#footer {
background:transparent url(images/bkg-footer.gif) no-repeat bottom left; 
margin:0;
width:760px;
height:6ex;
float:left;
/* vertical-align: bottom; */
}
#footer p {
margin:0;
padding:0;
width:540px;
text-align:center;
}
.commentlist li {
padding: 0 0 10px 0;
margin: 0 0 20px 0;
background:transparent url(images/comment-bottom.gif) no-repeat bottom left;
}
.gravatar {
color:#f1f;
background-color:#fff;
float:right;
}
.archive-nav {
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;
}

/*Cool DHTML Tooltip II */
/* http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm */
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/


#dhtmltooltip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid #ccc;
padding: 2px;
color:#585858;
background: #F1F1F1 url(/images/tooltip-bkg.gif) repeat;
display:block;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.tooltipa {
border-bottom: 1px dashed #000000;
color: #000000;
background-color: #FFFFFF;
}
a:hover.tooltipa {
text-decoration:none;
}
p {
width:99.6%;
}

.alignleft {
float:left;
}


.alignright {
float:right;
}


div.sociable ul {
list-style:none;
}
 div.sociable ul li {
	display: inline;
 }

div.sociable a img {  
    padding: 5px;  
}  
  
div.sociable a:hover img {  
    background: #eeeeee;  
    border: solid 1px #cccccc;  
    padding: 4px;  
} 

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}