.dialog {
 margin:0px auto;
 min-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:20px;
}

.dialog .ft .c {
 height:20px;
}

.dialog .hd {
 background: url(tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background: url(tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background: url(ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background: url(mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px -20px 4px;
 background:#333333;
 padding:1em;
}

.dialog .ft {
 background:transparent url(bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(br.png) no-repeat right 0px;
 margin-right:-14px;
}


/* First page */

body {
scrollbar-face-color:#000000;
scrollbar-shadow-color:#ffffff;  
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ffffff;
background-color:#000000;
color:#ffffff;
text-align:center;}

A:link {color:#cccccc}
A:visited {color:#cccccc}
A:active {color:#cccccc}

#content {
width:800px;
margin:0 auto;
background:#000000;}
 
#header {
float:left;
width:100%;
border:1px solid #888888;
background:#222222;
padding:0px 0 2 0;
margin:15px 0 15 0;
font-size:0.6em; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;}

#footer {
float:left;
width:100%;
border:1px solid #888888;
background:#222222;
padding:5px 5 5 5;
margin:15px 0 15 0;
font-family:Arial,Helv,sans-serif;
font-size:0.5em;
text-align:center;}

#main {
width:500px;
float:left;
margin:15px 0 0;
background:#000000;}

#archive {
width:500px;
float:center;
margin:15px 0 0;
background:#000000;}

#post {
float:left;
width:100%;
padding:5px 5px 5px 5px;
margin:15px 0 15 0;}

.posttitle {
font-size:0.8em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#ffffff;
font-weight:bold;
margin:0px 0 0 0;
text-align:left;}

.postdate {
font-size:0.6em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#999999;
font-weight:bold;
margin:0px 0 20 0;
text-align:left;}

.posttext {
font-size:0.8em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
margin:0px 0 0 0;
color:#ffffff;
padding:0px 30px 0px 30px;
text-align:justify;
text-indent:0px;
background:#333333;}

.quote {
border:1px solid #888888;
font-size:0.9em; 
font-family: verdana, arial, helvetica, sans-serif; 
background-color: #222222; 
text-align: justify;
padding: 5px 5px 5px 5px;
margin:40px 15 40 15;}

#smallpost {
float:left;
border:1px solid #aaaaaa;
font-size:0.6em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
background:#111111;
margin:15px 15 15 15;
padding:10px 10 10 10;
color:#ffffff;
text-align:justify;}

#sidebar1 {
width:250px;
height:50px;
float:right;
text-align:center;
font-size:1em; 
font-family:Arial, Helvetica, sans-serif; 
background:#000000;
margin:50px 0 0 0;
color:#ffffff;
font-weight:bold;}
  
#sidebar2 {
width:250px;
height:300px;
float:right;
background:#000000 url("cercle.gif") no-repeat 50% 30%;}

#sidebar3 {
width:250px;
height:50px;
float:right;
text-align:center;
font-size:0.6em; 
font-family:Arial, Helvetica, sans-serif; 
background:#000000;
color:#ffffff;
font-weight:bold;}

#sidebar4 {
float:right;
border:2px dotted #888888;
background:#222222;
padding:5px 5 5 5;
margin:80px 50 0 50;
font-size:0.6em; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
line-height:2;}
 
/* Not used on main page, old ones */

.bloc_texte_index {
border:1px solid #888888;
font-size:0.6em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
background:#222222;
text-align:justify;
color:#ffffff;
padding:5px 5px 5px 5px;}
    
.bloc_liens {
border:2px solid #888888;
font-size:0.7em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
background:#333333;
text-align:justify;
color:#ffffff;
padding:5px 5px 5px 5px;}

.bloc_texte {
border:1px solid #888888;
font-size: 0.8em; 
font-family: verdana, arial, helvetica, sans-serif; 
background-color: #222222; 
text-align: justify;
padding: 5px 5px 5px 5px;}

.bloc_basdepage {
font-size: 0.7em; 
font-family: verdana, arial, helvetica, sans-serif; 
text-align: left;
font-weight: bold; 
color: #cccccc;}
                   
.design {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #ffffff;  
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #333333;
scrollbar-arrow-color: #ffffff}

/* Used for rounded corners */

/* surrounding margins (optional) */
.round{margin-bottom:5px}
.round .c{
/* inner content padding */
padding:0 10px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid;}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;}
.round .t b, .round .b b{
float:right;
width:50%;}
.round .t .r{background-position:top right;}
.round .b .r{background-position:bottom right;}
.round .b{background-position:bottom left;}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;}
/* curve height, background image */
.roundpost .t, .roundpost .b, .roundpost .b b, .roundpost .t b{
height:20px;
background-image:url(corners.png);}
/* inner color, border color, border width */
.roundpost .c{
background:#333333;
border-color:#777777;
border-left-width:2px;
border-right-width:2px;}
