/* @override 
	http://blog.tigion.de/wp-content/themes/tigion_v05/style.css */

/*   
Theme Name: Tigion 5.0
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Version: 0.x
.
General comments/License Statement if any.
.
*/

/*
 * Last modified: Di 05 Jan 2010 08:53:16 CET
 */

/* @group default */

/* ------------------------------------------------------ */
/* default */
/* ------------------------------------------------------ */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-size: 62.5%;
  /*font-family: sans-serif;*/
  font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
  /*font-family: Arial, "Helvetica Neue",Arial,Helvetica,sans-serif;*/
  /*font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;*/
  color: #333;
  /*background-color: #d3cebe;*/
  background: #D3CEBE url(images/background_special.png) no-repeat fixed left top;
  /*background: #D3CEBE url(images/background_wolken_1.jpg) repeat fixed center top;*/
}

body.day {
  background: #D3CEBE url(images/background_wolken_1.jpg) repeat fixed center top;
}
body.twilight {
  background: #D3CEBE url(images/background_wolken_2.jpg) repeat fixed center top;
}
body.night {
  background: #D3CEBE url(images/background_wolken_3.jpg) repeat fixed center top;
}

h2, h3, h4 {
  /*font-family; 'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica,sans-serif*/
  /*font-family: "myriad pro","trebuchet ms","helvetica neue",helvetica,arial,sans-serif;*/
  font-family: "Century Gothic",Helvetica,Arial,sans-serif;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #333;
}

.hidden {
  display: none;
}

.left, .alignleft {
	float:  left;
}

.right, .alignright {
	float:  right;
}

.textaligncenter {
	text-align: center;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
}

.old_browser_warning {
  padding: 0.5em;
  margin-bottom: 1em;
  background-color: #ddd;
  text-align: center;
}

#post_latest input[type=submit],
#post_more input[type=submit] {
  background: #333 url(images/input_submit_background.png) repeat-x scroll left top;
	border: 1px solid #333;
	color: #eee;
  font-weight: bold;
  padding: 0.2em 0.5em;
  /*min-height: 30px;*/
  -moz-border-radius: 8px;
}

#post_latest input[type=submit]:active,
#post_more input[type=submit]:active {
  background: #888 url(images/input_submit_background_active.png) repeat-x scroll left top;
}

#post_more input[type=submit] {
	border: 1px solid #333;
}

#post_more input[type=submit]:hover {
	border: 1px solid #e71;
}

#post_latest input[type=submit] {
	border: 1px solid #333;
}

#post_latest input[type=submit]:hover {
	border: 1px solid #ddd;
}

/* @end */

/* @group page */

/* ------------------------------------------------------ */
/* page */
/* ------------------------------------------------------ */

#page {
	width: 560px;
	margin: 25px auto 0;
	padding-top: 25px;
}

/* @end */

/* @group header+footer */

/* ------------------------------------------------------ */
/* header */
/* ------------------------------------------------------ */

#footer_background, #footer, #header, #menu, #navigation {
	position: fixed;
	bottom: 0;
}

#footer_background, #footer, #header, #menu, #navigation,
#footer a, #header a, #menu a, #navigation a {
  color: 333;
}

#footer_background {
  left: 0;
  background-color: white;
  width: 100%;
  height: 2.5em;
  z-index: 1010;

  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 (first) */
	filter: alpha(opacity=75); /* IE5-7 */
}

#header {
	left:  0;
  z-index: 1050;
  width: 30%;
}

#menu {
  ;
}

#navigation {
  left: 50%;
  width: 30%;
  margin-left: -15%;
  z-index: 1010;
  text-align: center; 
}

#footer {
  right:  0;
  z-index: 1050;
  width: 30%;
}

#header .hover {
	display:  none;
}

#header:hover .hover {
	display: inline;
}

#header .admin a {
	color: #e71;
}

#header h1, #header p, #footer p, #menu p, #navigation p {
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 1.1em;
}


#footer a:hover, #menu a:hover, #navigation a:hover, #header a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Layout */

/* ------------------------------------------------------ */
/* layout */
/* ------------------------------------------------------ */

#post_sticky {
	background: transparent url(images/background_post_sticky_top.png) no-repeat scroll center top;
	height: 50px;
	width: 560px;
}

#post_sticky_more {
 	background: transparent url(images/background_post_more.png) repeat-y scroll center top;
	width: 560px;
	overflow: hidden;
}

#post_latest_top_after_sticky {
	background: transparent url(images/background_post_sticky_top.png) no-repeat scroll center bottom;
	width: 560px;
	height: 50px;
}

#post_latest_top {
	background: transparent url(images/background_post_top.png) no-repeat scroll center top;
	width: 560px;
	height: 50px;
}

#post_latest {
	background: transparent url(images/background_post.png) repeat-y scroll center top;
	width: 560px;
  overflow: hidden;
}

#post_latest_bottom {
	background: transparent url(images/background_post_bottom.png) no-repeat scroll center top;
	width: 560px;
	height: 25px;
}

#post_more {
	background: transparent url(images/background_post_more.png) repeat-y scroll center top;
	width: 560px;
	overflow: hidden;
}

#post_more_startpage {
  margin-top: 25px;
}

#post_more_bottom {
	clear: both;
	background: transparent url(images/background_post_more_bottom.png) no-repeat scroll center bottom;
	width: 560px;
	height: 50px;
	margin-bottom: 50px;
}

#content .post, #content .page {
  padding: 0 55px;
}

#content .post_more {
  padding: 0 35px;
}

#content .second-loop {
  width: 234px;
  border: none;
}

#content .second-loop-left {
  clear: both;
  float: left;
  padding: 0 0 2em 35px;
}

#content .second-loop-right {
  float: right;
  padding: 0 36px 2em 0;
}

#content .sticky {
	padding-bottom: 1em;
}

#content #comments {
	padding: 5px 35px 0em 35px;
}

#content .navigation {
	clear:  both;
	padding: 5px 35px 0em 35px;
}

#content .navigation p {
	padding: 0 35px;
}

/* @end */

/* @group content */

/* ------------------------------------------------------ */
/* content */
/* ------------------------------------------------------ */

#content {
  /* Variante 1 */
  /*width: 100%;
  margin: 0px auto 0;
  font-size: 1.2em;
  line-height: 1.6em;*/

  /* Variante 2 */
  margin: 0px auto 0;
  font-size: 1.3em;
  line-height: 1.6em;
  position: absolute;
  z-index: 1000;
}

#content h2 {
  font-size: 1.8em;
  padding: 0.8em 0 0.5em 0;
	line-height: 1.0em;
  text-transform: uppercase;
}

#content h3 {
  font-size: 1.4em;
  padding: 1.0em 0 0.8em 0;
  line-height: 1.0em;
}

#content h4 {
  font-size: 1.2em;
  padding-bottom: 0.8em 0 0.2em 0;
  line-height: 1.0em;
}

#content p {
  padding-bottom: 1em;
}

#content a:hover {
  color: #e71;
  /*color: #c51;*/
}

#content blockquote {
  /*border-left: 5px solid #666;*/
  background-color: #222;
  color: #999;
  font: italic 1.2em/1.3em Georgia,"Times New Roman",Times,serif;
  margin: 0.5em 0 1.2em;
  padding: 1em;
}

#content blockquote p {
  margin: 0;
  padding: 0;
}

#content ul, #content ol {
  padding: 0 2.0em 1.5em 2.0em;
}

#content code, #content pre {
  overflow: auto;
  /*color: #333;*/
  padding: 10px; 
  margin: 0 1.0em 1.0em;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  display: block;
  text-align: left;
  font: 0.9em "Andale Mono", "Courier New", Courier, Fixed, mono;
  background-color: #444;
}

#content code {
  white-space: nowrap;
}

#content pre {
  white-space: pre;
}

#content small {
  line-height: 0;
}

/* @group Image */

#content img {
  border: 0;
  padding-top: 0.2em;
}

#content p img {
	max-width: 100%;
}

#content img.centered, #content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

#content img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

#content .wp-caption {
  width: auto !important;
	margin-bottom: 2.0em;
}

#content .wp-caption-text {
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: left;
  padding: 0 0 0 0.4em;
  
  /*border-left: 1.2em solid #eee;*/
}

#content img.wp-smiley {
  margin-top: -8px;
  padding-top: 5px;
  margin-bottom: -2px;
}

/* @end */

/* @group Postmetadata */

#content .postmetadata {
  color: #aaa;
  padding: 0 35px 0 35px;
  padding-bottom: 0;
  margin-bottom: 0;
  clear:  both;
  overflow: hidden;
  font-size: 0.9em;
  line-height: 1.3em;
  color: #999;
}

#content .postmetadata .meta_all {
  float: left;
  width: 300px;
}

#content .postmetadata .meta_links {
  float: right;
  width: 100px;
}

#content .postmetadata p {
  padding-bottom: 0;
}

#content .postmetadata a {
  color: #999;
}

#content .postmetadata a:hover {
  color: #000;
}

/*#content.single .postmetadata {
  margin: 15px 0 15px 0;
}*/

#content .postmetadata p.tag a {
  text-transform: lowercase;
}

/* @end */

/* @end */

/* @group Home - Latest Post */

#content .first-loop {
  /*border: 1px dotted #bbb;*/
  clear: both;
  /*background-color: #333;*/
  color: #eee;
  /*font-size: 1.1em;
  line-height: 1.6em;*/
  /*text-shadow: 0 1px 1px #000;*/
}

#content .first-loop h2 a {
  color: #fff;
}

#content .first-loop a {
  color: #e71;
}

#content .first-loop h2 a:hover {
  color: #e71;
}

#content .first-loop a:hover {
  color: #999;
}

#content .first-loop a.more-link {
  color: #999;#e71;
  font-weight: normal;
}

#content .first-loop a.more-link:hover {
  color: #e71;
}

/* @end */

/* @group Home - Sticky & Second Loop */

#content .second-loop {
  line-height: 1.3em;
  /*text-shadow: 0 1px 1px #fff;*/
}

#content .second-loop h2 {
  font-size: 1.1em;
  line-height: 1.1em;
  padding: 0.1em 0 0.3em 0;
}

#content .second-loop p {
  padding-bottom: 0;
}

#content .second-loop a.more {
  font-weight: normal;
}

#content .second-loop .postmetadata {
	font-size: 0.8em;
	/*line-height: 0.8em;*/
  color: #aaa;
  /* border-bottom: 1px dotted #aaa; */
  /* margin-bottom: 0.4em; */
  padding: 0 0 0.1em 0;
}

#content .second-loop .postmetadata a {
  color: #aaa;
  font-weight: normal;
}

#content .second-loop .postmetadata a:hover {
  color: #000;
  font-weight: normal;
}

/* @end */

/* @group comments */

/* ------------------------------------------------------ */
/* comments */
/* ------------------------------------------------------ */

#comments {
  font-size: 0.9em;
  line-height: 1.4em;
}

#comments h3 {
  margin-top: 1.0em;
  font-size: 1.6em;
}

#comments table {
	width:  100%;
}

/* --- */

/* comment list layout */

#comments ul.commentlist {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
}

#comments ul.commentlist li.comment {
  padding: 1em;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
}

#comments ul.commentlist li.comment-author-admin {
  /* TODO */
  border: 1px solid #aaa;
}

#comments ul.commentlist li + li {
  margin-top: 1em;
}

/* comment author */

ul.commentlist li.comment div.comment-author {
  /* TODO */
}

ul.commentlist li.comment div.comment-author img.avatar {
  float: left;
  margin: 0 1em 1em 0;
  padding: 0 !important;
  border: 0 !important;
}

ul.commentlist li.comment div.vcard {
  /* TODO */
}

ul.commentlist li.comment div.vcard cite.fn {
  /* TODO */
}


/* comment meta */

ul.commentlist li.comment div.comment-meta {
  /* TODO */
  /*display: none;*/
}

/*ul.commentlist li.comment:hover div.comment-meta {
  display: block;
}*/

/* comment content */

#comments ul.commentlist li.comment p {
  margin: 0;
  padding: 0;
  clear: both;
}

#comments ul.commentlist li.comment p + p {
  margin-top: 1em;
}

#comments ul.commentlist li.comment blockquote {
  /* TODO */
}

/* comment reply */

ul.commentlist li.comment .reply {
  /* TODO */
  font-size: 0.8em;
  margin-top: 1em;
  /*float: right;*/
  text-align: right;
  clear: both;
  margin-bottom: -1.3em;
}

ul.commentlist li.comment .reply a {
  /* TODO */
  background-color: #eee;
  color: #666;
  text-decoration: none;
  padding: 0.2em 0.5em;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  /*-webkit-border-radius: 2px;*/
  font-weight: normal;
}

ul.commentlist li.comment .reply a:hover {
  /* TODO */
  /*color: #333;
  background-color: #aaa;*/
}

/* --- */

#comments .trackbacks {
	font-size: 0.9em;
	line-height: 1.2em;
}

#comments .comment .metadata {
  color: #aaa;
  border-bottom: 1px dotted #aaa;
  margin-bottom: 0.4em;
  display: block;
}

#comments .comment .metadata p {
  padding-bottom: 0.1em;
}

#comments .comment .entry {
	margin-top: 0.5em;
	font-size: 1.1em;
}

#comments .comment .warning {
	color: red;
	text-align: center;
}

/* --------------- */

#commentform {
  margin-top: 2em;
}

#commentform p.input_author {
  float: left;
  padding-right: 17px;
}

#commentform p.input_email {
  float: left;
  padding-right: 17px;
}

#commentform p.input_website {
  float: left;
}

#commentform p.textarea_comment {
  margin-top: 0;
  text-align: center;
}

#commentform label {
  color: #aaa;
}

#commentform input, #commentform textarea {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /*font-size: 1.1em;*/
}

#commentform input:hover, #commentform textarea:hover {
  background-color: #fff;
}

#commentform input:focus, #commentform textarea:focus {
  background-color: #fff;
}

#commentform input {
  width: 144px;
  padding: 3px;
}

#commentform textarea {
  width: 468px;
  max-width: 468px;
  padding: 10px;
}

#commentform p.subscribe-to-comments {
  float: left;
  width: 250px;
}

#commentform p.textarea_comment a img {
  opacity: 0.30;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 (first) */
	filter: alpha(opacity=30); /* IE5-7 */
}

#commentform p.textarea_comment a:hover img {
  opacity: 1.00;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 (first) */
	filter: alpha(opacity=100); /* IE5-7 */
}

#commentform p.input_submit {
  float: right;
  margin-top: 5px;
}

#commentform input#submit {
  width: 200px;
}

#commentform #smilies {
  margin-top: 0em;
  padding-bottom: 1em;
  text-align: center;
}

/* @end */

/* @group Navigation */

#content .navigation {
	color: #aaa;

  /*background-color: #666666;
  color: #AAAAAA;
  height: 50px;
  margin-bottom: 100px;
  margin-left: -70px;
  margin-top: 90px;
  position:fixed;
  width: 700px;
  z-index: 10;*/
}

#content .navigation a {
	color: #aaa;
}

#content .navigation a:hover {
  color: #000;
}

/* @end */

/* @group Search */

#searchform {
  margin-bottom: 0.8em;
}

#searchform input {
	padding: 0.2em 0.4em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 1.1em;
  background-color: #eee;
}

#searchform input:active {
  background-color: #fff;
}

#searchform #s {
}

#searchform #searchsubmit {
  ;
}

/* @end */

/* @group extras */

/* ------------------------------------------------------ */
/* extras */
/* ------------------------------------------------------ */

#content img.overwide { /* TODO: Problem IE7 */
  /*margin-left: -20px;*/
  width: 490px;
  margin-left: -20px;
  max-width: 490px;
  height: auto;
}

/* @end */

/* ------------------------------------------------------ */
/* new - testing + sort! */
/* ------------------------------------------------------ */
#content .second-loop p.preview_first_image {
  height: 100px;
  margin-bottom: 0.6em;
  overflow: hidden;
  border: 1px solid #aaa;
}

#content .second-loop p.preview_first_image img {
  max-width: 242px; /* 234px real */
  /*min-height: 110px;*/
  padding: 0;
  margin: -5px 0 0 -5px;
}

#sidebar {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 20px 45px 0;
  width: 140px;
  font-size: 1.1em;
}

#sidebar_left {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0 0 45px 0px;
  /*width: 120px;*/
}

#sidebar .author {
  font-weight: bold;
}

#sidebar li {
  list-style-type: none;
  padding-top: 1.2em;
  min-height: 2.5em;
}

#sidebar_left li {
  padding-top: 2px;
}

#sidebar a {
  font-weight: normal;
  color: #333;
  text-shadow: 0 1px 1px #fff;
}

#sidebar_left li:hover a {
  color: #e71;
  /*color: #fff;*/
}

#sidebar_left img.flickr {
  border: 1px solid #FFFFFF;
  margin-left: -1px;
}

#sidebar_left img.flickr:hover {
  margin-left: 3px;
}


#sidebar img.kjgrcGravatar {
  float: left;
  border: 1px solid #FFFFFF;
  margin-top: 0.2em;
  margin-right: 0.5em;
}

.post-edit-link, .comment-edit-link, .admin a {
  /*color: red !important;*/
  color: #c00 !important;
}