/* hello, friend. this is moonball (a.k.a. echo) typing. */

/* you may use this source code to gather css knowledge, play around and perhaps learn from my mistakes ;) */

/* the base css used for this layout was generated by csscreator.com */ 

/* if this has helped you (or not) i'd love to know! send me some mail: moonball at echoing dot org */

body,html { 
margin: 0px; 
padding: 0px;
color: #fff;
background: #000;
text-align: center;
font: 11px Tahoma, Helvetica, Arial, san-serif;
} 
 
#echo { 
width: 428px; 
text-align: left;  
margin-left: auto; 
margin-right: auto;  
} 
 
#image {
position: relative; 
height: 88px; 
background: #666C89; 
width: 428px;
} 

#love {
color: #2F3449;
background: #F3F3F6;  
float: right; 
display:inline; 
position: relative;
min-height: 321px;
width:428px;
}
 
#footer{
height: 42px; 
width: 428px;
text-align: left;
background: #F3F3F6 url('footer.jpg'); 
clear:both;
} 

#footer a:link {
text-decoration: none;
color: #fff;
}

#footer a:visited {
text-decoration: none;
color: #666C89;
}

#footer a:hover {
text-decoration: none;
color: #666C89;
border-bottom: 1px solid #fff;
}

#footer a:active {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #666C89;
}

h1 {
font: 13px;
text-align: center;
}

h2 {
font: 12px;
text-align: center;
}

p {
margin: 12px;
padding: 4px;
}

img {
border: none;
} 

a:link {
text-decoration: none;
color: #000;
border-bottom: 1px solid #666C89;
}

a:visited {
text-decoration: none;
color: #666C89;
border-bottom: 1px solid #666C89;
}

a:hover {
text-decoration: none;
color: #666C89;
border-bottom: 1px solid #000;
}

a:active {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #666C89;
}