Modification thème aqua

Bonjour,

Je voudrai ajouter une colone à droite à ce thème: www.mikiblog.fr mais je n'y arrive pas. Quand j'atoute un bloc ça met un gros "bordel".
J'aimerai aussi ajouter de l'espace entre ma ligne de page (en bleu) et le header, je ne sais pas quoi ajouter. Please help!

voici le code CSS:

@import "calendar.css";

body {
	background: white url(img/bordertop.jpg) top repeat-x;
	color: #2abbf0;
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	}
	
#top {
	background: transparent url(img/leaves.jpg) top left no-repeat;
	height: 104px;
	padding-top: 0; margin-top: 0;
	}
h1, h1 a { margin: 0px; padding: 0}

#page {
	width: 800px;
	margin: auto;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
	}
	
#main  {
	text-align: left;
	float: right;
	width: 500px;
	}
	
#sidebar {
	float: left;
	width: 175px;
	font-size: 12px;
	text-align: left;
	}
	
#footer, #footer a {
	clear: both;
	background: url(img/footer.jpg) repeat;
	height: 100px;
	color: white;
	text-align: center;
	margin: 0; padding: 0;
	padding-top: 20px;
	}

#footer a {
	color: #6BB601;
}
#prelude a{
	font-size: 18px;
	text-decoration: none;
	color: #42CCF3;
}

#prelude a:hover {
	color: #50DCF7;
	background: transparent;
}

a {
	font-family: "Century Gothic", Verdana;
	text-decoration: none;
	color: #bcee1d;
	padding: 2px;

	}
	
a:hover {
	color: white;
	background:  #bcee1d;
}

h1 a{
	font-family: "Century Gothic", Verdana;
	font-size: 46pt;
	text-decoration: none;
	color: white;
	padding-left: 240px;
	}
h1 a:hover {
	background: transparent;
	}

.post-title {
	background: transparent url(img/h2.jpg) top left no-repeat;
	padding-left: 45px;
	color: #bcee1d;
	text-transform: uppercase;
	font-family: "Century Gothic", Verdana;
	text-decoration: none;
	font-size: 30px;
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
h2 {
	color: #bcee1d;
	text-transform: uppercase;
	font-family: "Century Gothic", Verdana;
	text-decoration: none;
	text-align: left;
	}
	
h3 {
	color: #BCEE1D;
	text-transform: uppercase;
	font-family: "Century Gothic", Verdana;
	text-decoration: none;
	text-align: left;
	}
	
#sidebar ul li { list-style-type: none;}

fieldset {border: none;}
.submit, .preview {
	background: #36C4F2;
	color: white;
	border: #36C4F2 1px solid;
	}
.submit:hover, .preview:hover {
	background: #BCEE1D;
	border: #BCEE1D 1px solid;
	}

.post-info {
	padding-left: 45px;
	}
	
.post-info, .post-info a { color: #BCEE1D;}

.post-info-co {
	background: url(img/comms.jpg) no-repeat top left;
	padding-left: 20px;
	}

Voilà voilà
Modifié par macosdid (18 Sep 2007 - 01:12)