/*
Theme Name: dot.PsiLab
Theme URI: http://dot.psilab.de
Description: Der Theme des PsiLab Journals
Version: 2.5.1
Author: Arne Kamola
Author URI: http://www.psilab.de/
Tags:
*/

@media all {
	* {
	margin:			0;
	padding:		0;}

	html {
	background:		#333;
	color:			#FFF;
	font-size:		100.1%;}

	body {
	font:			.8em/1.8em Verdana, Sans-Serif;}

	hr {
	display:		none;}

	code {
	padding:		2px 5px 2px 5px;
	background:		#EEE;
	color:			#333;
	font:			1.1em Consolas, Monospace;}

	kbd {
	padding:		2px 4px 2px 4px;
	border:			2px outset #888;
	background:		#DDD;
	color:			#000;}

	a {
	background:		transparent;
	color:			#06C;
	text-decoration:	underline;}

	a:visited {
	background:		transparent;
	color:			#069;
	text-decoration:	none;}

	a:hover {
	text-decoration:	none;}

	a.extern:before {
	content:		"\2197  ";}

	/* Design Container */
	div#designcontainer00 {
	min-width:		770px;
	width:			 60%;
	margin:			0 auto 0 auto;
	border-right:		solid 7px #222;
	border-left:		solid 7px #222;}

	div#designcontainer01 {
	position:		relative;
	background:		#FFF;
	color:			#333;
	padding:		0 260px 0 0;}

	/* Jumper */
	p#jumper {
	display:		none;}

	div#header {
	position:		relative;
	height:			200px;
	margin:			0 -260px 0 0;
	background:		#333 url('header.jpg') repeat-x;
	color:			#FFF;}

	#header h1 {
	padding:		50px 0 0 0;
	font:			3.5em "Trebuchet MS", Arial, Sans-Serif;
	text-align:		center;
	text-shadow:		#333 0 0 3px;}

	#header h1 a {
	background:		transparent;
	color:			#FFF;
	text-decoration:	none;}

	#header h1 a:hover {
	text-decoration:	underline;}

	#header p {
	letter-spacing:		.2em;
	font-style:		italic;
	text-align:		center;
	text-shadow:		#333 0 0 3px;}

	ul#menu {
	position:		absolute;
	bottom:			0;
	left:			0;
	list-style-type:	none;
	list-style-image:	none;
	font-size:		.85em;}

	#menu li {
	display:		inline;}

	#menu a {
	display:		block;
	float:			left;
	margin:			0 0 0 10px;
	padding:		0 10px 0 10px;
	background:		transparent;
	color:			#FFF;
	text-decoration:	none;
	text-shadow:		#333 0 0 2px;
	-moz-border-radius-topleft:		3px;
	-moz-border-radius-topright:		3px;
	-webkit-border-top-left-radius:		3px;
	-webkit-border-top-right-radius:	3px;}

	#menu a:hover {
	background:		#000 url('menu_pointer.png') no-repeat bottom center;
	color:			#FFF;
	text-shadow:		none;}

	#menu .current_page_item a {
	background:		#FFF;
	color:			#333;
	text-shadow:		none;}

	/* Content */
	div#inhalt {
	position:		relative;
	float:			left;
	width:			100%;
	padding:		0 20px 0 20px;}

	#inhalt h1 {
	margin:			20px 0 0 0;
	background:		transparent;
	color:			#888;
	font:			2em "Trebuchet MS", Sans-Serif;}

	#inhalt h3 {
	margin:			0 0 10px 0;
	background:		transparent;
	color:			#000;
	font:			1.8em "Trebuchet MS", Sans-Serif;}

	/* Sidebar */
	div#sidebar {
	position:		relative;
	float:			left;
	width:			200px;
	overflow:		hidden;
	margin:			0 -100% 20px 0;
	padding:		0 0 20px 20px;
	border-left:		dotted 1px #CCC;
	font-size:		.85em;}

	#sidebar h2 {
	margin:			20px 0 5px 0;
	font-size:		1.5em;}

	#sidebar ul {
	margin:			0 0 0 20px;
	background:		transparent;
	color:			#888;}

	/* Footer */
	div#footer {
	clear:			both;
	margin:			0 -260px 0 0;
	padding:		20px;
	background:		#000;
	color:			#FFF;
	font-size:		.85em;}

	#footer a {
	background:		transparent;
	color:			#FF9C06;
	text-decoration:	none;}

	#footer a:visited {
	background:		transparent;
	color:			#888;}

	#footer a:hover {
	text-decoration:	underline;}

	/* Eintrag */
	div.post {
	position:		relative;
	margin:			20px 0 20px 0;}

	.post h2 {
	background:		transparent;
	color:			#000;
	font:			2em "Trebuchet MS", Sans-Serif;}

	.post h2 a {
	background:		transparent;
	color:			#000;
	text-decoration:	none;}

	.post h2 a:hover {
	background:		transparent;
	color:			#06C;}

	.post h3,
	.post h4 {
	margin:			10px !important;
	background:		transparent;
	color:			#000;
	font:			1.8em "Trebuchet MS", Sans-Serif;}

	.post p {
	margin:			10px 10px 0 10px;}

	.post ul,
	.post ol {
	margin:			10px 10px 0 50px;}

	.post img {
	display:		block;
	margin:			10px;
	padding:		5px;
	border:			solid 1px #CCC;
	line-height:		0;
	text-align:		center;}

	.post p.postdate {
	margin:			0;
	background:		transparent;
	color:			#888;
	font-size:		.85em;}

	.post p.postdate span {
	background:		transparent;
	color:			#D65D00;}

	.post p.postmetadata {
	margin:			10px 0 0 0;
	padding:		1px 10px 1px 10px;
	border-top:		dotted 1px #CCC;
	border-bottom:		dotted 1px #CCC;
	background:		#F8F8F8;
	color:			#888;
	font-size:		.85em;}

	.post p.postcomments {
	position:		absolute;
	bottom:			1px;
	right:			0;
	padding:		1px 10px 1px 10px;
	font-size:		.85em;}

	/* Comments */
	#comments ol {
	margin:			20px 0 20px 20px;}

	#comments li {
	position:		relative;
	padding:		5px 47px 5px 5px;
	background:		#F8F8F8;
	border:			solid 1px #CCC;
	-moz-border-radius:			5px;
	-webkit-border-top-left-radius:		5px;
	-webkit-border-top-right-radius:	5px;
	-webkit-border-bottom-left-radius:	5px;
	-webkit-border-bottom-right-radius:	5px;}

	#comments li div {
	margin:			10px;
	padding:		5px;
	background:		#F8F8F8;
	color:			#333;}

	#comments li img.avatar {
	position:		absolute;
	top:			5px;
	right:			5px;}

	#comments form p {
	font-size:		.85em;}

	/* Page Navigation */
	.pagenavigation p {
	width:			50%;
	margin:			20px 0 20px 0;
	background:		#FFF;
	color:			#888;
	font-size:		.85em;}

	.pagenavigation p.left {
	float:			left;}

	.pagenavigation p.right {
	float:			right;
	text-align:		right;}
}