@import url('syntax.css');

#cssMediaTest {
	/*left: 10px !important;  Screen */
	/*width: 20px !important;  Handheld */
	width: 30px !important; /* Print */
}

html, body {
	color: #000;
	font-family: 'Georgia';
	font-size: 10pt;
	line-height: 1.5em;
}

body {
	max-width: 100%;
	width: 60em;
	margin: 0 auto;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	margin: 1em 0 2em 0;
	padding: 0 0 0.75em 0;
	border-bottom: 3pt double #999;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	margin: 1em 0 0.5em 0;
	padding-bottom: 0.25em;
	border-bottom: 0.5pt solid #b31;
}
h3 {
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}
h4 {
	font-size: 1em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}


a {
	color: #000;
	text-decoration: none;
	/*border-bottom: 0.5pt solid #b31;*/
}
a img {
	border: 0;
}


abbr, acronym {
	border: 0;
	font-size: 0.8em;
	/*text-transform: upper-case;*/
	font-variant: small-caps;
}


ul, ol {
	margin: 1em 0 0.5em 0;
	padding: 0 0 0 3em;
}


p img {
	float: left;
	margin: 0 0.5em 0.5em 0;
}


samp pre, code, kbd {
	font-family: 'Consolas', 'Courier New', monospace;
	font-size: 1em;
}

pre, .codeblock ul {
	padding: 0;
	line-height: 1.2em;
	font-family: 'Consolas', 'Courier New', monospace;
}
code, kbd {
	color: #b31;
}
pre code {
	color: black;
}


#mainContent p {
	text-align: justify;
}
#mainContent p:first-letter {
	float: left;
	font-size: 2em;
	line-height: 1em;
	color: #b31;
}


.section {
	margin: 1em 0 3em 0;
}


.timestamp {
	font-style: italic;
}


dt {
	font-style: italic;
}
dd {
	margin: 0.5em 0 2em 0;
	padding: 0 0 0 2em;
}


pre code[class]:before {
	font-family: 'Georgia';
	content: attr(class);
	display: block;
	font-variant: small-caps;
	color: #000;
	border-bottom: 0.5pt solid #999;
	padding: 3px 4px;
}
pre, .codeblock {
	background: transparent;
	border: 0;
	margin: 1em 2em;
}
.codeblock .toolbar {
	font-variant: small-caps;
	color: #000;
	background: transparent;
	border-bottom: 0.5pt solid #999;
}
.codeblock .toolbar a {
	display: none;
}
.codeblock ol {
	background: transparent;
}
.codeblock li {
	border-color: #eee;
}


.labels {
	font-style: italic;
	margin: 1em 0;
	padding: 0;
	list-style-type: disc;
}
.labels:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.labels li:first-child {
	list-style-type: none;
	margin: 0;
}
.labels li {
	margin: 0 0 0 2em;
	padding: 0;
	float: left;
}


.footer .default {
	display: none;
}


form ul {
	list-style-type: none;
}
form li {
	margin: 0 0 0.5em 0;
}
form .textbox, textarea {
	width: 30em;
}
form label {
	float: left;
	font-variant: small-caps;
	text-align: right;
	padding-right: 1em;
	width: 12em;
}
form label strong {
	font-weight: normal;
}
form li.toolbar {
	padding-left: 13em;
}


#footer {
	visibility: hidden;
}
#footer::after {
	content: '© Thomas Thomassen 2004–2007';
	font-style: italic;
	text-align: center;
	display: block;
	visibility: visible;
	margin: 1em 0;
	padding: 1em 0;
	border-top: 3pt double #999;
}


h1, h2, h3, h4, h5, h6,
.footer ul,
.section
#footer {
	clear: both;
}


.spamfilter,
#comments form,
#labelCloud,
#feed,
#archive,
#more,
#siteNavigationHeader,
#siteNavigation {
	display: none;
}

#language {
	display: none;
}