/*
 * the-contented.de
 *
 * (c) 2009 by Felix Neumann
 */

/*
 * Structuring elements
 */
body {
	background : top left url("../img/background.png") no-repeat;
	font-family : serif;
	line-height : 1.4em;
	margin : 0;
	padding : 2em 15%;
}


h1, h2, h3 {
	clear : both;
	color : #77bb22;
	cursor : default;
	font : 1.5em sans-serif;
	max-width : 30em;
}

h1 {
	font-weight : bold;
	margin-left : -10%;
}

h2 {
	color : #559900;
	margin-left : -5%;
}

h3 {
	font-size : 1.2em;
}


p {
	max-width : 30em;
}

ul {
	max-width : 30em;
	padding : 0;
}

li {
	margin-left : -0.5em;
	padding-left : 0.5em;
}

li p {
	margin : 0;
	max-width : 100%;
}

/*
 * Framing and styling elements
 */
.floatingbox-right {
	float : right;
}
.floatingbox-right img {
	border : 1px solid #eee;
	padding : 1px;
}

hr {
	border : none;
	border-top : 1px solid #aaa;
	margin : 3em -15% 2em -15%;
}
div#footnote {
	color : #888;
	cursor : default;
	font : 0.8em sans-serif;
	margin-bottom : 1em;
	text-align : center;
}
div#footnote a:link, div#footnote a:visited {
	color : #888;
	font-weight : bold;
	text-decoration : none;
}
div#footnote a:hover, div#footnote a:active {
	color : #555;
}
div#license {
	text-align : center;
	margin-bottom : 1em;
}
div#license a img {
	border : none;
}


/*
 * Inline markup
 */
.notice {
	color : #444;
	xfont : italic 0.8em serif;
	font-size : 0.8em;
}
.meta {
	color : #444;
	cursor : default;
	font : 0.9em sans-serif;
	margin-left : 0.5em;
	padding : 0em 0.3em;
}
.meta:before {
	content : '(';
}
.meta:after {
	content : ')';
}
h2 .meta {
	font-size : 0.7em;
}