/*
 * 	vim: set fdm=marker:
 *	Common Styles for maximilian-stelzle.com
 *	(c) 2006 by Markus Fischer <markus@fischer.name> or <markus.private@gmail.com>
*/

/* {{{ Standard Styles */
html {
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana;
	font-size: 0.75em;
	color: #888888;
}
img {
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
table, input, textarea, select {
	font-size: 1em;
}
.clear {
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 0px;
	clear: both;
}
.nodisplay {
	display: none;
}
a {
	color: #8d8d8d;
}
h2 {
	margin-top: 0;
	padding-top: 0;
}
/* }}} */
/* {{{ Misc */
h1 {
	display: none;
}
body {
	background-image: url(/img/misc/background_page.gif);
	background-repeat: repeat-y;
	background-color: white;
}
#page-background {
	background-image: url(/img/misc/background_content.gif);
	background-repeat: no-repeat;
	background-position: 0 107px;
	margin-left: 42px;
}
#page {
	margin-left: 39px;
	margin-top: 26px;
	width: 711px;
	width: 707px;
}
/* }}} */
/* {{{ Header */
#lang-chooser {
	margin-top: 18px;
	width: 200px;
	float: right;
	text-align: right;
}
#lang-chooser ul {
	margin: 0;
	padding: 0;
}
#lang-chooser li {
	list-style-type: none;
	display: inline;
	padding-left: 18px;
}
#nav-canvas {
	margin-top: 25px;
	border: 1px solid #dbdbdb;
	border-top-color: #dedede;
	border-bottom: none;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style-type: none;

	display: block;
	width: 138px;
	float: left;

	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

	background-image: url(/img/misc/background_navigation.gif);
	background-repeat: repeat-x;
	background-color: #c7d5d8;
	
	border-bottom: 1px solid #dcdcdc;
}
#nav li.last {
	width: 141px;
}
#nav li.separator {
	width: 3px;
	background-image: url(/img/misc/navigation_separator.gif);
	background-repeat: repeat-y;
	margin-right: 0;
	height: 1.15em;
	/* TODO: for firefox, use height: 1.2em */
}
#nav li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #6a858b;
}
#nav li.active {
	border-bottom: 1px solid white;
	background-color: white;
	background-image: none;
}
/* }}} */
/* {{{ Footer */
#footer {
	font-size: 0.8em;
	color: #cecece;
	margin-bottom: 1em;
}
/* }}} */
/* {{{ Content */
#content-canvas {
	border: 1px solid #e8e8e8;
	border-top: none;
}
#content {
	padding: 40px;
	background-image: url(/img/misc/background_content_gradient.gif);
	background-position: 0 100%;
	background-repeat: repeat-x;
}
#emoticon {
	height: 80px;
	border-bottom: 1px solid #e5e5e5;
}
#page.news #emoticon {
	background-image: url(/img/emoticon/news.gif);
}
#page.projects #emoticon {
	background-image: url(/img/emoticon/projects.gif);
}
#page.vita #emoticon {
	background-image: url(/img/emoticon/vita.gif);
}
#page.contact #emoticon {
	background-image: url(/img/emoticon/contact.gif);
}
.disclaimer #emoticon {
	background-image: url(/img/emoticon/disclaimer.gif);
}
.news-entry {
	clear: left;
}
.news-entry h2 {
	font-size: 1em;
	color: #6a858b;
	font-weight: bold;
}
.news-entry h2 a {
	/* comment out to have no underlines in headlines
	*/
	text-decoration: none;
}
.news-entry.first p.date,
.news-entry.first .news-content {
	padding-top: 0 !important;
}

.news-entry p.date {
	width: 90px;
	float: left;
	padding-top: 2em;
	margin-top: 0;
}
.news-content {
	border-left: 1px solid #e5e5e5;
	padding-top: 2em;
	padding-left: 20px;
	width: 510px;
	float: left;
}
/* The next two are the same as above, but without padding-top. Everything else gave X-Browser problems */
.news-entry p.date-first {
	width: 90px;
	float: left;
	margin-top: 0;
}
.news-content-first {
	border-left: 1px solid #e5e5e5;
	padding-left: 20px;
	width: 510px;
	float: left;
}
.news-content-first img,
.news-content img {
	padding: 0 1em 0.5em 0;
	float: left;
}
.article img {
	float: left;
	border: 1px solid #cbcaca;
	margin: 0 1em 0.5em 0;
}
.article div.image-text {
	float: left;
	border: 1px solid #cbcaca;
	margin: 0 1em 0.5em 0;
	font-size: 0.8em;
}
.article div.image-text img {
	float: none;
	border: none;
	margin: 0;
}
.article h2 {
	font-size: 1em;
	font-weight: bold;
}
.article .contact {
	width: 400px;
	float: left;
}
.article .contact ul {
	margin-left: 0;
	padding-left: 0;
}
.article .contact li {
	list-style-type: none;
}
.article a {
	text-decoration: none;
}
/* }}} */
/* {{{ Standard page next/prev navigation elements from default theme */
.navigation {
	margin-top: 1em;
}
.navigation a {
	text-decoration: none;
}
.navigation .alignright {
	float: right;
}
/* }}} */