/*  
Theme Name: puzich.com Theme 07/2010 with Ads 
Theme URI: http://puzich.com/
Description: Default puzich.com Theme 07/2010 with Ads
Version: 2.0
Author: Thorsten Puzich


TODO:
- (!) Firefox: Ecken nicht wirklich rund (siehe Tabs - geht wohl auch nicht anders)
- Login Sidebar funktioniert mit SSL nicht
- Search Ergebnisse aufhübschen (WEiter, Zurückbutton falsche Farbe)
- Login & Suche als Dropdown
- autom. Tweets bei neuen Artikeln absetzen
- Print Style CSS
- Share It Buttons in Feeds
- (!) Archiv Erstellung in functions.php übernehmen
- Recent Comments Widget übernehmen
- (!) Favatar für Trackbacks erstellen / Twitter User Images für Track-/Tweetbacks
- Twitter Anywhere einbauen
- Links ändern. Statt unterstrichen, dann mit Hintergrundfarbe, abgerundete Ecken, etc.  (und Unterstrichen)
- Plugin Landingsite evtl. implementieren
- Plugin clean-umlauts implementieren
- Plugin Smart Archives Reloaded implementieren
- etc. pp.

Erledigt:
- (!) Archiv Seite aus aktueller Seite übernehmen (rüberkopieren)
- (!) Share It / Socialize -> TinyUrl durch bit.ly (j.mp) Funktion mit Cache ersetzen
- (!) CSS Klasse imageframe wieder einfügen
- (!) Oben Button übernehmen
- Paginated Plugin in eigene functions.php 
- (!) Related Posts Plugin einpassen
- Tooltips nutzen (class="tiptip")
- (!) TopUp Plus nutzen
- (!!) Lightview Plus: Werden nur die letzten beiden Trackbacks angezeigt
- (!) Related Posts mehr abstand zw. den Posts
- (!!) Firefox: Schrift enger zusammen packen
- (!) Links in Kommentaren nicht richtige Farbe. Sind nur blau
- LikeMe Button einbauen
- Antwort Bereich: Text sehr klein (Firefox)
- Kommentar abgeben, bei vielen Kommentaren und vielen Trackbacks lässt einen auf die falsche Seite springen (Siehe LVP Seite) <--------- NOCH TESTEN!

*/

/*********************
	Allgemein 
*********************/
body {
	color: Black;
	background-color: #dcdcdc;
	text-align: center;	
	/* font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; */
	/* font-size: 0.8em; */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;*/
	font-size: 100.1%;  /* 1em = 11px */
	margin: 0;
	padding: 0;
}

code {
	font: 1.2em 'Courier New', Courier, Fixed;
}

small, blockquote, strike {
	color: #888;
}

ol li {
	/*list-style: decimal outside;*/
}

h1, h2, h3 {
	font-weight: bold;
}

h1 {
	padding-top: 20px;
	margin: 0;
	font-size: 2em;
	text-align: center;
}

h2 {
	/*margin: 20px 0 2px 0;*/
	font-size: 1.8em;
}

h2 a {
	color: #4491D9;
	text-decoration: none;
}

h2 a:hover {
	color: #4491D9;
	text-decoration: underline;
}

h3 {
/*	padding: 0;
	margin: 30px 0 0; */
	font-size: 1.5em;
}

acronym, abbr, span.caps
{
	font-size: 1.0em;
	letter-spacing: .08em;
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}
	
blockquote {
	background:url(images/quotes.png) no-repeat top left;
	margin: 0 0 0 30px;
	padding: 10px 0 0 20px;
	color: #777;
	font-style: italic;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

hr {
	display: none;
}

a img {
	border: none;
}

input, textarea
{
	background: #fafafa;
	color: #333;
	font-size: 0.8em;
	border: 1px solid #aaa;
	padding: 1px;
	margin: 1px 0;
}

input:focus, textarea:focus,
input:hover, textarea:hover
{
	border: 1px solid #555;
	background:#fff;
}
	
/*********************
	Header - Kopfzeile
*********************/
#header {
	height: 40px;
	padding: 0;
	margin: 0;
	background: #fff url('images/header_bgnd.png') no-repeat;
	color: #777;
} 

#mobile_view {
	background: url(images/mobile.png) no-repeat;
	width: 80px;
	height: 80px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}


/*********************
	Navigation 
**********************/
#navigation {
	height: 227px;
	border-bottom: 1px solid #dcdcdc;
}

ul#navlist{
	background-color: #fff;
	margin: 0px 87px 0px 686px;
	padding: 0;
	height: 227px;
	background-image: none;
	list-style: none;
	font-size: 0.8em;
}

ul#navlist li{
	margin-left: 0px;
}

/*ul#navlist{
	color: #4491D9;
	display: block;
}

ul#navlist a {
	text-decoration: none;
	color: #4491D9;
	list-style-image: url(images/dot.png);
	list-style-position:inside;
	-webkit-tap-highlight-color: #C0D3EC;
	border-image: url(images/nav_underline.png);
}

ul#navlist li:hover {
	text-decoration: none;
	background-color: #C0D3EC;
	list-style-image:url(images/dot_h.png);
}

ul#navlist li{
	margin-left: 0;
}

a#nav_home li, a#nav_archive li, a#nav_contact li, a#nav_gallery li {
	height: 22px;
	text-align: left;
	padding-left: 30px;
	font-size: 13px;
	font-weight: bold;	
}*/

#nav_home {background: url(images/nav_home.png) 0 0 no-repeat; float:left; height: 22px; width: 227px; border:none; padding: 0; margin: 0;}
#nav_archive {background: url(images/nav_archive.png) 0 0 no-repeat; float:left; height: 24px; width: 227px; border:none; padding: 0; margin: 0;}
#nav_gallery {background: url(images/nav_gallery.png) 0 0 no-repeat; float:left; height: 22px; width: 227px; border:none; padding: 0; margin: 0;}
#nav_contact {background: url(images/nav_contact.png) 0 0 no-repeat; float:left; height: 28px; width: 227px; border:none; padding: 0; margin: 0;}
#nav_home:hover, #nav_archive:hover, #nav_gallery:hover, #nav_contact:hover { background-position: -227px 0; background-repeat: no-repeat; }

/* Subscribe */
#subscribe {
	margin-left: -18px;
	margin-right: -5px;
}

#subscribe li {
	float: left;
	width: 33%;
	text-align: center;
	font-weight: bold;
	list-style: none;
}

#subscribe li a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
	outline: none;
}

#subscribe li a span {
	color: #666;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

#subscribe li a:hover {
	color: #4491D9;
	background-color: #fff;
	font-size: 14px;
	
	
}

#subscribe li img {
	display: block;
	margin: 0 auto 5px;
}

/* Seitenpagninierung */
.pagination {
	margin: 1em 0;
	display: block;
	text-align: center;
}

.pagination a { 
	border: #c4c4c4 1px solid;
	padding: 3px 6px;
	margin: 2px;
	text-decoration: none;
	color: #a4a4a4;
	text-shadow: #fff 1px 1px 1px;
}

.pagination a:hover { 
	border: #4491D9 1px solid;
	color:#fff;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	background: #4491D9;
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
}

.pagination span {
	border: #c4c4c4 1px solid; 
	color: #a4a4a4;
	padding: 3px 6px;
	margin: 2px;
}

.pagination span.current {
	border: #4491D9 1px solid; 
	color: #fff;
	padding: 3px 6px;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	background: #4491D9;
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
}

.pagination a.loading{border:0;padding:3px 8px;border:0;background:transparent url(images/loader-white.gif) no-repeat center center;}



/*********************
	Hauptcontainer
**********************/
#container {
	margin: auto;
	width: 1000px;
	text-align: left;
	border: none;
	background: transparent url('images/line_main.png') top left repeat-y;
	background-color: #fff;
}

#main {
	width: 1000px;
	border-right: 1px solid #dcdcdc;
	margin-bottom: auto;
	height: auto;
	display: inline-block;
	position: relative;
	float: left;
}

/*********************
	Content
**********************/
#content {
	width: 630px;
	position: relative;
	float: left;
	
}

#content ul li a {
	/*color: #888;*/
	text-decoration: none;
}

#content ul li a:hover {
	text-decoration: underline;
}

.widecolumn {
	margin: 0px 30px 0px 30px;
	padding: 15px 0px 15px 0px;
	border: none;
	float:left;
}
	
.narrowcolumn {
	margin: 0px 30px 0px 30px;
	padding: 15px 0px 15px 0px;
	border: none;
	float: left;
}


/* Landingsite - wenn Besucher von Google kommt */
.landingsites
{
	border: 4px solid #4491D9;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

.landingsites h2 {
	font-size: 1.8em;
	color: #4491D9;
}

/* Kurzeinträge - Kurznachrichten */
.shortentry {
	text-align: left;
	font-size: 1.6em;
	font-weight: lighter;
	margin-bottom: -20px;
	color: #aaa;
}

.shortentry a {
	color: #aaa;
	text-decoration:underline;
}

/* Haupteinträge Blogeintrag*/
.entry {
	line-height: 1.4em;
	/*letter-spacing: 0.06em;*/
	font-size: 1.0em;
	margin-top: -50px; /* Wegen .title_date Spielerei muss ein wenig nach oben geschoben werden*/
}
	
.entry a {
	color: #4491D9;
	text-decoration: underline;
}

.entry a:hover {
	color: #888;
}

.entry ol li {
	list-style: decimal outside;
}

/* Haupteinträge Pages */
.post {
	margin: 0 0 40px;
	text-align: justify;
	/* text-align: left; */
	line-height: 150%;
	padding-top: 35px;
}

.post hr {
	display: block;
}

.postmetadata {
	padding-top: 5px;
	margin: 30px 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

/* Post Like */
.post-like {
	min-width: 100%;
	min-height: 100%;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	vertical-align: middle;
	text-shadow:0 0 5px rgba(0, 0, 0, 0.4);
}

.post-like a {
	right: 0;
	position: absolute;
}

.post .like-confirmation {
	display: none;
	right: 0;
	position: absolute;
}

/* Post Like Ende */

/* Formatierung */
.center {
	text-align: center;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* Bilder */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
}


/**************************
* Flexible Upload         *
**************************/
.imageframe { margin: 10px; padding: 5px; border: 1px solid #aaa; }
.imgalignleft { float: left; }
.imgalignright { float: right; }
.imgaligncenter { margin-left: auto; margin-right: auto; }

/* Bubble */
.bubble-trigger { 
	position: relative;
}

.bubble {
	display: none;
	position: absolute; 
	z-index:10;
}

/* Uhrzeit und Datum */
.time {
	background:url(images/icon_time.png) left no-repeat;
	padding:2px 2px 2px 20px;
}

.title_date {
	background: #4491d9; /* all the rest, e.g. Opera */
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
	box-shadow: 0px 6px 6px #bababa;  /* Shadow */
	-moz-box-shadow: 0px 6px 6px #bababa;  /* Mozilla */
	-webkit-box-shadow: 0px 6px 6px #bababa; /* Webkit, Safari, Chrome */
	color: #fff;
/*	height: 65px; eigentlich 65px, aber height + padding top = 65px, daher die u.g 55px */
	height: 55px;
	padding-top: 10px;
	width: 115px;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: #595959 3px 3px 3px;
	position: relative;
	left: -50px;
	top: -55px;
}

.title_date span {
	color: #dcd4bd;
	font-size: 0.4em;
	line-height: 20px;
	font-style: normal;
	padding-top: 4px;
	letter-spacing: 0.02em;
}

.titlearrow_left {  
     width: 0; height: 0;  
     line-height: 0;  
     border-left: 20px solid rgba(0,0,0,0);  
     border-bottom: 10px solid #153655;  
     top: -14px;  
     left: 0;  
     position: absolute;  
}

.titlearrow_right {  
     width: 0; height: 0;  
     line-height: 0;  
     border-right: 20px solid rgba(0,0,0,0);  
     border-bottom: 10px solid #153655;  
     top: -14px;  
     right: 0;  
     position: absolute;  
}

/* Titel */
.title {
/*	background: transparent url('images/bg_post_title.png') left top no-repeat; */
	background: #4491d9; /* all the rest, e.g. Opera */
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
	box-shadow: 6px 6px 6px #bababa;  /* Shadow */
	-moz-box-shadow: 6px 6px 6px #bababa;  /* Mozilla */
	-webkit-box-shadow: 6px 6px 6px #bababa; /* Webkit, Safari, Chrome */
	color: #fff;
	/*left: -56px; */
	right: -45px;
	position: relative;
	width: 610px;
	height: 65px;
	margin: 0 -20px 0 0;
	padding: 0 -20px 0px 0px;
	clear: both;
	text-shadow: #595959 3px 3px 3px;
}

.title h1, .title h5 {
	color: #fff;
	margin: 0 0 0 30px;
	/*text-transform: uppercase;*/
}

.title h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: -0.06em;
	padding-top: 1px;
	font-size: 2em;
/*	float: left; */
	text-align: left;
}

.title h1 a {
	color: #fff;
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.title h1 a:hover {
	text-decoration: underline;
}

.title h5 {
	padding-top: 3px;
	/* padding-left: 100px; */
	font-size: 0.6em;
}

.title h5 a {
	color: #fff;
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.title h5 a:hover {
	text-decoration: underline;
}

/*h1.pagetitle {
	color: #888;
	text-align: center;
}*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 0.7em;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Tabs (code inspired by smashing magazine's comment tabs */
ul.otabs li a {}
ul.otabs li a:hover {}

.tabbed-content div.sections {
	position: relative;
	overflow: hidden;
}

.tabbed-content div.section {
	position : relative;
	display:none;
}

.tabbed-content div.section h6.title { 
	font-size: 115%;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
}

.otabs, .otabs li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.otabs-wrap {
	border-bottom: 3px solid #4491D9; 
}

.otabs {
	list-style: none;
	overflow: hidden;
	height: 34px;
	position: relative;
	padding-right: 14px;
}

.otabs li {
	float: right;
	background-color: #e4e4e4;
	text-align: center;
	height: 31px;
	margin-right: -14px; 
	padding-right: 18px;
	margin-top: 4px;
	position: relative;
	z-index: 0;
	line-height: 28px;
	-moz-border-radius-top-right: 6px; 
	-webkit-border-top-right-radius: 6px; 
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px; 
	-webkit-border-top-left-radius: 6px; 
	border-top-left-radius: 6px;
	border: #c4c4c4 solid 1px;
}

.otabs li a {
	height: 31px;
	color: #4e4e4e;
	float: left;
	text-decoration: none;
	text-shadow: #fff 1px 1px 1px;
	font-weight: bold;  
	padding-left: 20px;
	padding-right: 4px;
	background-color: #e4e4e4;
	-moz-border-radius-top-right: 6px; 
	-webkit-border-top-right-radius: 6px; 
	border-top-right-radius: 6px;
	-moz-border-radius-top-left: 6px; 
	-webkit-border-top-left-radius: 6px; 
	border-top-left-radius: 6px;
}

.otabs li :hover { 
	background-color: #c4c4c4;
}
.otabs li:hover a, .otabs li a:hover {
	background-color: #c4c4c4;
	padding-right: 22px;
	margin-right: -18px;
}

.otabs li.active {
	z-index: 8;
	background: #4491D9;
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
	-moz-border-radius-top-left: 6px; 
	-webkit-border-top-left-radius: 6px; 
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px; 
	-webkit-border-top-right-radius: 6px; 
	border-top-right-radius: 6px;
	border: #4491D9 solid 1px;
}

.otabs li.active a,.otabs li.active a:hover {
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	background: #4491D9;
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
}


/* Anzahl der Kommentare in Überschrift (nicht mehr verwendet) */
.comments_count {
	background:url(images/icon_comments.png) left no-repeat;
	padding:2px 2px 2px 20px;
}

.comments_count a {
	text-decoration: none;
}

.comments_count a:hover {
	text-decoration: underline;
}

/* Kommentare */
.tabbed-content div.section#section-comments{display:block;} /* show comment tab, just in case jquery is disabled */

#comments {
	margin: 0;
	padding: 5px 0;
	color: #aaa;
	font-size: 1.6em;
	font-weight: bold;
	clear: both;
}

#comments .navigation {
	padding: 0 0 18px 0;
}

.commentlist {
	list-style: none;
	margin: 0;
}

.commentlist li.comment, 
.commentlist li.trackback,
.commentlist li.pingback  {
	/* border-bottom: 1px solid #e7e7e7; */
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}

.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}

.commentblock {
	background: #eee;
	margin-top: 24px;
	padding: 15px 15px 5px 15px;
}

.commentarrow {  
	width: 0; height: 0;  
	line-height: 0;  
	border-right: 19px solid #eee;
	border-top: 19px solid  rgba(0,0,0,0);
	border-bottom: 19px solid  rgba(0,0,0,0);  
	top: 30px;  
	left: 37px;  
	position: absolute;  
}

.pingbackarrow {  
	width: 0; height: 0;  
	line-height: 0;  
	border-right: 19px solid #eee;
	border-top: 22px solid  rgba(0,0,0,0);
	border-bottom: 22px solid  rgba(0,0,0,0);  
	top: 0px;  
	left: 37px;  
	position: absolute;  
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}

#comments .comment-body p:last-child {
	margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist .avatar, .favatar{
	position: absolute;
	top: 12px;
	left: -35px;
}

.commentlist a {
	color: #4491D1;
}

.commentlist a:hover {
	color: #bbb;
}

.comment-author {
	font-size: 1.3em;
}

.comment-author-border-bottom {
	border-bottom: 1px solid #ccc;
}

.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}

.comment-author cite a {
	color: #4491D9;
	text-decoration: none;
}

.comment-author cite a:hover{
	color: #4491D9;
	text-decoration: underline;
}

.comment-author .says {
	font-style: italic;
}

.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
	color: #4491D9;
}

.commentlist .even {
}

.commentlist .bypostauthor {
}

.commentcount {
	font-size: 0.9;
	font-weight: bold;
	color: #c4c4c4;
	right:10px;
	float: right;
}

.reply {
	font-size: 0.7em;
	padding: 0 0 12px 0;
	position: absolute; 
	right: 10px; 
	top :4px; 
	margin-top: 0px;
}

.reply a,
a.comment-edit-link {
	display: block;
	background-color: #e4e4e4;
	padding: 4px 8px;
	color: #4491D9;
	font-weight: bold; 
	text-decoration: none;
	float: left;
	margin-right: 4px;
	border-top: 1px solid #fff;
}

.reply a:hover,
a.comment-edit-link:hover {
	text-decoration: underline;
	color: #fff;	
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	background: #4491D9;
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
}

.commentlist .children {
	list-style: none;
	/* margin: 0; */
}

.commentlist .children li {
	border: none;
	/* margin: 0; */
}

.nopassword,
.nocomments {
	text-align: center;
	margin: 12px;
	padding: 0;
}

#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}

.commentlist li.comment+li.pingback {
	margin-top: -6px;
}

#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}

#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}	


/* Antworten */
#respond {
	margin-bottom: 40px;
}

#respond h3 {
	margin: 0;
	padding: 15px 0 0 0;
	color: #aaa;
	font-size: 1.6em;
}

/* RSS Link der Kommentare */
.metalinks a, .metalinks a:visited {
	color: #4491D9;
	font-weight: normal;
	text-decoration: none;
}

.metalinks a:hover {
	color: #aaa;
}

.commentsrsslink
{
	background: url('images/icon_feed_small.png') left top no-repeat;
	padding: 0px 0 2px 15px;
	margin-right: 5px;
	height: 14px;
}

/* Antwortfeld */
#commentform p {
	margin: 5px 0;
}

commentlist li, #commentform input, #commentform textarea {
	font: 1.3em;
}

#commentform a {
	color: #4491D9;
	text-decoration: none;
}

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

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 98%;
	padding: 2px;
	font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/* Submit Button */	
#submit {
	/* background: #ddd url(images/bt_button.gif) 0 0 repeat-x; */
	background: #ddd 0 0;
	border: 1px solid #777;
	color: #333;
	cursor: pointer;
	font-family: Verdana, Lucida Sans Unicode, Helvetica, Arial, Sans-Serif;
	font-size: .8em;
	height: 20px;
	padding: 2px 20px 2px 20px;
	margin: 1px 0;
}

#submit:hover {
	border: 1px solid #999;
	background: #eee 0 0;
	color: #666;
}

/* Recent Posts Tab */
.recentpostlist {
	list-style: none;
	margin-left: -40px;
}

.recentpostblock {
	background: #eee;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
}

.recentpostblock h3 {
	color: #4491D9;
/*	padding: 10px 15px 0px 15px; */
	border-bottom: 1px solid #ccc;
	
}

.recentpostblock h3 a {
	color: #4491D1;
	text-decoration: none;
}

.recentpostblock h3 a:hover {
	color: #4491D9;
	text-decoration: underline;
}



/*********************
	Sidebar
**********************/
#sidebar {
	width: 207px;
	border-right-color: #dcdcdc;
	border-right-width: 1px;
	padding-left: 10px;
	float: left;
}

#sidebar a
{
	color: #888;
	text-decoration: none;
	display: block;
}
	
#sidebar a:hover
{
	/*border: 1px solid #ddd;*/
	background-color: #eee;
	color: #555;
}

#sidebar form {
	margin: 0;
}

#sidebar h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	/*margin: 10px 0 0 0;
	padding: 0;*/
	/*color: #4491D9;*/
	font-weight: bold;
	text-decoration: none;
}

/*#sidebar ul ol li,*/
#sidebar ul ul li {
	color: #888;
}

#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 p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

#sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

/* Widgets */
h2.widgettitle {
	background: #4491d9; /* all the rest, e.g. Opera */
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
	padding: 10px 20px;
	margin-left: -15px;  
	margin-top: 20px;  
	position: relative;  
	width: 210px;  
	-moz-box-shadow: 6px 6px 6px #bababa;  
	-webkit-box-shadow: 6px 6px 6px #bababa;  
	box-shadow: 6px 6px 6px #bababa;  
	color: #fff;
	text-shadow: #595959 3px 3px 3px;
}

.widgetarrow {  
     width: 0; height: 0;  
     line-height: 0;  
     border-right: 19px solid rgba(0,0,0,0);  
     border-bottom: 10px solid #153655;  
     top: -10px;  
     right: 0;  
     position: absolute;  
}

/******************
	Footer
*******************/
#footer {
	height: 40px;
	background: #fff;
	color: gray;
   	font-size: 0.7em;
	text-align: right;
	line-height: 1.2em;
}

/* Footer Navigation */
#footer-nav {
	background-image: url(images/footer_blue.jpg);
	color: white;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	word-spacing: 10px;
	height: 36px;
	clear: both;
}

#footer-nav a {
	color: white;
	text-decoration: none;
}

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

#footer-nav-inner {
	padding-top: 11px;
}

/* Affe oder Guybrush */
#hanging {
	text-align: right;
	background-color: #dcdcdc;
}

/* page controls */
#pageControls{position:absolute;right:0;top:0;width:25%;height:100px;z-index:4;}
#pageControls a{background:transparent url(images/page-controls.png) no-repeat right top;position:absolute;width:22px;height:21px;right:10px;top:10px;cursor:pointer;z-index:15;}
#pageControls a:hover{background-position:right bottom;}
#pageControls a.fontSize{background-position:left top;right:36px;}
#pageControls a.fontSize:hover{background-position:left bottom;}

/* share this */
.shareThis {
	position: relative;
	float:left; 
	width:25%;
}

.shareThis a.share {
	color: #4491D9;
	display: block;
	float: left;
	padding: 2px 0 4px;
	width: 100%;
	background-color: #eee;
	text-shadow: #fff 1px 1px 1px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #fff;
	text-align: center;
	letter-spacing: -0.02em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.shareThis a.share:hover, .shareThis:hover a {
	background-color: #4491D9;
	text-shadow: #666 1px 1px 1px;
	color:#fff;
}

.shareThis .bubble {
	/*width: 288px; */
	width: 96px;
	left: 0px;
	top: 0px;
	margin-top: -40px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.4); -moz-border-radius: 6px; 
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4); -webkit-border-radius: 6px;
	box-shadow:0px 0px 8px rgba(0,0,0,0.4); border-radius:6px;
}
.shareThis .bubble a {
	background: transparent url(images/socialize.jpg) no-repeat left bottom;
	width: 32px;
	height: 32px;
	float: left;
	position: relative;
	z-index: 5;
}
.shareThis .bubble li{list-style-type:none;padding:0;margin:0;float:left;}
.shareThis .bubble a.twitter{background-position:0px -32px;}
.shareThis .bubble a.digg{background-position:-32px -32px;}
.shareThis .bubble a.facebook{background-position:-64px -32px;}
.shareThis .bubble a.delicious{background-position:-96px -32px;}
.shareThis .bubble a.stumbleupon{background-position:-128px -32px;}
.shareThis .bubble a.google{background-position:-160px -32px;}
.shareThis .bubble a.linkedin{background-position:-192px -32px;}
.shareThis .bubble a.yahoo{background-position:-224px -32px;}
.shareThis .bubble a.technorati{background-position:-256px -32px;}

.shareThis .bubble a.twitter:hover{background-position:0 0px;}
.shareThis .bubble a.digg:hover{background-position:-32px 0px;}
.shareThis .bubble a.facebook:hover{background-position:-64px 0px;}
.shareThis .bubble a.delicious:hover{background-position:-96px 0px;}
.shareThis .bubble a.stumbleupon:hover{background-position:-128px 0px;}
.shareThis .bubble a.google:hover{background-position:-160px 0px;}
.shareThis .bubble a.linkedin:hover{background-position:-192px 0px;}
.shareThis .bubble a.yahoo:hover{background-position:-224px 0px;}
.shareThis .bubble a.technorati:hover{background-position:-256px 0px;}

.shareThis .bubble a span{ display: none; }

/* Share This Text */
.shareThisText {
	position: relative;
	float:left; 
	width:25%;
	font-size: 85%;
}

.shareThisText a {
	color: #4491D9;
	/* display: block; */
	float: left;
	padding: 2px 4px 2px 0px;
	/* width: 100%; 
	background-color: #eee; */
	text-shadow: #fff 1px 1px 1px;
	text-decoration: none;
	/* font-weight: bold; */
	border: 1px solid #fff;
	text-align: center;
	letter-spacing: -0.02em;
	/*text-transform: uppercase;*/
}

.shareThisText a:hover {
	color: #aaa;
}

/* To Top */
#to-top a {
	font: normal 12px/150% verdana, arial, helvetica, sans-serif;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#to-top a {
	width: auto;
	background: #4491d9; /* all the rest, e.g. Opera */
	background: -moz-linear-gradient(top, #205c8e, #4392d4); /* Mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#205c8e), to(#4392d4)); /* Webkit, Safari, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#205c8e', endColorstr='#4392d4'); /* ie8 */
	text-align: center;
	padding: 3px 20px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	-moz-box-shadow: 6px 6px 6px #bababa;  
	-webkit-box-shadow: 6px 6px 6px #bababa;  
	box-shadow: 6px 6px 6px #bababa;  
	color: #fff;
	text-shadow: #595959 3px 3px 3px;
	text-decoration: none;
	z-index: 100;
}

/*******************
* TipTip Tool Tip *
*******************/
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/* TipTip CSS - Version 1.2 Ende */