/*  
Theme Name: Euge-Style
Theme URI: http://www.euge.de/
Description: Ein Wordpress-Theme, welches auf einem Standard-Template von Manuela Hoffmann (www.pixelgraphix.de/) basiert und f�r meine Bed�rfnisse angepasst wurde.

Author: Eugen Ruppert
Author URI: http://www.euge.de/

Version: 1.0
Start: 01.03.2006
Last Updated: 07.04.2007
*/


/* Farbgebung:

*/

@media screen, projection {

/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}


/* Allgemeines */
body {
	font-size: 81.25%;
	line-height: 1.7em;
	word-spacing: 0.25em;
	text-align: left;
	color: #112;
	background: #eee url(images/back_1.png) no-repeat scroll;
	background-position: 0px 300px;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}


/* Links */
a, a:link {
	color: #33c;
	text-decoration: none;
}

a:visited {
	color: #339;
	text-decoration: none;
}

a:hover {
	color: #36f;
	text-decoration: underline;
}

a:active {
	color: #c90;
	text-decoration: underline;
}


/* Ueberschriften */
h1  {
	font: bold 3em/1.5 verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	word-spacing: -0.125em;
	letter-spacing: -0.04em;
}

h1 a:link {
	color:#333;
}

h1 a:visited {
	color:#333;
}

h1 a:hover, h1 a:active {
	color: #ccc;
	text-decoration: underline;
}

h2 {
	font: bold 2em/1.696 verdana, helvetica, arial, sans-serif;
	color: #222;
	word-spacing: -0.085em;
	letter-spacing: -0.025em;
	margin-top: 0.846em;
	margin-bottom: 0;
}

h2 a:link {
	color: #03c;
}

h2 a:visited {
	color: #444;
}

h2 a:hover {
	color: #03c;
	text-decoration: underline;
}

h3 {
	font: bold 1.6em/1.0575 verdana, helvetica, arial, sans-serif;
	word-spacing: -0.085em;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}

h4 {
	font: bold 1.3em/1.3 verdana, helvetica, arial, sans-serif;
	word-spacing: -0.085em;
	margin-top: 0.85em;
	margin-bottom: 0;
}


/* Trennzeichen hr */
hr 	{
	display: none;
}


/* Clear Class */
.c {
	clear: both;
}


img, a img {
	margin: 0.25em;
	border: 1px solid #666;
	padding: 1px;
}

.keine-anzeige {
	display: none;
}


/* Absaetze */
p, ul, ol {
	/* css3
	hyphenate-before: 2;
	hyphenate-after: 3;
	hyphenate-lines: 3; */
	font-size: 1em;
	margin: 0 0.5em 1em 0.5em;
}

p + p {
   text-indent: 1em; 
}


/* Kleinerer Text */
.small {
	font-size: 0.9em;
}


/* Listenelemente */
ul {
}

li {
	margin-bottom: 0.85em;
}

/* Tabellen */
table {
    margin: 1em;
    vertical-align:top;
}

td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* Verschiedenes */
abbr {
	letter-spacing: 0.1em
}

q {
	quotes: '\201E' '\201C'
}

blockquote {
   margin:1.5em;
   padding: 1em 1.5em;
   border: 1px solid #FADA96;
   background: #FCF1E2 url() no-repeat scroll top left;
}


/* Links- bzw. Rechtsausrichtung f�r Elemente */
.floatleft {
	float: left;
	text-align: left;
}

.floatright {
	float: right;
	text-align: right;
}


.navigation {
	margin-top: 1.4em;
        float:left;
}

.center {
	text-align: center;
	margin:auto;
}

.post {
	margin-left: 1em;
}

.post ul, .post ol {
	padding-left: 2em;
}

.metadata {
	text-indent: 0;
}

.postmetadata {
	text-indent: 0;
	background: #ffffd8;
	margin: 1em;
	padding-right: 1em;
}


/* Kommentare */
#comments {
	margin: 1em;
}

.nocomments {
	
}

.editcomment { 
	margin: 0 2em 0 4em;	
}

ol.commentlist {
	margin-left: 3em;
}

ol.commentlist li {
	background-image: url();
}

ol.commentlist cite {
	padding-right:3.5em;
	padding-bottom: 0.25em;
	margin: 0;
	background: transparent url(images/tip.gif) no-repeat right .8em;
	font-style: normal;
	overflow: visible;
}

ol.commentlist blockquote {
	margin: 0;
	padding: 0;
	border: 2px solid #000;
	background-color: #fcf6ef;
}

ol.commentlist li.alt blockquote {
	background-color: #f9ede1;
}

.author blockquote {
	background-color: #9f9dbe;
}

ol.commentlist blockquote p {
	margin: 1em;
}

ol.commentlist blockquote blockquote {
	margin: 1em;
}

.commentmetadata {
	margin: 0;
}

.editcomment { 
	float: right;	
}

.hint {
	background: #f9ca69;
	padding: 0 1em 0 1em;
}

#commentform {
	border: 2px solid #333;
	margin: 1em 0 1em 1em;
	padding: 1em;
}

#commentform p {
	text-indent:0;
}

#commentform input {
	border: 1px solid #ddf;
	background-color: #fff;
}
#commentform textarea {
	border: 1px solid #ddf;
	background-color: #efe;
}


/* Layout */
#wrapper {
	width: 65em;
	margin: auto;
	overflow:hidden;
	background-image: url(images/back.png);
}

#header {
	background-color: #6699CC;
	color: #ccc;
}

#headerimg {
	padding: 1em 1.5em 0.5em 1.5em;
}

.description, .description a:link, .description a:visited {
  font-weight: bold;
  color: #ccc;
}

#navi {
	width: 100%;
	background: #37c;
	padding: 0 1em 0 1em;
}

#content {
	float: left;
	width: 43em;
}

#content,#sidebar {
	padding: 0 1em 2em 1em;
	margin-top: -1em;
	overflow: hidden;
}

#sidebar {
	float: right;
	width: 18em;
	padding-bottom: 10em;
	background: #666 url(images/back_sb.png);
	color: white;
}

#footer {
	clear: both;
	background-image: url();	
	padding: 1em;
	background-color: #6699CC;
}



/* IE Fix */
* html body {
	background: #fff url(images/back_1.gif) no-repeat scroll;
	background-position: 0px 300px;
}

* html #wrapper {
	background-image: url(images/back_ct.gif);
}



/* Style Navigationsleiste */
#navi ul {
	margin-left: 0;
	padding: 0.125em 0 0.125em 0;
	white-space: nowrap;
        overflow:hidden;
}

#navi li {
	display: inline;
	list-style-type: none;

}

#navi a {
	margin-right: 0.03em;
  font-size: 1.2em;
  padding: 1em;
	text-decoration: none;
}

#navi a:link, #navi a:visited {
	color: #fff;
	background-color: #036;
}

#navi a:hover {
	color: #222;
	background-color: #d5d5d5;
}


/* Style Sidebar */
#sidebar h2 {
	font: bold 1.3em/1.5 verdana, helvetica, arial, sans-serif;
	letter-spacing: 0;
	color: #eee;
}

#sidebar li {
	list-style: none;
}

#sidebar ul {
	list-style: none;
	margin: 0.4em;
}

#sidebar ul ul {
	margin-left: 0.6em;
	list-style-image: url();
	list-style-type: circle;
}

#sidebar ul li {
	margin: 0.2em;
	margin-left: 0.6em;
}

#sidebar a {
	text-decoration: none;
	font-weight: bold;
	color: #6ce;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar p {
    margin: 0.25em 0 1em 0;
}

#sidebar a img {
	border: 5px solid #fff;
}

#sidebar form input {
    border: 1px solid #ddf;
	background-color: #eee;
}

#searchform {
	text-align: center;
}

#searchform #s {
	width: 50%;
	background-color: white;
}

#newsletter {
	margin-top: -0.625em;
}

#newsletter #mail {
	background: #fff;
}

/* Style Extras */

/* Archiv Sidebar */
#sidebar td a {
	color: #333;
}

#sidebar th {
	padding-left: 0.5em;
}

.datearcAlt2 , .datearcAlt {
	border-bottom:  1px solid #DCDCDC;
	font-size: 0.9em;
	padding: 0.125em;
	width: 25%;
	text-align: center;
	text-transform: lowercase;
}

.datearcAlt2 {
	background: #E7E7E7;
}

.datearcAlt {
	background: #F7F7F7;
}

.datearc {
	border: 2px solid #eee;;
	padding: 0;
	margin: 0 auto 0 auto;	
	width: 16em;
}

.datearc + .datearc {
	margin-top: 1em;
}


/* Archivpage */
.postspermonth {
	margin: 0.5em 0 2em 0;
	list-style: none;
}


/* // WP-ContactForm (de) CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

}

/* Print-Stylesheet */
@media print {

* {
	background: #fff;
	color: #112;
	float: none;
}

html {
	font: 100%/1.5 georgia, serif;
}

#navi, #sidebar, #commentform, #respond, .editcomment, object, .navigation, .noprint {
	display: none;
}

h1, h2, h3, h4 {
  font-family: sans-serif, monospace;
}

a:link, a:visited {
	color: #781351;
}

.entrytext a:link:after,
.entrytext a:visited:after,
.entrytext a:hover:after,
.entrytext a:active:after {
  content: " <" attr(href) "> ";
  color: grey;
  font-style: italic;
  font-weight: normal;
}

a[href^="/"]:after {
content: " <http://www.euge.de"attr(href)"> ";
}

}
