body {
	font-family: sans-serif;
	font-size: 82.5%;
}

section img {
	margin: 10px 5px;
}

section {
	display: block;
}

a {
	text-decoration: none;
}

section a:link {
	color:#039;
}

section a:visited {
	color:#609;
}

section a:hover {
	color: #009;
	text-decoration: underline;
}

nav {
	text-align: right;
	float: left;
	position: fixed;
	margin: 4em 0 0 0;
	left: 1px;
	height: 375px;
	font-size: 125%;
	background: url(images/background2.png) bottom right no-repeat
}

nav a {
	border: 1px outset #cc9;
	color:#000;
	display: block;
	width: 200px;
	margin:0.75ex 0;
	padding:0.1ex 10px 0.1ex 0;
	outline: none;
	-moz-border-radius:1ex;
	-webkit-border-radius:1ex;
	border-radius:1ex;
	-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.5), 0 1ex 1ex rgba(255,255,255,0.2) inset;
	-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.5), 0 1ex 1ex rgba(255,255,255,0.2) inset;
	box-shadow:5px 5px 8px rgba(0,0,0,0.5), 0 1ex 1ex rgba(255,255,255,0.2) inset;
	background:#ffb url(images/nav-background.png) 0 0 repeat-y;
}

nav a:hover {
	color: #efe;
	background: #7c7 url(images/nav-hover.png) 0 0 repeat-y;
	border-color: #390;
}
nav a:active{color:green}

h1{padding:20px 0 10px 0;color:#600;font-size:150%;line-height:1em;font-weight:normal}

h2 {
	font-size: 140%;
	border-top: 0.7em solid #a30;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	border-radius: 0.7em;
	font-weight: normal;
	color: #920;
	padding: 0.3ex;
}

h2:before {
	content: "> ";
}

h3 {
	font-size: 120%;
	margin: 1ex 0 1ex 0;
	padding: 0;
}
table{width:100%}
td,th{padding:0 10px 10px 0;text-align:left;border-bottom:1px dotted #bbb;vertical-align:top}
strong,th{color:#000}

a.thumbnail img {
    border: 1px solid #bbb;
    padding: 2px;
    vertical-align: middle;
}

a.thumbnail img:hover {
    border-color: #111;
}

.preview {
	display: none;
}

#preview {
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	border-radius: 0.7em;
	background: #fff;
	position: fixed;
	z-index: 2;
	padding: 15px;
	font-size: 12pt;
	max-width: 700px;
	max-height: 90%;
	overflow: auto;
	border-width: 0.7em 1px;
	border-style: solid;
	border-color: #999;
}

#preview img {
	border: 1px solid #999; 
}

@media screen{
	html {
		background: #506a59 url(images/body.png) 16px 0 repeat-y;
	}
	body {
		background:#fff url(images/background.png) top right no-repeat;
		color: #282828;
		margin:0 0 0 230px;
		width:720px;
	}
}

@media print{
	nav,#preview {
		display: none
	}
}