*			{ outline: none; }
html, body		{ height: 100%; }
body			{ margin: 0; padding: 0; border: none; font: 0.8em/1.75em "Trebuchet MS", sans-serif; background: #F3F3F3 url("background.png") repeat-x left top; text-align: center; cursor: default; }

#container		{ min-height: 100%; height: auto !important; height: 100%; margin-bottom: -24px; }

#header			{ margin: 0 auto; text-indent: -10000000px; width: 780px; height: 62px; background: transparent url("header.png") no-repeat left bottom; }

#menu			{ width: 780px; height: 40px; margin: 0 auto; padding: 0; list-style-type: none; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
#menu li		{ float: left; margin-right: 20px; }
#menu a			{ text-decoration: none; color: #AAA; }
#menu a.active,
#menu a:hover		{ color: #11538B; }

p, dd, ul		{ text-align: justify; }
p, dl, ul, table	{ margin: 0 0 10px 0; }

#content		{ width: 780px; margin: 0 auto; padding: 0 0 44px 0; text-align: left; }
h2			{ margin: 20px 0 12px 0; font: bold 1.65em/1em "Trebuchet MS", sans-serif; color: #BB2C00; }
h2.first-child		{ margin-top: 0; }
h3			{ margin: 20px 0 5px 0; font: bold 1.20em/1.5em "Trebuchet MS", sans-serif; color: #11538B; }
h4			{ margin: 15px 0 5px 0; font: bold 1em/1em "Trebuchet MS", sans-serif; color: #000; }
blockquote h3, h2+h3	{ margin-top: 15px; }
.introduction		{ font-weight: bold; font: bold 1.25em/1.5em "Trebuchet MS", sans-serif; }
.nav			{ clear: both; margin: 15px 0 0 0; text-align: right; font-weight: bold; font-style: italic; }
p img			{ border: 1px solid black; }
img.left		{ margin: 3px 20px 20px 0; float: left; clear: left; }
img.right		{ margin: 3px 0 20px 20px; float: right; clear: right; }
img.no-border		{ border: none; }
a img			{ border: 1px solid black; }
p.image			{ text-align: center; line-height: 1em; }
code			{ font-size: 9pt; }
blockquote		{ margin: 0; padding: 0; }
cite			{ display: block; margin: 0 0 0 9px; font: italic 0.75em/1.5em "Trebuchet MS", sans-serif; color: #AAA; }
#pullquote		{ float: right; clear: right; width: 160px; margin: 0 0 10px 10px; padding-left: 20px; }
#pullquote p		{ margin: 0; font: bold 1.45em/1.5em "Trebuchet MS", sans-serif; text-indent: -0.58em; text-align: left; color: #BB2C00; }
ul			{ list-style-type: square; padding: 0 0 0 1.5em; }
ul.portfolio		{ font-weight: bold; }
ul.sitemap		{ list-style-type: square; padding: 0 0 0 1.5em; font-weight: bold; }
ul.sitemap ul		{ list-style-type: square; padding: 0 0 0 1.5em; font-weight: normal; margin-bottom: 3px; }
#content ul.sitemap li	{ padding: 0; background: transparent; }
p.index			{ font-weight: bold; font-style: italic; }
dl			{ padding: 0; line-height: 135%; }
dt			{ float: left; clear: left; width: 165px; font-style: italic; }
dd			{ margin: 0 0 3px 185px; }
strong			{ font-style: italic; }
a			{ color: #11538B; text-decoration: underline; }
a:hover			{ color: #BB2C00; }
sup			{ line-height: 100%; vertical-align: 1.5pt; font-variant: small-caps; font-family: "Trebuchet MS", sans-serif; }
sup a			{ color: black; text-decoration: none; }
table			{ border-collapse: collapse; width: 100%; }
table td		{ padding: 0; }
table td p,
table td dl,
table td ul		{ margin: 0; }
table+h2		{ margin-top: 10px; }
table+h3		{ margin-top: 15px; }
table+h4		{ margin-top: 5px; }
table.pictures		{ width: auto; }
table.pictures p,
table.pictures td	{ margin: 0; padding: 0 5px; text-align: center; }
table.contact		{ width: auto; }
table.contact td	{ width: 14em; }

ol.lastfm		{ width: 500px; margin: 0; padding: 0; list-style-type: none; color: #AAA; }
ol.lastfm		{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
ol.lastfm a		{ text-decoration: none; font-weight: bold; }
ol.lastfm img		{ vertical-align: middle; margin: 5px 10px 5px 0; border: 1px solid black; }

#footer			{ background: #11538B; color: #FAFAFA; text-transform: uppercase; line-height: 24px; }
#footer a		{ color: #FAFAFA; text-decoration: none; }
#footer a:hover		{ color: #FFF; text-decoration: underline; }

abbr, acronym		{ border: none; }