body { padding:5px; background-image:url('../images/bg1.png'); } em { color:white; } /* wrapper style */ #wrapper { width:900px; margin-left:auto; margin-right:auto; background-color:#937D6A; border:1px solid #F4C170; padding:5px; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; } /* end of wrapper */ /* header image */ #header img { border:0px; } /* end of header image */ /* sidebar */ #sidebar { width:200px; float:left; } /* end of sidebar */ /* navigation */ ul#nav { margin-top:0px; padding-left:5px; list-style: none inside } ul#nav li a { display:block; color:#F4C170; background:#65544B; margin:5px 0px 0px 0px; text-decoration: none; padding: 10px 5px; border-left: 10px solid #F4C170; } ul#nav li a:hover { color: #ffffff; background-color:#F4C170; } ul#nav li a#current { border-color: #ffffff } /* end of navigation */ /* content area */ #contentArea { width:700px; float:left; color:#F4C170; } #contentArea h1, h2, h3, h4, h5, h6 { margin-left:0px; color:white; } #originality { margin-top:50px; margin-left:80px; } /* end of content area */ /* greeting form */ .entry input { margin-left:80px; margin-top:5px; padding-top:5px; padding-bottom:5px; background-color:#937D6A; border:1px #F4C170 solid; color:#F4C170; font-size:20px; text-align:center; float:left; } .greet input { margin-top:5px; margin-left:10px; padding-top:4px; padding-bottom:4px; background-color:#65544B; border:1px #F4C170 solid; color:#F4C170; font-size:20px; text-align:center; } /* end of greeting form */ /* footer */ #footer { padding-top:15px; clear:left; } .footerImage { float:left; margin-right:5px; } .disclaimer { margin-top:10px; margin-right:10px; width:700px; color:#F4C170; padding-top:5px; float:left; } .validXHTML{ margin-top:20px; } .validCSS{ margin-top:5px; } /* end of footer */ /* CV */ #cv { margin-left:30px; } #details { float:left; margin-right:45px; } #address { float:left; } #education { clear:left; } .cvDivision { margin-left:35px; color:#F4C170; } .interests { width:435px; } /* end of CV */ /* clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* end of clearfix hack */