/*  
Theme Name: Schuelerprofile.de Blog Default
Theme URI: http://www.schuelerprofile.de/
Description: Das Standard-Template für <a href="http://www.schuelerprofile.de/">SchuelerProfile.de</a>-Blogs.
Version: 1.0
Last Changed: 19.02.2007
Author: schuelerprofile.de
Author URI: http://www.schuelerprofile.de/

	This theme was designed exclusively for and built by SchuelerProfile.de, 
	a domain of Unister GmbH, www.unister-gmbh.de.

	The CSS, XHTML and design is protected by copyrights held by Unister GmbH.
	Any usage or modification is forbidden.
	
*/

* {margin: 0; padding: 0;}
body {
	font-size: 75%; /* Resets 1em to 12px, for IE */
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background-color: #E7F1FD;
	color: #000;
	text-align: left;
}
html>body {font-size: 12px} /*for cool Browser*/

a, a:link {
	color: #3355dd;
	text-decoration: underline;
}
a:hover, a:focus{color: #2985C7;}
p {
	font-size:1em;
	margin: 0.5em 0;
}
h2 { 
	font-size:1.5em;
	line-height: 1em;
	margin: 1em 0 0.5em 0;
}
h3 {
	font-size: 1.1667 em;
	margin: 0.643em 0; 
}


/* Layout */
#wrapper {
	width: 780px;
	background: #FFF url(../img/blog/container_bg_right.gif) repeat-y top right;
	font: 1em/1.5 Arial, Verdana, Helvetica, Sans-Serif;
}

#header {
	height: 110px;
	width: 100%;
	background: transparent url(../img/blog/header_bg.gif) no-repeat top left;
	color: #FFF;
}
	#header a#logo {
		position: absolute; top: 10px; left: 0px;
		background: transparent;
		width: 450px; height: 60px; text-indent: -9000px !important; border: none;
	}
	#header h1 {
		font: 1.5em "Trebuchet MS", Arial, Verdana, Helvetica, Sans-Serif;
		color: #FFF;
		background: transparent;
		display: inline;
		float: left;
		margin: 80px 0 0 10px; 
	}
	#header a {color: #FFF; background-color: transparent;}
	
	#header #back-to-main {
		display: inline;
		float: right;
		margin: 85px 20px 0;
		font: 1em Arial, Verdana, Helvetica, Sans-Serif;
		color: #FFF;
	}
#main {
	clear: both;
	width: 760px;
	padding: 10px;
	background: transparent;
}
#content {
	width: 590px;
	float: left;
	background: transparent;
}
	#content .entry {
		margin: 2em 2em 1em 1em;
	}
	.entry h2 {
		font-weight: bold;
		color: #FAA540;
		background: transparent;
	}
	.entry h2 a {
		color: #FAA540;
		text-decoration: none;
		border-bottom: 1px solid #CCE4FB;
	}
	.entry h2 a:hover {color: #2887C3; border-bottom: 1px solid #2887C3;}
	.entry .details, .entry .more {
		font: 1em Arial, Verdana, Helvetica, Sans-Serif;
		color: #444;
		margin-bottom: 1em;
	}
	.entry .more {
		background-color: #fafafa;
		border-top: 1px solid #F4F4F4;
		padding: 0.5em;
	}
	.entry .page_nav {border-top: 1px solid #F4F4F4; padding: 0.5em;}
	.entry .details .category {background: transparent url(../img/blog/document.gif) no-repeat left; padding-left: 15px;}
	.entry .permalink {	background: transparent url(../img/blog/permalink.gif) no-repeat left; padding-left: 15px;}
	.entry .commentlink {background: transparent url(../img/blog/speech_bubble.gif) no-repeat left; padding-left: 15px;}

	#sidebar {
	width: 160px;
	float: right;
	background: transparent;
}
	#sidebar ul, #sidebar ul ol {
		margin: 0;
		padding: 0;
	}
	#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 15px;
	}
	#sidebar ul ul li, #sidebar ul ol li {
		margin: 3px 0 0;
		padding: 0;
	}
	#sidebar #userimg {
		text-align: center;
	}
	#sidebar #userimg img {
		margin: 10px auto 0;
	}
	#sidebar #description {font-weight: bold;}
	#sidebar ul li h3, #sidebar h3 {
		font-size: 1.1667em;
		color: #167AC1;
		font-weight: normal;
		background: transparent url(../img/blog/title_bg.gif) repeat-x;
		padding: 2px 10px;
	}
	#sidebar ul.pages li {
		display: block;
		background: transparent url(../img/blog/nav_inact_bg.gif) repeat-x;
		padding: 4px 10px;
		color: #444;
		margin: 0;
	}
		#sidebar ul.pages li a {display: block; color: #444; text-decoration: none;}
		#sidebar ul.pages li a:hover {background: transparent url(../img/blog/arrow.gif) no-repeat right;}
		#sidebar ul.pages li.active {background: transparent url(../img/blog/nav_act_bg.gif) repeat-x;}
		#sidebar ul.pages li.active a {color: #FFF; font-weight: bold; background: transparent url(../img/blog/arrow.gif) no-repeat right;}
		
	#sidebar ul.categories, #sidebar ul.archive, #sidebar ul.links {padding-left: 20px;}
	#sidebar ul.categories li {list-style: square url(../img/blog/document.gif) outside;}
	#sidebar ul.archive li {list-style: square url(../img/blog/documents.gif) outside;}
	#sidebar ul.links li {list-style: square url(../img/blog/external.gif) outside;}
	
#footer {
	clear: both;
	height: 50px;
	padding: 0.5em;
	background: #E7F1FD url(../img/blog/body_bg_bottom.gif) no-repeat top left;
	text-align: center;
}
#footer .copy {color: #777; text-align: center;}
#footer a:hover {color: #3355dd;}
#sponsorads {
	margin-bottom: 20px;
}
/* Ende Layout */

/* Kommentare */
h3#comments, h3#respond {
	display: block;
	font-weight: bold;
	margin: 2em auto 1em;
	color: #222;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 1em Arial, Verdana, Helvetica, Sans-Serif;
	color: #222;
}
.commentlist li {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding: 0.643em 1em;
	margin-bottom: 1em;
	overflow: auto; /* Clearfix fuer gefloatetes Bild */
}
.commentlist li .avatar {
	float: right;
}
.commentlist li.alt {
	background-color: #fafafa;
	border-top: 1px solid #F4F4F4;
}
.commentlist li.author { /* wenn der Kommentator der Blogbesitzer ist - momentan nicht benutzt */
	background-color: #F3F9FF;
	border-top: 1px solid #cce4fb;
} 
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: #000;
}
.commentmetadata {
	font-weight: normal;
}
/* Ende Kommentare */

/* Bilder */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Benutzt man 'class="alignright"' fuer ein Bild,
	wird das Bild nach rechts ausgerichtet. Die Angabe 'class="centered'
	zentriert das Bild. Das ist besser als die Verwendung von 
	align="center". Besser, zukunftssicherer (und valide) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* Ende Bilder */

/* Formular Elemente */
#searchform {
	margin: 10px auto;
	padding: 3px; 
}
	#sidebar #searchform #s {
		/*width: 115px;*/
		padding: 2px;
		border: 1px solid #2677b2;
	}
	#sidebar #searchsubmit {
		padding: 1px;
	}
/* select {
	width: 130px;
} */
.txtfrm {width: 100%;}
.txtfrm textarea { width:50%;padding: 2px; }
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	/*border: 1px solid #2677b2;*/
}
#commentform textarea {
	width: auto;
	padding: 2px;
	/*border: 1px solid #2677b2;*/
}
#commentform #submit {
	margin: 0;
	/*float: right;
	background-color: #F3F9FF;*/
}
/* Ende Formular Elements */

/* Verschiedene Tags & Klassen */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 1em 0;
	padding: 1em;
	background-color: #FaFaFa; /*#F3F9FF*/
}
blockquote blockquote {background-color: #F2F2F2;} /*#E7F3FF*/
blockquote cite {
	margin: 0.5em 0;
	display: block;
}
.entry ul li {list-style: square outside; margin-left: 20px;}
.entry ol li {list-style: decimal outside; margin-left: 20px;}
.entry .commentlist li {list-style-image: none; list-style-type: none; margin: 0;}

.center {
	text-align: center;
}
hr {
	display: none;
}
a img {
	border: none;
}
.navigation {
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 10px;
}
.next a {
	float:right;
	background: transparent url(../img/blog/arrow-right.gif) no-repeat right;
	padding-right: 20px;
}
.previous a {
	float:left;
	background: transparent url(../img/blog/arrow-left.gif) no-repeat left;
	padding-left: 20px;
}

.shortmsg {
	border:1px dotted red;
	background-color:#feecec; 
	margin:15px;
	padding:10px;
	font-weight:bold;
	color:red;
}

/* Ende Verschiedene Tags & Klassen */
