/*

 Theme Name: gray shaded dust
 URI: http://themes.blogdot.de/
 Description: 3 column theme for Wordpress, public version on demo sites
 Version: 0.4
 Author: Joern Wolfsperger
 Author URI: http://blogdot.de/
 credits: Based on some code from Clemens Orth clemens.orth.me.uk / John Wrana www.jowra.de
 License: The CSS, XHTML and design is released under the GPL: http://www.opensource.org/licenses/gpl-license.php
 headerimage by: pulpolux/Leopoldo public on flickr under Creative Commons License http://creativecommons.org/licenses/by-nc/2.0/ -modified by: Joern Wolfsperger
 theme history:
 220606: div-class for right floating box added, v. 0.4 now
*/

html, body {
 color: #4B4B4B;
 margin: 0;
 padding: 0;
 text-align: center;
}
body {
 background: #F2F2F2;
 font-size: 13px;
 font-family: comic sans ms, Comic sans, Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 padding: 10px 0;
}
#header {
 color: #FF9900;
 background: transparent url(images/header.jpg) no-repeat top center;
 font-size: 11px;
 margin: 0 0 -141px 0;
 padding: 0;
 text-align: right;
 height: 141px;
 width: 980px;
}
#headerimg {
 background: transparent url(images/headerimg.gif) no-repeat top center;
 height: 141px;
 width: 980px;
 cursor:pointer;
}
#headerimg h1 {
 background: transparent;
 font-family: comic sans ms, Comic sans, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 color: #FFFFFF;
 font-size: 3em;
 padding: 25px 0 0 37px;
}
#headerimg .description {
 color: #FFFFFF;
 font-size: 1.1em;
 font-weight:bold;
 padding: 0px 0 0 37px;
}
#header a {
 color: #990000;
}
.headerlink a {
 position:relative;
 top:-95px;
 left:560px;
 color: #FF6464;
 font-size: 12px;
 background: transparent;
}
.headerlink a:hover {
 color: #BA3C08;
}
#logoleft img {
 display : none;
}
#logoleft a {
 background : transparent url("images/logoleft.gif") no-repeat 0 0;
 height : 330px;
 width : 30px;
 position: absolute;
 top: 5px;
 z-index: 100;
}
.credit {
 color: #FF9900;
 font-size: 13px;
 line-height: 1.2em;
 text-align: left;
 margin: 0 0 25px 190px;
}
.credit a {
 color: #3F3F3F;
}
blockquote {
 color: #FF9900;
 border-left: 1px solid #CF470B;
 padding: 0 0 0 10px;
 margin: 10px 0px 10px 20px;
}
blockquote a {
 color: #A3A3A3;
}
blockquote .by {
 color: #A1A1A1;
 margin-bottom: 3px;
}
#page {
 background: transparent url(images/middle.gif) repeat-y top center;
 /* background: #ffffff */
 margin: auto;
 padding: 0;
 text-align: left;
 width: 980px;
}
.hilight {
 color: #CF470B;
}
.indent {
 margin: -5px 0 5px 10px;
 line-height: 1.2em;
}
.word {
 color: #CF470B;
}
.key {
 font-family: comic sans ms, Comic sans, Arial, Helvetica, sans-serif;
 color: #A3A3A3;
}
.update {
 color: #FF9900;
 margin-top: 25px;
 border-top: 1px solid #FF9900;
 padding-top: 5px;
 margin-right: 100px;
 text-align: justify;
}
.update a {
 color: #A3A3A3;
}
a {
 color: #483E2C;
 text-decoration: none;
}
a:hover {
 color: #FF6633;
}
code {
 display: block;
 font-family: comic sans ms, Comic sans, "Courier New", Courier;
 font-size: 1em;
 background-color: #FFFFFF;
 border: 1px solid #C0C0C0;
 padding: 10px;
 overflow: auto;
 width: 400px;
 max-width: 400px;
 height: auto;
 text-align: left;
}
pre {
 width: 375px;
 overflow: auto;
 padding: 10px;
 border: 1px solid #FF9900;
}
h1 {
 color: #00005E;
 font-size: 18px;
 font-weight: normal;
 font-family: comic sans ms, Comic sans, Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 margin: 0 0 5px 0;
 padding: 0;
 text-decoration: none;
}
h2, h2 a {
 color: #00005E;
 font-size: 14px;
 font-weight: normal;
 letter-spacing: 0.15em;
 margin: 25px 0 5px 0;
 padding: 0;
 text-align: left;
}
h3 {
 color: #00005E;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 0.3em;
 margin: 15px 0 5px 0;
 padding: 0;
}
h4 {
 color: #00005E;
 font-size: 11px;
 font-weight: normal;
 letter-spacing: 0.3em;
 margin: 15px 0 5px 0;
 padding: 0;
}
img {
 border: none;
 margin: 5px 10px 5px 10px;
}
form {
 margin: 0;
 padding: 0;
}
ol {
 line-height: 1.2em;
 margin: 5px 20px 15px 35px;
 padding: 0;
 text-align: justify;
}
ul {
 line-height: 1.2em;
 margin: 5px 20px 15px 35px;
 padding: 0;
 text-align: justify;
}
li {
 margin-bottom: 5px;
}
p {
 line-height: 1.5em;
 text-align: justify;
 margin: 0px 0pt 10px 0pt;
}
.center {
 text-align: center;
}
.entry a {
 color: #FF6633;
font-weight: bold;
}
.entry a:hover {
 color: #FF6633;
}
.entrytext a {
 color: #766648;
 font-weight: bold;
}
.entrytext a:hover {
 color: #FF6633;
}
/*post icon*/
#content .post {
 background: transparent url(images/icon_post_red.gif) no-repeat top right;
 margin: 0 0 0 0px;
}
#content .post h1 a {
 color: #FF9933;
}
#content .post h1 a:hover {
 color: #0B25FF;
}
#content .post-alternate {
 background: transparent url(images/icon_post_blue.gif) no-repeat top right;
 margin: 0 0 0 0px;
}
#content .post-alternate h1 a {
 color: #2B008D;
}
#content .post-alternate h1 a:hover {
 color: #0B25FF;
}
/*box in content float right*/
.box {
 float:right;
 margin:8px 5px 5px 15px;
 padding:5px;
 width:25%;
 font-size:0.8em;
 text-align: left;
 border-right: 2px solid #8D8D8D;
 border-bottom: 2px solid #8D8D8D;
 border-left: 1px solid #C0C0C0;
 border-top: 1px solid #C0C0C0;
}
.box p {
 text-align: left;
}
.box em {
 color:#FF9900;
 background-color:inherit;
}
.box h4 {
 text-align:center;
 font-weight: bold;
 margin:5px auto;
 color:#FF9933;
 background-color:inherit;
}
.floatLeft {
 background: #CCE0FF;
 border-right: 2px solid #969696;
 border-bottom: 2px solid #969696;
 padding: 5px;
 float: left;
 margin: 5px 10px 2px 0;
}
.floatLeft:hover {
 background: #A4C7FF;
 border-right: 2px solid #7C7C7C;
 border-bottom: 2px solid #7C7C7C;
 padding: 5px;
 float: left;
 margin: 5px 10px 2px 0;
}
.floatRight {
 background: #CCE0FF;
 border-right: 2px solid #969696;
 border-bottom: 2px solid #969696;
 padding: 5px;
 float: right;
 margin: 5px 0 2px 10px;
}
.floatRight:hover {
 background: #A4C7FF;
 border-right: 2px solid #7C7C7C;
 border-bottom: 2px solid #7C7C7C;
 padding: 5px;
 float: right;
 margin: 5px 0 2px 10px;
}

small {
 font-size: 10px;
 line-height: 1.2em;
}
.commentpic img {
 position: relative;
 border-right: 2px solid #7C7C7C;
 border-bottom: 2px solid #7C7C7C;
 background: #CCCAEA;
 padding: 5px;
 margin: 5px;
 float: right;
}
.commentlist {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: left;
}
#comments p {
 line-height: 1.2em;
}
.commentbody {
 color: #303030;
 font-size: 1em;
 margin: 0 0 10px 0;
 padding: 15px 15px 5px 15px;
 background: #F6F6F6;
 border-right: 1px solid #BCBCBC;
 border-bottom: 1px solid #BCBCBC;
 position: relative;
}
.commentbody a {
 font-size: 1em;
 color: #CE3980;
 background: #F6F6F6;
}
.commentbody a:hover {
 font-size: 1em;
 color: #3A49CF;
 background: #F6F6F6;
}
.commentbody p {
 line-height: 1.2em;
}
.commentbodyAlt {
 color: #303030;
 font-size: 1em;
 margin: 0 0 10px 0;
 padding: 15px 15px 5px 15px;
 background: #ECECEC;
 border-right: 1px solid #9D9D9D;
 border-bottom: 1px solid #9D9D9D;
 position: relative;
}
.commentbodyAlt a {
 font-size: 1em;
 color: #CE3980;
 background: #ECECEC;
}
.commentbodyAlt a:hover {
 font-size: 1em;
 color: #3A49CF;
 background: #ECECEC;
}
.commentbodyAlt p {
 line-height: 1.2em;
}
.commentlink {
 font-size: 10px;
}
.commentcount {
 position: absolute;
 right: 55px;
 top: 5px;
 padding:5px;
 font-family: comic sans ms, Comic sans, Georgia,sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #3F3F3F;
 float: right;
}
.commentcount img.comavatar {
 position: absolute;
 border-right: 2px solid #969696;
 border-bottom: 2px solid #969696;
 background: #F7CAEA;
 padding: 3px;
 margin: 0px 0px 0px -80px;
 width: 2.1em;
 height: 2.1em;
 float: right;
}

/* kommentarfeld*/
.leaveresponse {
 font-family: comic sans ms, Comic sans, Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 font-size:0.9em;
 line-height:1.5em;
 background: #D9D9D9;
 border-right: 1px solid #8D8D8D;
 border-bottom: 1px solid #8D8D8D;
 color: #303030;
 margin:0 0 75px 0;
}
.leaveresponse h2 {
 color: #303030;
 font-size: 1.1em;
 font-weight: normal;
 letter-spacing: 0.15em;
 margin: 5px 0 5px 5px;
 padding: 0;
 text-align: left;
}
.leaveresponse img {
 margin: 0 0 0 5px;
 padding: 0;
}
#email, #author, #url, #captcha_field {
 font-family: comic sans ms, Comic sans, Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 background: #EFEFEF;
 border: 1px solid #787878;
 color: #303030;
 font-size: 1em;
 margin: 5px;
 vertical-align: middle;
}
#comment {
 font-family: comic sans ms, Comic sans, Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 background: #EFEFEF;
 border: 1px solid #787878;
 color: #303030;
 font-size: 1em;
 margin: 0 0 0 5px;
 vertical-align: middle;
}
/* kommentarfeld end*/
#content {
 background: transparent;
 border: none;
 color: #3F3F3F;
 float: left;
 left: 1px;
 margin: 0;
 padding: 0 20px 30px 42px;
 text-align: left;
 width: 555px;
}
#content img {
 vertical-align: middle;
}
#content .tagcloud a:hover {
 background: #F1E3CC;
}

/* For Link Indication plugin */
a.liexternal {
 padding-right: 14px;
 background: url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
 padding-right: 14px;
 background: url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liimdb {
 padding-right: 18px;
 background: url(images/link-icon_imdb.png) no-repeat right;
}
a.liftp {
 padding-right: 13px;
 background: url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
 padding-right: 18px;
 background: url(images/link-icon_mail.gif) no-repeat right;
}
a.liinternal {
 padding-right: 14px;
 background: url(images/link-icon_intern.gif) no-repeat right;
}
#footer {
 background: transparent url(images/bottom.gif) no-repeat bottom center;
 clear: both;
 color: #3F3F3F;
 font-size: 11px;
 height: 51px;
 margin: 0;
 padding: 10px 47px 10px 87px;
}
#footer p {
 margin: 0;
 padding: 25px 0px 10px 0px;;
}
#footer a {
 color: #3F3F3F;
}
#footer a:hover {
 color: #CF3C3C;
}
#sk2-footer a {
 color: #4EFF00;
}
.rssicon {
 margin: 0 0 0 .2em;
 padding: 0 0 0 2.2em;
 background: url(images/feed.png) no-repeat 0 50%;
}
/* searchform */
#s {
 background: #C4C4C4;
 border: 1px solid #8A8A8A;
 color: #3F3F3F;
 font-size: 11px;
 height: 15px;
 padding-left: 2px;
 vertical-align: middle;
 width: 115px;
}
/* End searchform */
#sidebar {
 background: transparent;
 border: none;
 color: #FF9900;
 float: left;
 font-size: 0.9em;
 margin: 0px 0 0 0;
 padding: 0 10px 30px 30px;
 text-align: left;
 width: 150px;
}
#sidebar2 {
 background: transparent;
 border: none;
 color: #FF9900;
 float: left;
 font-size: 0.9em;
 margin: 0px 0 0 0;
 padding: 0 7px 30px 7px;
 text-align: left;
 width: 138px;
}
#sidebar a {
 color: #3F3F3F;
}
#sidebar2 a {
 color: #00005E;
}
/* for utw tagcloud */
#sidebar2 ul li ul li {
 line-height: 180%;
}
/* end for utw tagcloud */
#sidebar a:hover {
 color: #FF6633;
 background: #DEDEDE;
 text-decoration: none;
}
#sidebar2 a:hover {
 color: #FF6633;
 text-decoration: none;
 background: #DEDEDE;
}
#sidebar h2, h2 a, #sidebar2 h2, h2 a {
 color: #00005E;
}
#sidebar h3 {
 color: #00005E;
 font-size: 11px;
 font-weight: normal;
 letter-spacing: 0.3em;
 margin: 20px 0 5px 0;
 padding: 0;
}
#sidebar p {
 text-align: left;
}
#sidebar2 h3 {
 color: #00005E;
 font-size: 11px;
 font-weight: normal;
 letter-spacing: 0.3em;
 margin: 10px 0 5px 0;
 padding: 0;
}
#sidebar ul {
 list-style-type: none;
 margin: 0 0 0 10px;
 padding: 0;
 text-align: left;
}
#sidebar li {
 line-height: 1.5em;
 margin: 0;
 padding: 0;
}
#sidebar2 li {
 line-height: 1.5em;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#sidebar2 ul {
 list-style-type: none;
 margin: 0 0 0 10px;
 padding: 0;
 text-align: left;
}

/* styles for the flickr badges */
#flickr_badge_uber_wrapper {
 text-align:center;
}
.flickr a img {
 background: #D4D4D4;
 border-right: 2px solid #A4A4A4;
 border-bottom: 2px solid #A4A4A4;
 padding: 5px;
 margin: 2px 0 2px 0;
}
.flickr a:hover img {
 background: #B6C8DA;
 border-right: 2px solid #A4A4A4;
 border-bottom: 2px solid #A4A4A4;
 padding: 5px;
 margin: 2px 0 2px 0;
}
/* styles for the flickr badges end */
#noindent {
 margin: 0 0 0 -10px;
 padding: 0;
}
#noindent2 {
 margin: 0 0 0 -10px;
 padding: 0;
}
#submit, #save, #cancel {
 background: #828282;
 border: 1px solid #525252;
 color: #F1F1F1;
 font-size: 11px;
 margin: 4px;
 padding: 0 10px;
 cursor:pointer;
}
#wrapper {
 float: left;
 margin: 0;
 padding: 0;
}
.alignleft {
 float: left;
 width: 190px;
 text-align: left;
}
.alignright {
 float: right;
 width: 190px;
 margin-top: -1px;
 padding: 0 0 0 20px;
 text-align: right;
}
.dateimg img {
 background-color: #FDFDF7;
 float: left;
}
html[xmlns] .commentcount {
 position: absolute;
 right: 7px;
 top: 0;
}
/* navigation */
.navigation {
 color: #D92F80;
 margin:5px auto;
}
.navigation a {
 color: #FF6633;
 font-size:0.9em;
 text-decoration: none;
}
.navigation a:hover {
 color: #3A49CF;
 text-decoration:none;
 }
.navigate a {
 text-decoration:underline;
}
.alignleft a {
 float:left;
 padding: 0 0 0 2em;
 background: url(images/arrowleft.gif) no-repeat 0 100%;
}
.alignleft a:hover {
 background: url(images/arrowleft.gif) no-repeat 0 100%;
}
.alignright a {
 float:right;
 padding: 0 2em 0 0;
 background: url(images/arrowright.gif) no-repeat 100% 0;
}
.alignright a:hover {
 background: url(images/arrowright.gif) no-repeat 100% 0;
}
/* navigation end */
.pagetitle {
 font-size: 10pt;
 letter-spacing: 0.09em;
 margin-top: 15px;
}
.postmetadata {
 margin-top: 20px;
 background: #ECECEC;
 border-right: 1px solid #9D9D9D;
 border-bottom: 1px solid #9D9D9D;
 color: #FF9900;
 font-size: 0.9em;
 font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
 letter-spacing: 0.1em;
 text-align: left;
 margin-bottom: 10px;
}
.postmetadata a {
 color: #3F3F3F;
}
.postmetadata a:hover {
 color: #CE3980;
 background: #DEDEDE;
}
/* different postmetadata style for single.php */
.alt {
 line-height: 1.4em;
 margin-top: 20px;
}
.alt a {
 color: #3F3F3F;
}
/*postmetadata icons*/
.date {
 color: #CF470B;
 margin: 0 0 0 -0.2em;
 padding: 0 0 0 1.6em;
 background: url(images/calendar.gif) no-repeat 0 50%;
}
.katg {
 margin: 0 0 0 .2em;
 padding: 0 0 0 1.2em;
 background: url(images/kategorie.gif) no-repeat 0 50%;
}
.comicon {
 margin: 0 0 0 .2em;
 padding: 0 0 0 1.6em;
 background: url(images/comment.gif) no-repeat 0 50%;
}
.trackicon {
 margin: 0 0 0 .2em;
 padding: 0 0 0 1.6em;
 background: url(images/trackback.gif) no-repeat 0 50%;
}
.techno {
 margin: 0 0 0 .2em;
 padding: 0 0 0 2.2em;
 background: url(images/mytechno.gif) no-repeat 0 50%;
}
.spurl {
 margin: 0 0 1em .2em;
 padding: 0 0 0 1.2em;
 background: url(images/spurl.gif) no-repeat 0 50%;
}
/*end postmetadata icons*/
.lin {
  background:url(images/lin.gif);
  background-repeat:no-repeat;
  height:9px;
  margin: 20px 0 30px 0 ;
  text-align: center;
}
/* Fading Tooltips By Dustin Diaz*/
#toolTip {
 position:absolute;
 z-index:1000;
 width:350px;
 background:#676767;
 color: #8E3008;
 text-align:left;
 padding:5px;
	margin-top: -10px;
	min-height:2em;
}
#toolTip p {
 margin:0;
 padding:0;
 color:#fff;
 font:11px/12px comic sans ms, Comic sans, verdana, arial, sans-serif;
}
#toolTip p em {
 display: block;
 margin-top: 3px;
 color: #A2CCFF;
 font-style: normal;
 font-weight: bold;
}
#toolTip p em span {
 font-weight:bold;
 color:#fff;
}
 /*------- utw related post ----------*/
.utwrelposts {
 list-style: none;
}
.utwrelposts h2 {
 color: #766648;
 font-size: 1.2em;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 29px 0 10px -20px;
 list-style: none;
 text-align: left;
}
.utwrelposts a {
 color: #766648;
 font-size: 1em;
 margin:0px 0px 0px 9px;
}
 .utwrelposts a:hover {
 color: #FF6633;
}
/* Begin Contact Form CSS */
.contactleft {
 line-height: 1.6em;
}
.contactright input {
 background:#828282;
 color:#F1F1F1;
 cursor: pointer;
 border: 2px solid #525252;
}
#wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg {
 font-family: comic sans ms, Comic sans, Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
 background: #D5D5D6;
 border: 1px solid #666666;
 color: #000;
 font-size: 1em;
 padding-left: 2px;
 vertical-align: middle;
}
/* End Contact Form CSS */

/* -----------------  For Link Indication plugin ----------------------- */
a.liexternal {
padding-right: 12px;
background: url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
padding-right: 14px;
background: url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liimdb {
padding-right: 18px;
background: url(images/link-icon_imdb.png) no-repeat right;
}
a.liftp {
padding-right: 13px;
background: url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
padding-right: 18px;
background: url(images/link-icon_mail.png) no-repeat right;
}
a.liinternal {
}