/**
 * Main layout
 */

html, body {
	margin: 0;
	padding: 0;
	font: 0.83em / 1.55 Verdana, Arial, Helvetica, sans-serif;
	color: #657782;
}

a:link,a:visited {
	color: #c9c9c9;
	text-decoration: none;
}

a:hover,a:focus {
	color: #ffffff;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li,dd,blockquote {
	margin-left: 1em;
}

img {
	border: 0;
}

/**
 * General form layout
 */

label {
	cursor: pointer;
	vertical-align: top;
}

input, textarea, select {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**
 * Fieldset form layout
 */

fieldset {
	padding: 0.4em;
	margin: 0.4em 0;
}

fieldset ol {
	margin: 0;
	padding: 0;
}

fieldset li {
	list-style: none;
	padding: 0.25em;
	margin: 0;
	clear: both;
}

fieldset fieldset {
	border: none;
	margin: 0.4em 0;
}

fieldset legend {
	padding: 0.2em 0.5em;
	text-align: right;
	font-weight: bold;
}

fieldset li label {
	display: block;
	line-height: 1.8;
}

fieldset li label.floated {
	float: left;
	width: 33%;
	margin-right: 0.5em;
	text-align: right;
}

/**
 * Pictures & content
 */

#content img {
	border: 6px solid #27282c;
}

#content a:hover img, #content a:active img {
	border: 6px solid #787e86;
}

.right-floated {
	float: right;
	margin: 0.3em 0 0.3em 1em;
}

.left-floated {
	float: left;
	margin: 0.3em 1em 0.3em 0;
}

.end-floated {
	clear: both;
}