/* general */

* { padding: 0; margin: 0; }
body, input, select, textarea { font-family: arial, helvetica, sans-serif; font-size: 13px; }
a { text-decoration: none; }
table { border-collapse: collapse; }
td { vertical-align: top; }
img { border: none; }
select { border: 1px solid #aaaaaa; }
p { padding: 3px 0px; }
ul { margin-left: 14px }


/* headers */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #333; }
h1 { font-size: 1.5em; margin: 0em   0em 0.4em 0em; }
h2 { font-size: 1.3em; margin: 1.2em 0em 0.8em 0em; }
h3 { font-size: 1.3em; margin: 0.8em 0em 0.6em 0em; color: #666666; }
h4 { font-size: 1.2em; margin: 0.4em 0em 0.4em 0em; color: #333333; }


/* element classes */

.center { margin: 0 auto; }
.content { margin: 0 auto; width: 765px; }
.container { padding: 14px; border-left: 1px dotted #dddddd; border-right: 1px dotted #dddddd; }
.left { float: left; }
.right { float: right; }
.rightalign { text-align: right; }
.hide { display: none; }
.spaceright { margin-right: 14px; }
.heavy { font-weight: bold; }
.clearer { clear: both; }


/* specific elements */

#page_header { padding: 6px 0px 3px 0px; border-bottom: 1px dotted #dddddd; }
#page_footer { padding: 3px 0px 7px 0px; border-top: 1px dotted #dddddd; }

.title { background-color: #fffdcb; padding: 5px 0; clear: both; border: 1px solid #cccccc; }
.title h2 { font-size: 1.5em; margin: 0; }
.title a { color: #995511; }
.title a.visited { color: #995511; }
.title .top { height:1.5em; padding:5px; float: right; text-align: right; }

.navigation { list-style: none; font-weight: bold; }

.screenshot { width: 242px; text-align: center; font-style: italic; margin-bottom: 7px; }
.screenshot img { border: 1px solid #cccccc; }