Помогите доработать шаблон до симпатии Joomla 1.5

[xakerson2012]

Помогите пожалуйста! Весь измучался!!

css

/*********************************  GENERAL NASTROYKA CSS  **************************************/
html  {
    height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	background-color: #DFEFF5;
	font-size: 14px;
	min-height: 100%;
	padding: 0 10px 10px 10px;
}

p  {
    font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;

}	

a {
	color: #4D4946;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	outline: none;
	text-decoration: underline;
}


/**************************************************************************************************/

/*************************************** WRAPPER  *************************************************/

}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
}
/**************************************************************************************************/

/******************************************** HEADER **********************************************/

#header {
	height: 150px;
	background: #FFE680;
	margin-bottom: 15px;
	border-radius: 0 0 15px 15px;
}
/**************************************************************************************************/

/******************************************** TOP MENU ********************************************/

#top_menu {
 border-radius: 15px 15px 15px 15px;
 background: url(../images/menu_bg.png) repeat-x 0 0 #FE4C2B;
 height: 48px;
 line-height: 48px;
 overflow: hidden;
 padding-left: 20px; 
 margin-bottom: 15px; 
}

#top_menu a {
 color: #fff;
 font-weight: bold; 
 display: block;
 float: left;
 padding: 1px 10px;
 position: relative;
 text-decoration: none;
 font-size: 13px;
 font-family: Tahoma, Arial,Helvetica,Garuda,sans-serif;
 } 

#top_menu a:hover{
 background: url(../images/menu_hover.png) repeat-x 0 2px #B70515;
}

* { 
 margin: 20;
 padding: 0;

 }

 ul, ol { 
 list-style: none; 
 }

 img { 
 border: none;
 }

:focus { 
 outline: 0;
 }

.border-menu {
 position: absolute; 
 top: 0;
 right: 0;
 margin-left: 10px;
}

/**************************************************************************************************/

/*********************************************** MIDLE ********************************************/

#middle {
	border-left: 250px solid #B5E3FF;
	border-right: 250px solid #FFACAA;
	height: 1%;
	position: relative;
	border-radius: 15px 15px 15px 15px;
}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: -100%;
}
#content {
	padding: 0 20px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 15px 15px 15px 15px;
}

/**************************************************************************************************/

/***************************************  LEFT SIDEBAR  *******************************************/

#sideLeft {
	float: left;
	width: 250px;
	position: relative;
	background: #B5E3FF;
	left: -250px;
	margin-right: 15px;
	border-radius: 15px 15px 15px 15px;

}
/**************************************************************************************************/

/****************************************  RIGHT SIDEBAR  *****************************************/

#sideRight {
	float: right;
	margin-right: -250px;
	width: 250px;
	position: relative;
	background: #FFACAA;
	margin-left: 15px;
	border-radius: 15px 15px 15px 15px;

}
/**************************************************************************************************/

/********************************************  FOOTER  ********************************************/

#footer {
	height: 100px;
	background: #BFF08E;
	margin-top: 15px;
	border-radius: 15px 15px 15px 15px;

}
/**************************************************************************************************/

/******************************************  DOPOLNENIE  ******************************************/

* html #wrapper,
* html #footer {
	width: expression(
	(document.compatMode && document.compatMode == 'CSS1Compat') ?
	(document.documentElement.clientWidth < 1000 ? "1000px" :
	(document.documentElement.clientWidth > 3000 ? "3000px" : "auto")) :
	(document.body.clientWidth > 1000 ? "1000px" :
	(document.body.clientWidth < 3000 ? "3000px" : "auto")));
}

/**************************************************************************************************/

html

<body>

<div id="wrapper">

<!———————————— HEADER —————————————————>

	<div id="header">

	</div>

<!———————————-- END HEADER ————————————————->

<!———————————— TOP MENU ————————————————-->	
	<div id="top_menu">
            <a><img class="border-menu" src="images/menu_border.png"></a>
            <a href="http://localhost/mixa/">Главная<img class="border-menu" 
		        src="images/menu_border.png"></a>
            <a href="http://localhost/mixa/o-sayte.html">О сайте<img class="border-menu" 
				src="images/menu_border.png"></a>
            <a href="http://localhost/mixa/2012-10-23-19-33-04/1.html">Отзывы<img class="border-menu"  
				src="images/menu_border.png"></a>
			<a href="http://localhost/mixa/karta-sayta.html">Карта сайта<img class="border-menu"  
				src="images/menu_border.png"></a>	
				<jdoc:include type="modules" name="header-2" style="xhtml"/>
    </div>

<!————————————- END TOP MENU ———————————————>	

<!—————————————- MIDLE ————————————————->	

	<div id="middle">

<!—————————————- CONTENT ———————————————-->	

		<div id="container">
			    <div id="content">
				            <jdoc:include type="component" />
				</div>
		</div>

<!—————————————- END CONTENT ——————————————->

<!—————————————- LEFT SIDEBAR ——————————————>		
		        <div class="sidebar" id="sideLeft">
			                <jdoc:include type="modules" name="sidebar-1" style="xhtml"/>
				</div>


<!————————————— END LEFT SIDEBAR —————————————->

<!—————————————-- RIGHT SIDEBAR —————————————-->

		        <div class="sidebar" id="sideRight">
			                <jdoc:include type="modules" name="sidebar-2" style="xhtml"/>
				</div>

<!————————————— END RIGHT SIDEBAR ————————————-->				
	</div>

<!————————————-- END MIDLE ———————————————-->

<!—————————————- FOOTER ————————————————>	

	            <div id="footer">
		            <p>Автор: Тушинский Михаил Михайлович.<br>Все права защищены © 2012 года.</p> 
	                         <jdoc:include type="modules" name="footer" style="xhtml"/>
				</div>

<!————————————-- END FOOTER ———————————————->				
</div>

<!————————————-- END WRAPPER ———————————————->

</body>