 basic.css 
ASCII text
{
  padding: 0;
  margin: 0;
 }
 
 body {
  font-family: tahoma;
  font-size: 11px;
  color: #666;
  background-image: url(images/lateral-name2.gif);
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-color: white;
 }
 
 .left {
  float:left;
  padding-top: 100px;
  width: 310px;
 }

.left ul li {
  float: right;
 }

.left ul li a {
  margin-top: 2px;
  font-family: Verdana;
  font-size: 12px;
  color: #292929;
  text-decoration: none;
  padding-top: 7px;
  padding-left: 5px;
  width: 155px;
  height: 23px;
  float: right;
}

.left ul li a:hover {
  background: white;
 }
 
 .left ul li.active a {
  color: #FF00AA;
  background: white;
 }
 
 .right {
  padding-left: 310px;
  padding-top: 100px;
}

.right img {
  margin-right: 10px;
  display: block;
  border: 3px solid #CCC;
 }
 
 .right img:hover {
  border: 3px solid #ff00aa;
 }
 
 .block {
  margin-top: 10px;
clear:both;  
border: 0px solid white;
 }
 
h1 {
  font-size: 08px;
  font-weight: bold;
 }
 
h2 {
  font-weight: normal;
  color: #FF00AA;
  padding-bottom: 6px;
  font-size: 12px;
 }

 h3 {
  font-weight: normal;
  padding-bottom: 6px;
  font-size: 12px;
 }

#rubensEmail{
color: #FF00AA;
}
a#rubensEmail:visited{
color: grey;
}
a#rubensEmail:active{
color: pink;
}
a#rubensEmail:hover{
color: black;
}
a {
  color: #999;
  text-decoration: none;
 }
 
a:hover {
  text-decoration: underline;
 }
 
 .content {
  width: 600px;
border:0px solid white;
 }

div#footer { 
padding-top:100px; 
width:500px;
clear: both;
}

p#content { 
padding-top:20px; 
width:500px;
} 

p#space { 
padding-top:0px; 
width:650px;
} 
 
div#logo { 
margin-top:50px; 
}  

div.space { 
margin-top:20px; 
width:500px;
} 
img {
margin-top: 20px;
} 
