body {
	color: purple;
	background-color: #d8da3d;
}

div {
	border: 1px solid black;
}

/* Properties that both side lists have in common */
div.link-list {
        width:10.2em;
        position:absolute;
        top:100px;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
	margin-top: 100px;
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#list1 {
        left:0;
}
#list2 {
        right:0;
}