body {
margin: 10px;
font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
font-size: 12pt;
}

img {
border: none;
}

h2 {
margin: 4px 0;
font-size: 1.1em;
}

p {
line-height: 1.5em;
}

ul {
padding: 0;
margin: 0;
}

li {
list-style: none;
padding: 0;
margin: 0;
}

#styleswitcher {
list-style: none;
padding: 0;
font-size: 14px;
position: absolute;
text-align: center;
margin: 0px;
padding: 2px;
right: 0px;
left: 0px;
bottom: 0;
color: #666666;
background: #DDDDDD;
border-top: 1px dotted #CCCCCC;
}

#styleswitcher li {
display: inline;
margin: 0px;
padding: 0px;
}

#styleswitcher a {
text-decoration: none;
color: #999999;
}

#styleswitcher:before {
content: "styles:";
font-size: 14px;
}

#padding {
padding: 4px;
position: relative;
width: 360px;
height: 100%;
}

#pagenumbers {
position: absolute;
bottom: 20px;
left: 4px;
right: 4px;
}

#pagenumbers #selected {
background: #BBBBBB;
}

.pagenumber {
background: #FFFFFF;
border: 1px solid black;
width: 1em;
height: 13px;
font-size: 75%;
text-align: center;
text-decoration: none;
margin: 0 5px;
color: black;
display: block;
float: left;
}

.skills {
width: 200px;
display: block;
}

.skills li {
padding: 2px 0 0 0;
margin: 0;
width: auto;
height: 1.5em;
background: #FFFFFF;
font-size: 90%;
border-bottom: 1px dotted black;
}

.skills .heading {
background: #DDDDDD;
font-weight: bold;
margin-top: ;
padding: 0;
margin: 4px 0 0 0;
}

.skills .rank {
background: url(images/4dots_all.gif) no-repeat;
height: 10px;
width: 40px;
display: block;
float: right;
margin-top: 5px;
}

.skills #r1 { background-position: 0px -10px;}

.skills #r2 { background-position: 0px -20px; }

.skills #r3 { background-position: 0px -30px; }

.skills #r4 { background-position: 0px -40px; }

.photobox {
width: 60px;
height: 60px;
margin: 14px;
display: block;
float: left;
border: 1px black solid;
}