/*

  Theme Name: coloured_dust
  URI: http://themes.blogdot.de/
  Description: 3 column wordpress theme
  Version: 0.5 
  Author: Joern Wolfsperger
  Author URI: http://www.blogdot.de/
	060606: cleaned and adjusted this file, added headerimg V.0.5 now
  
*/

html, body {
  color: #4B4B4B;
  margin: 0;
  padding: 0;
  text-align: center;
}
body {
  background: #00005E;
  font-size: 13px;
  font-family: Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
  padding: 5px 0;
}
#header {
  cursor: pointer;
  background: #4EFF00;
  color: #FF22FF;
  float: left;
  font-size: 11px;
}
#headerimg {
  background: transparent url(images/headerimg.jpg) no-repeat top center;
  height: 220px;
  width: 864px;
  margin: 0;

  cursor:pointer;
}
#headerimg h1 {
  background: transparent; 
  font-family: Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 3em;
  padding: 60px 0 0 37px;
}
#headerimg .description {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight:bold;
  padding: 67px 0 0 37px;
}

#header .description {
  color: #000089;
  font-size: 1.5em;
}

.headerlink a {
  position:relative;
  top:-80px;
  left:575px;
  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: #A18B67;
  font-size: 13px;
  line-height: 1.2em;
  text-align: left;
  margin: 0 0 25px 190px;
}
.credit a {
  color: #4E3E2E;
}
blockquote {
  color: #000075;
  border-left: 2px solid #4AF300;
  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;
  margin: auto;
  padding: 0;
  text-align: left;
  width: 864px;
}
.hilight {
  color: #CE3980;
}
.indent {
  margin: -5px 0 5px 10px;
  line-height: 1.2em;
}
.word {
  color: #CE3980;
}
.key {
  font-family: Arial, Helvetica, sans-serif;
  color: #A3A3A3;
}
.update {
  color: #A18B67;
  margin-top: 25px;
  border-top: 1px solid #A18B67;
  padding-top: 5px;
  margin-right: 100px;
  text-align: justify;
}
.update a {
  color: #A3A3A3;
}
a {
  color: #3C3C3C;
  text-decoration: none;
}
a:hover {
  color: #3A49CF;
}
code {
  display: block;
  font-family: "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 #A18B67;
}
h1 {
  color: #00C000;
  font-size: 20px;
  font-weight: normal;
  font-family: '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: #00C000;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.15em;
  margin: 20px 0 5px 0;
  padding: 0;
  text-align: left;
}
h3 {
  color: #CE3980;
  font-size: 1.1em;
  font-weight: normal;
  margin: 15px 0 5px 0;
  padding: 0;
}
h4 {
  color: #00FFFF;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.3em;
  margin: 15px 0 5px 0;
  padding: 0;
}
img {
  border: none;
}
form {
  margin: 0;
  padding: 0;
}
ul {
  line-height: 1.2em;
  margin: 5px 20px 15px 35px;
  padding: 0;
  text-align: justify;
}
ol {
  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;
}
.entry a {
  color: #CE3980;
  font-weight: bold;  
}
.entry a:hover {
  color: #3A49CF;
}
.entrytext a {
  color: #CE3980;
  font-weight: bold;  
}
.entrytext a:hover {
  color: #3A49CF;
}
/* origa post icon*/
#content .post {
  background: url(images/icon_post_red.gif) no-repeat top right;
  margin: 0 0 0 0px;
}
#content .post h1 a {
  color: #87008B;
}
#content .post h1 a:hover {
  color: #0B25FF;
}
#content .post-alternate h1 a {
  color: #2B008D;
}
#content .post-alternate 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;
}

.floatLeft {
  background: #E4FFD7;
  border: 1px solid #DE2B80;
  padding: 5px;
  float: left;
  margin: 5px 10px 2px 0;
}
.floatRight {
  background: #E4FFD7;
  border: 1px solid #DE2B80;
  padding: 5px;
  float: right;
  margin: 5px 0 2px 10px;
}
small {
  font-size: 10px;
  line-height: 1.2em;
}
.commentpic img {
  position: relative;
  background: #C4FFAA;
  border: 1px solid #FF80FF;
  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: #FFE6FF;
  border: 1px solid #FF22FF;
  position: relative;
}
.commentbody a {
  font-size: 1em;
  color: #CE3980;
  background: #FFE6FF;
}
.commentbody a:hover {
  font-size: 1em;
  color: #3A49CF;
  background: #FFE6FF;
}
.commentbody p {
  line-height: 1.2em;
}
.commentbodyAlt {
  color: #303030;
  font-size: 1em;
  margin: 0 0 10px 0;
  padding: 15px 15px 5px 15px;
  background: #E4FFD7;
  border: 1px solid #FF22FF;
  position: relative;
}
.commentbodyAlt a {
  font-size: 1em;
  color: #CE3980;
  background: #E4FFD7;
}
.commentbodyAlt a:hover {
  font-size: 1em;
  color: #3A49CF;
  background: #E4FFD7;
}
.commentbodyAlt p {
  line-height: 1.2em;
}
.commentlink {
  font-size: 10px;
}
.commentcount {
  position: absolute;
  right: 55px;
  top: 5px;
  padding:5px;
  font-family: Georgia,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #4E3E2E;
  float: right;
}
.commentcount img.comavatar {
 position: absolute;
  border: 1px solid #FF80FF;
  background: #C4FFAA;
  padding: 3px;
  margin: 3px 0px 0px -80px;
  width: 2.3em;
  height: 2.3em;
  float: right;
}

/* kommentarfeld*/
.leaveresponse {
  font-family:Verdana, Arial, 'Trebuchet MS', 'Bitstream Vera Sans', 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
  font-size:0.9em; 
  line-height:1.5em; 
  background: #DAFF8B;
  border: 1px solid #FF22FF; 
  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: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: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: #303030;
  float: left;
  left: 1px;
  margin: 0;
  padding: 0px 47px 30px 42px;
  text-align: left;
  width: 440px;
}
#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;
  clear: both;
  color: #03C0FF;
  font-size: 11px;
  height: 5px;
  margin: 0;
  padding: 0px 40px 20px 67px;
}
#footer a {
  color: #03C0FF;
}
#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: #EFEFEF;
  border: 1px solid #00C000;
  color: #4E3E2E;
  font-size: 11px;
  height: 15px;
  padding-left: 2px;
  vertical-align: middle;
  width: 120px;
}
/* End searchform */
#sidebar {
  background: transparent;
  border: none;
  color: #E6FF00;
  float: left;
  font-size: 0.9em;
  margin: -20px 0 0 0;
  padding: 0 7px 30px 20px;
  text-align: left;
  width: 148px;
}
#sidebar2 {
  background: transparent;
  border: none;
  color: #E6FF00;
  float: right;
  font-size: 0.9em;
  margin: -20px 0 0 0;
  padding: 0 17px 30px 0px;
  text-align: left;
  width: 128px;
}
#sidebar a {
  color: #4EFF00;
}
#sidebar2 a {
  color: #4EFF00;
}
/* for utw tagcloud */
#sidebar2 ul li ul li {
  line-height: 180%;
}
/* end for utw tagcloud */
#sidebar a:hover {
  color: #A0FF75;
  background: #5151E0;
  text-decoration: none;
}
#sidebar2 a:hover {
  color: #A0FF75;
  text-decoration: none;
  background: #5151E0;
}
#sidebar h2, h2 a, #sidebar2 h2, h2 a {
  color: #FFFFFF;
}
#sidebar h3 {
  color: #00FFFF;
  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: #00FFFF;
  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 {
  border: 1px solid #FF22FF;
  background: #000089;
  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: #D92F80;
  border: 1px solid #787878;
  color: #4EFF2E;
  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: #D92F80;
  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: #E4FFD7;
  color: #A18B67;
  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: #303030;
}
.postmetadata a:hover { 
  color: #CE3980;
  background: #70FF31;
}
/* different postmetadata style for single.php */
.alt {
  line-height: 1.4em;
  margin-top: 20px;
}
.alt a {
  color: #4E3E2E;
}
/*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:#00CD00;
  color:  #8E3008;
  text-align:left;
  padding:5px;
  margin-top: -10px;
  min-height:2em;
}
#toolTip p { 
 margin:0;
 padding:0;
 color: #fff;
 font: 11px/12px verdana,arial,sans-serif; 
}
#toolTip p em {
 display: block;
 margin-top: 3px;
 color: #0000FF;
 font-style: normal;
 font-weight: bold;
}
#toolTip p em span { 
  font-weight:bold;
  color:#fff; 
}
  

/*------- utw related post ----------*/
.utwrelposts h2 {
  color: #CE3980;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 29px 0 10px -20px;
  text-align: left;
} 

.utwrelposts a {
  color: #CE3980;
  font-size: 1em;
  margin:0px 0px 0px 9px;
} 
  
.utwrelposts a:hover {
  color: #3A49CF;
}
/* Begin Contact Form CSS */

.contactleft {
  line-height: 1.6em;
}
.contactright input {
  background:#00009A;
  color:#4EFF2E;
  cursor: pointer;
  border: 1px solid #787878;
}
#wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg {
  font-family: 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 */
.box {
	border: thin solid #CC0033;
	font-style: italic;
	color: #666666;
	background-color: #CCCCCC;
	background-position: right;
	width: 60%;