I did like you said degamer12 but it seems that I don't have that desired look like on autorespondermadness.com
Here's my footer.php...
<div id="footercontainer">
<div id="footercontent">
</div>
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
</div>
<div id="footer">
<p>Copyright © <?php echo date('Y');?> <?php bloginfo('name');?>. Search Engine Optimization by Star Nine. Distributed by WordPress Themes</p>
</div>
</div>
</body>
</html>
</div>
</div>
and here's my style.css
/*
Theme Name: Famousspeech
Description: Famousspeech, wpthemeland-generated WordPress theme.
Version: 1.0
Author: wpthemeland
Author URI: http://wpthemeland.com/
Tags: fixed width, one column, valid XHTML, widgets
*/
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #EBBD7F;
background-image: url('images/Page-BgTexture.png');
background-repeat: repeat;
color: #000000;
}
h2
{
font-size: 18px;
}
.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGradient
{
background-image: url('images/Page-BgGradient.png');
background-repeat: repeat-x;
height: 331px;
}
table, th, td
{
font-size: 1em;
padding: 0;
border-collapse: collapse;
}
a img
{
border: 0;
}
a
{
color: #832121;
}
a:link
{
color: #832121;
}
a:visited
{
color: #2B2B2B;
}
a:hover
{
color: #240000;
}
/* end Page */
/* begin Box, Sheet */
.Sheet
{
min-width:13px;
min-height:13px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
width: 800px;
}
* html .Sheet
{
width:expression(this.offsetWidth < 13 ? 13+"px" : "auto !important");
height:expression(this.offsetHeight < 13 ? 13+"px" : "auto !important");
width: 800px;
zoom: 1;
}
.Sheet-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 6px;
text-align: left;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 16px;
height: 16px;
background-image: url('images/Sheet-s.png');
}
* html .Sheet-tl
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 16px;
height: 16px;
}
* html .Sheet-tr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-16+'px');
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -16px;
width: 32px;
height: 32px;
background-image: url('images/Sheet-s.png');
}
* html .Sheet-tr div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 16px;
height: 16px;
}
* html .Sheet-bl
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-16+'px');
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -16px;
left: 0;
width: 32px;
height: 32px;
background-image: url('images/Sheet-s.png');
}
* html .Sheet-bl div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 16px;
height: 16px;
}
* html .Sheet-br
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-16+'px');
left: expression(this.parentNode.offsetWidth-16+'px');
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -16px;
left: -16px;
width: 32px;
height: 32px;
background-image: url('images/Sheet-s.png');
}
* html .Sheet-br div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-s.png',sizingMethod='crop')");
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 16px;
right: 16px;
height: 16px;
}
* html .Sheet-tc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-32+'px');
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 32px;
background-image: url('images/Sheet-h.png');
}
* html .Sheet-tc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 16px;
right: 16px;
height: 16px;
}
* html .Sheet-bc
{
font-size: 1px;
top: expression(this.parentNode.offsetHeight-16+'px');
width: expression(this.parentNode.offsetWidth-32+'px');
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -16px;
left: 0;
width: 100%;
height: 32px;
background-image: url('images/Sheet-h.png');
}
* html .Sheet-bc div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-h.png',sizingMethod='scale')");
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 16px;
left: 0;
width: 16px;
bottom: 16px;
}
* html .Sheet-cl
{
font-size: 1px;
height: expression(this.parentNode.offsetHeight-32+'px');
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 32px;
height: 100%;
background-image: url('images/Sheet-v.png');
}
* html .Sheet-cl div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-v.png',sizingMethod='scale')");
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 16px;
right: 0;
width: 16px;
bottom: 16px;
}
* html .Sheet-cr
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-16+'px');
height: expression(this.parentNode.offsetHeight-32+'px');
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -16px;
width: 32px;
height: 100%;
background-image: url('images/Sheet-v.png');
}
* html .Sheet-cr div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Sheet-v.png',sizingMethod='scale')");
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 16px;
left: 16px;
right: 16px;
bottom: 16px;
background-color: #FFFFFF;
}
* html .Sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-32+'px');
height: expression(this.parentNode.offsetHeight-32+'px');
}
.Sheet
{
margin-top: 0px !important;
margin-bottom: 3em;
padding: 0 0 1em 0;
}
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 788px;
height: 250px;
}
* html div.Header
{
font-size: 1px;
}
div.Header div
{
width: 100%;
height: 100%;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
text-align: left;
}
/* end Header */
/* begin Logo */
.logo
{
position: relative;
left: 24px;
top: 144px;
}
.logo td
{
text-align: left;
vertical-align: bottom;
white-space: nowrap;
}
.logo-name
{
font-size: 36px;
font-family: Trebuchet MS;
font-style: normal;
font-weight: bold;
}
.logo-name a
{
text-decoration: none;
color: #DE912B !important;
}
.logo-text
{
font-size: 31px;
font-family: Trebuchet MS;
font-style: normal;
font-weight: normal;
color: #DE912B !important;
}
/* end Logo */
/* begin Menu */
.menu, .menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
}
.menu li:hover
{
z-index: 10000;
white-space: normal;
}
.menu li li
{
float: none;
}
.menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
}
.menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.menu li li:hover>ul
{
top: 0;
left: 100%;
}
.menu:after, .menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul
{
min-height: 0;
}
.menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
* html .menu, * html .menu ul
{
height: 1%;
}
* html .menu li.menuhover
{
z-index: 10000;
}
* html .menu .menuhoverUL
{
visibility: visible;
}
* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}
* html .menu ul a
{
height: 1%;
}
* html .menu li li
{
float: left;
width: 100%;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 5px;
left: 100%;
}
* html .menu, * html .menu ul
{
height: 1%;
}
* html .menu li.menuhover
{
z-index: 10000;
}
* html .menu .menuhoverUL
{
visibility: visible;
}
* html .menu .menuhoverUL
{
top: 100%;
left: 0;
}
* html .menu .menuhoverUL .menuhoverUL
{
top: 0;
left: 100%;
}
* html .menu ul a
{
height: 1%;
}
* html .menu li li
{
float: left;
width: 100%;
}
.nav
{
position: relative;
margin: 0 auto;
width: 788px;
height: 31px;
z-index: 100;
}
.menu
{
padding: 0px 0px 0px 0px;
}
* html .nav
{
zoom: 1;
}
.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 31px;
}
.nav .l
{
left: 0;
right: 0px;
}
* html .nav .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}
.nav .r
{
right: 0;
width: 0px;
}
* html .nav .r
{
left: expression(this.parentNode.offsetWidth-0+'px');
}
.nav .r div
{
width: 788px;
right: 0;
}
* html .nav .r div
{
left: expression(this.parentNode.offsetWidth-788+'px');
}
.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/nav.png');
}
* html .nav .l, * html .nav .r div
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/nav.png',sizingMethod='crop')");
}
/* end Menu */
/* begin MenuItem */
.menu ul li
{
clear: both;
}
.menu a , .menu a span
{
height: 31px;
display: block;
}
* html .menu a , * html .menu a span
{
float: left;
}
.menu a
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
}
.menu a span span
{
font-family: 'Trebuchet MS';
font-size: 14px;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #454545;
padding: 0 22px;
margin: 0 0px;
line-height: 31px;
text-align: center;
background-image: url('images/item-center.png');
background-position: left top;
background-repeat: repeat-x;
}
* html .menu a span span
{
display: inline;
}
.menu a:hover span span
{
color: #1A1A1A;
background-position: left -31px;
}
.menu li:hover a span span
{
color: #1A1A1A;
background-position: left -31px;
}
* html .menu .menuhover .menuhoverA span span
{
color: #1A1A1A;
background-position: left -31px;
}
/* end MenuItem */
/* begin ContentLayout */
.contentLayout
{
margin-bottom: 0px;
width: 100%;
position: relative;
}/* end ContentLayout */
/* begin Button */
button.Button, a.Button
{
border: none;
padding: 0;
margin: 0;
background: none;
font-size: 100%;
font-family: inherit;
line-height: inherit;
display: inline-block;
overflow: visible;
width: auto;
cursor: default;
white-space: normal;
text-decoration: none;
}
.Button .btn
{
position: relative;
display: block;
overflow: hidden;
float: left;
z-index: 0;
height: 25px;
color: #FFFFFF;
}
.Button .t
{
height: 25px;
line-height: 25px;
padding: 0 9px;
text-align: left;
font-family: 'Arial';
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.Button .active
{
color: #1F1F1F;
}
.Button .hover
{
color: #5E1717;
}
.Button .active .r
{
top: -50px;
}
.Button .hover .r
{
top: -25px;
}
.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 3px;
height: 75px;
}
* html .Button .r
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-3+'px');
}
.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:403px;
height: 75px;
}
* html .Button .r span
{
font-size: 1px;
left: expression(this.parentNode.offsetWidth-403+'px');
}
.Button .active .l
{
top: -50px;
}
.Button .hover .l
{
top: -25px;
}
.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 3px;
height: 75px;
}
* html .Button .l
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-3+'px');
}
.Button .l, .Button .r span
{
background-image: url('images/Button.png');
}
* html .Button .l, * html .Button .r span
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/Button.png',sizingMethod='crop')");
}
/* end Button */
/* begin Box, Block */
.Block
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .Block
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.Block-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 0px;
text-align: left;
}
.Block
{
margin: 10px;
}
.Block table.table
{
border-collapse: collapse;
margin: 1px;
}
.Block table.table th, .Block table.table td
{
padding: 2px;
border: solid 1px #C4A67F;
}
/* end Box, Block */
/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 8px;
margin-bottom: 15px;
text-align: left;
color: #000000;
font-family: 'Trebuchet MS';
font-size: 15px;
font-weight: Bold;
font-style: normal;
text-decoration: none;
}
* html .BlockHeader
{
zoom: 1;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}
.BlockHeader .l
{
left: 0;
right: 11px;
}
* html .BlockHeader .l
{
width: expression(this.parentNode.offsetWidth-11+'px');
}
.BlockHeader .r
{
right: 0;
width: 11px;
}
* html .BlockHeader .r
{
left: expression(this.parentNode.offsetWidth-11+'px');
}
.BlockHeader .r div
{
width: 788px;
right: 0;
}
* html .BlockHeader .r div
{
left: expression(this.parentNode.offsetWidth-788+'px');
}
* html .BlockHeader .l, * html .BlockHeader .r div
{
font-size: 1px;
}
.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/BlockHeader.png');
}
* html .BlockHeader .l, * html .BlockHeader .r div
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var
i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/BlockHeader.png',sizingMethod='crop')");
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent
{
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0;
}
* html .BlockContent
{
width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important");
height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important");
zoom: 1;
}
.BlockContent-body
{
position: relative;
overflow: hidden;
z-index: 0;
margin: 7px;
text-align: left;
color: #4A4A4A;
font-family: 'Trebuchet MS';
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.BlockContent a
{
color: #CB2020;
}
.BlockContent a:link
{
color: #CB2020;
}
.BlockContent a:hover
{
color: #E81111;
}
.BlockContent a:hover:visited
{
color: #E81111;
}
.BlockContent a:visited
{
color: #5E5E5E;
}
/* end Box, BlockContent */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin:0;
padding:0;
border:0;
float: left;
overflow: hidden;
width: 99%;
}
/* end LayoutCell */
.sidebar1 ul, .sidebar2 ul, .sidebar3 ul
{
list-style: none;
padding:0;
margin:0;
}
.sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul
{
padding:0 0 0 10px;
}
#footer
#footercontainer{width:100%;background:red;}
#footercontent{width:800px;margin:0 auto;}
{
text-align: center;
}
.post h2 a
{
text-decoration: none;
}
.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
#commentform textarea
{
width: 100%;
padding: 2px;
}
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}