/*
Theme Name: coloured dust
Theme URI: http://themes.go41.de/
Description: 3 column wordpress theme, sidebar is widget ready, theme options to display a category dropdown in the navigation bar, you can exclude pages from the navigation bar, template for archives, by setting one of your categories as 'video' category you will see resized videos in this categories view.
Version: 2.0
Author: Longjorn (Joern Wolfsperger)
Author URI: http://www.go41.de/
Tags: blue, fixed-width, three-columns, theme-options, sticky-post, threaded-comments, right-sidebar

history:
29012010: Version:2.0 keep the style but updated all code to be ready for latest WordPress 2.9
06062006: cleaned and adjusted this file, added headerimg, V.0.5 now
22062006: div-class for right floating box added


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

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: 40px 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;
}


/* Navigation Bar*/
#navbar{margin:0 auto 20px; width:864px; height:31px; padding:0; font-size:0.9em; background:#000 url(images/navbar_grey.gif) repeat-x scroll center center}
#navbarright {float:right;height:30px;margin:0;padding:0;text-align:right;width:240px;}

/* Dropdown Menus pagebar */
#page-bar, #page-bar ul {padding: 0;margin: 0;list-style: none; line-height: 1;z-index: 100;}
#page-bar a {display: block;line-height: 17px;padding: 7px 14px;color:#000;font-weight:bold;}
#page-bar a:hover{color: #F5F5F5;background: url(images/bg-page-bardark.png) repeat !important;background: #FFF;text-decoration:none;}
#page-bar .current_page_item a, #page-bar .current-cat a{color: #fff;background: url(images/bg-page-bardark.png) repeat !important;background: #000;text-decoration:none;}
#page-bar li { float: left; z-index:200;margin:0}
#page-bar li ul { position: absolute; width: 170px; left: -999em; }
#page-bar li ul li {	background: #FFF url(images/bg-page-bardark.png) repeat !important;background: #000; }
#page-bar li ul li a { line-height: 17px;  width: 170px; }
#page-bar li  a:hover {}
#page-bar li ul ul {	margin: -31px 0 0 198px; }
#page-bar li ul ul li a { line-height: 17px; }
#page-bar li ul li ul li a {	}
#page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }
#page-bar li:hover ul ul, #page-bar li.sfhover ul ul { left: -999em; }
#page-bar li:hover ul, #page-bar li li:hover ul, #page-bar li.sfhover ul, #page-bar li li.sfhover ul { left: auto; }
#page-bar li:hover, #page-bar li.hover { color: #F5F5F5;position: static; } /* IE7 Fix */

#searchform{width:220px; float:right; text-align:right; padding-top:4px; margin-right:10px}
input#s{background:#fcfcfc url(images/lupe.gif) no-repeat 2px 0; width:130px; height:16px; padding:2px 0 0 23px;}
#searchform input.button {background:#EEEEEE;border:1px solid #ECECEC;height:21px;cursor: pointer}


.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;
}
#content .entry h1 {
 color: #303030;
 font-size: 24px;
 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;
}
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: #0080FF;
 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;
}

#content h2, #content h2 a, #content h1, #content h1 a{
 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;
 letter-spacing: normal;
 width:420px;
}
#content .post {
 background: url(images/icon_post_red.gif) no-repeat top right;
 margin: 0 0 0 0px;
}
#content .post h2 a {
 color: #87008B;
}
#content .post h2 a:hover {
 color: #0B25FF;
}

#content .post.odd {
 background: transparent url(images/icon_post_blue.gif) no-repeat top right;
 margin: 0 0 0 0px;
}
#content .post.odd h2 a {
 color: #2B008D;
}
#content .post.odd h2 a:hover {
 color: #0B25FF;
}
#content .post.sticky {
 background: transparent url(images/sticky.gif) no-repeat top right;
 margin: 0 0 0 0px;
}
#content .post .video{
border:1px solid #CCCCCC;
margin:0 10px 5px 0;
padding:2px;
}
/*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:1px solid #DE2B80;
}
.box p {
 text-align: left;
}
.box em {
 color:#87008B;
 background-color:inherit;
}
.box h4 {
 text-align:center;
 font-weight: bold;
 margin:5px auto;
 color:#000089;
 background-color:inherit;
}
.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;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

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

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

	
.commentlist .thread-even{
 background: #E4FFD7;
 border: 1px solid #FF22FF;
}	
.commentlist .thread-odd{
 background: #FFE6FF;
 border: 1px solid #FF22FF;
}	
.commentlist .bypostauthor{
 border: 3px solid #000089;
}	
	
	
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#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;
 max-width:440px;
}
#content .tagcloud a:hover {
 background: #F1E3CC;
}

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

#sidebar {
 background: transparent;
 border: none;
 color: #E6FF00;
 float: left;
 font-size: 0.9em;
 margin: 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: 0;
 padding: 0 17px 30px 0px;
 text-align: left;
 width: 128px;
}
#sidebar a {
 color: #4EFF00;
}
#sidebar2 a {
 color: #4EFF00;
}
#sidebar2 ul li ul li {
 line-height: 180%;
 overflow:hidden;
}
#sidebar a:hover {
 color: #A0FF75;
 background: #5151E0;
 text-decoration: none;
}
#sidebar2 a:hover {
 color: #A0FF75;
 text-decoration: none;
 background: #5151E0;
}
#sidebar h3, h3 a, #sidebar2 h3, h3 a {
 color: #FFFFFF;
 font-size:14px;
 font-weight:bold;
letter-spacing:0.15em;
margin:10px 0 5px;
padding:0;
text-align:left;
}

#sidebar p {
 text-align: left;
}

#sidebar ul {
 list-style-type: none;
 margin: 0 0 0 5px;
 padding: 0;
 text-align: left;
}
#sidebar li {
 line-height: 1.5em;
 margin: 0;
padding:2px 0 2px 13px;
background: url(images/sub.png) no-repeat left top;
}
#sidebar2 li {
 line-height: 1.5em;
 list-style-type: none;
 margin: 0;
 padding:2px 0 2px 13px;
background: url(images/sub.png) no-repeat left top;
}
#sidebar2 ul {
 list-style-type: none;
 margin: 0 0 0 10px;
 padding: 0;
 text-align: left;
}
/* styles for the flickr badges */
.flickr {
margin-left:20px;
}

#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;
 clear:both;
 margin: 0;
 padding: 0;
}
.alignleft {
 float: left;
 }
.alignright {
 float: 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;
}

.navigation .alignleft {

 width: 190px;
 text-align: left;
 }
.navigation .alignright {
 width: 190px;
 margin-top: -1px;
 padding: 0 0 0 20px;
 text-align: right;
}

.navigation .alignleft a {
 float:left;
 padding: 0 0 0 2em;
 background: url(images/arrowleft.gif) no-repeat 0 100%;
}
.navigation .alignleft a:hover {
 background: url(images/arrowleft.gif) no-repeat 0 100%;
}
.navigation .alignright a {
 float:right;
 padding: 0 2em 0 0;
 background: url(images/arrowright.gif) no-repeat 100% 0;
}
.navigation .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;
clear:left;
}
.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*/
.postdate {
 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%;
}
.tagicon {
 margin: 0 0 0 .2em;
 padding: 0 0 0 2.2em;
 background: url(images/mytechno.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;
}
.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;
   /* optional rounded corners for browsers that support it */
   -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: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}