html, body { margin:0; padding:0; height:100%; }
body { background:#fff url("../images/red.gif") top left repeat-y; color:#333; font-family:'Times New Roman',Times,serif; }

#page { min-height:100%; height:auto !important; height:100%; margin:0 auto -3em; }

h2 { margin:0 0 0 15px; height:45px; padding-top:30px; background:#fff url('../images/roman-damborsky-logo.gif') bottom left no-repeat; }
h1 { margin:0 0 0 35px; width:55px; height:500px; float:left; display:inline; }
h2 span,
h1 span { display:none; }
h2 a { display:block; width:470px; height:45px; }
.h1-my-skills { background:url('../images/my-skills.gif') top left no-repeat; }
.h1-projects { background:url('../images/my-portfolio.gif') top left no-repeat; }
.h1-hire-me { background:url('../images/contact-me.gif') top left no-repeat; }
a,
a:visited { color:#c33; text-decoration:none; }
a:hover { color:#333; }

#menu { background:#c33; height:40px; }
#menu a,
#menu a:visited { float:left; background:#fff; border-bottom:4px solid #fff; line-height:36px; font-size:24px; font-variant:small-caps; font-weight:normal; text-align:center; display:inline; }
#menu #active { border-bottom:4px solid #c33; }
.link-skills { margin-left:600px; width:90px; }
.link-projects { margin-left:25px; width:130px; }
.link-hire-me { margin-left:25px; width:120px; }

#contents { float:left; padding:50px 40px 30px; width:670px; }
#contents p { font-size:14px; margin:0 0 50px 0; }

dl { margin:0 0 40px; padding:0; }
dt { font-size:24px; }
dd { font-size:14px; line-height:1.3em; }
.skills-left dt { float:left; width:130px; text-align:right; }
.skills-left dd { margin-left:130px; border-left:3px solid #333; padding-left:12px; }
.skills-right dt { float:right; width:150px; }
.skills-right dd { margin-right:150px; border-right:3px solid #333; padding-right:15px; text-align:right; }

.cleaner { float:none; clear:both; margin:0; padding:0; font-size:1px; line-height:1px; height:1px; }

.projects { width:72px; text-align:center; }
#projects-left { float:left; margin-right:60px; }
#projects-right { float:right; margin-left:60px; }
.projects a,
.projects a:visited { font-size:20px; }
.projects-container { width:72px; height:616px; overflow:hidden; margin-top:20px; }
.projects-container a { margin-bottom:5px; display:block; }
.projects-container a img { border:1px solid #333; display:block; }

#project { float:left; width:405px; }
#project h3 { margin:0; padding:0; font-size:24px; line-height:24px; margin-bottom:19px; }
#project img.intro { display:block; border:1px solid #333; }
#project a img { border:1px solid #333; }
#project a:hover img { border:1px solid #c33; }
#project table { border-collapse:collapse; width:400px; }
#project table th { width:110px; vertical-align:top; text-align:right; line-height:20px; font-size:20px; font-weight:normal; padding-right:10px; border-right:4px solid #333; }
#project table tr.first th,
#project table tr.first td { padding-top:40px; }
#project table td { padding:3px 0 5px 10px; line-height:20px; font-size:14px; }

form { margin:0; padding:0; }
form h3 { margin:0; padding:0; float:left; width:135px; font-size:24px; font-weight:normal; }
form fieldset { border:none; border-left:3px solid #333; }
form fieldset div { margin-bottom:5px; }
form label { float:left; width:75px; font-size:14px; text-align:right; padding-right:10px; line-height:22px; }
form textarea,
form input { color:#333; border:1px solid #333; font-size:14px; font-family:'Times New Roman',Times,serif; }
form textarea { width:300px; height:100px; }
form input { width:200px; margin-right:15px; }
form a { font-size:18px; padding:0 10px; }

.send-message { color:#c33; font-size:14px; font-weight:bold; }

#about { float:left; margin:30px 40px 0 45px; color:#c33; font-size:13px; width:150px; }
#about p { margin:0 0 15px; }

#push,
#footer { height:3em; }
#footer { margin-left:885px; color:#c33; font-size:12px; font-weight:bold; }