/* typography */

body {
font: 11px 'Century Gothic', sans-serif;
letter-spacing: 1px;
}

h1 {
font-size: 18px;
letter-spacing: 3px;
}

h2 {
font-size: 15px;
letter-spacing: 2px;
}

small {
font-size: 10px;
}

/* headings */

h1, h2, h3 {
font-weight: normal;
}


/* colors (except for typography, links, borders) */

body {
background: #ffffff;
color: #222222;
}



/* structure */

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
}

div#navigation {
text-align: right;
padding: 20px;
}

div#content {
margin: auto;
padding: 20px;
width: 500px;
}

div#title {
text-align: left;
font-style: italic;
}

/* links */

a {
text-decoration: none;
}

a:link, a:visited {
color: #A72CF3;
}

a:hover, a:active {
color: #00C23C;
}

a.nav {
padding-left: 1px;
padding-right: 1px;
font-size: 13px;
}

a.nav:before {
content: "{ ";
}

a.nav:after {
content: " }";
}

a.nav:hover, a.nav:active {
background: #FFDDE3;
}


/* lists */

ul {
text-align: left;
list-style: none;
margin-left: 0px;
}

li ul {
list-style: none;
}

ul li h1 {
padding-top: 10px;
}

ul li h1:before {
content: "} ";
}

li ul li:before {
content: "}} ";
}

li li ul {
list-style: none;
margin-top: -10px;
}

li li ul li:before {
content: "..} ";
margin-left: 17px;
}

li h2 {
padding-top: 15px;
}

/* images */

a img {
border: 0;
}