/*  Theme Name: 08 Rainbow Feather (v3) - English VersionTheme URI: http://www.h4x3d.com/themes/featherDescription: <small>All new widget-ready version (v3) of the beautiful Rainbow Feather Theme by <a href="http://www.h4x3d.com">Julian Klewes</a>. Released under <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">these Creative Commons</a> terms of use.</small>Version: 3.0Author: julian klewesAuthor URI: http://www.h4x3d.comCreated: 13:20 12.07.2007 (press F5 in notepad to enter the date, yay!)Updated: 14:55 18.08.2007 , 20:01 27.12.2007 , 13:41 12.01.2008 , 10:13 06.02.2008, 12:49 08.02.2008Stamp credit: http://www.nyssajbrown.net/flagstamps/Individual translation credits on theme page, I thank everyone involved!Be sure to checkout my site at h4x3d.com for feature posts about theme modifications.Checkout the page at http://www.h4x3d.com/themes/feather regularly for news*//* debugging div li { border: 1px solid red; } */#hi a, #hi a:link, #hi a:hover { border: 0px; }html { min-height: 100%; height: auto; }br.both { clear: both; }#spacejz, br.twenty { clear: both; height: 20px; }img { border: 0px; }* {margin: 0; padding: 0;}body { font: normal 12px/15px arial, sans-serif; color: #2a2727; }p { padding:.625em 0; text-align: justify; line-height: 16px;}#top { background: url(images/top.gif)repeat-x top left; width: 100%; height: 45px;  word-spacing: 20px;}#top1 { width: 100%; min-height: 328px; background: #0e448a url(images/top1.jpg) repeat-x top left; }#top2 { width: 100%; height: 6px; background: url(images/top2.jpg) repeat-x top left;}#top3 { width: 100%; height: 100%; background: #0e448a url(images/top3.jpg) repeat-x top left; }#top4 { width: 100%; min-height: 430px; height: 100%; background: #0e448a url(images/top4.jpg) repeat-x top left;}#top5 {width: 100%; min-height: 22px; background: #fd4b6c url(images/top5.jpg) repeat-x top left;}#toplink a { display: block; width: 250px; height: 170px; margin: 118px 10px 40px 40px; float: left; }.left { color: #bae4ff; width: 285px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 27px 20px;}.left1 { color: #380B61; width: 175px; float: left;  position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;}.left2, .left3 { color: #380B61; width: 175px; min-height: 300px; float: left;  position: relative; top: 50px; height: 100%; margin: 0 0 10px 75px;}.footer { color: #F1D6FF; float: left;  position: relative; top: 0px; height: 100%; margin: 4px 0 1px 57px;}.footer a { color: #380B61; text-decoration: none; border-bottom: 1px solid white;}.footer a:hover { color: #F1D6FF; text-decoration: none; border-bottom: 1px solid #d4f3ff;}.header { color: #380B61; position: relative; top: 5px; height: 100%; margin: 0 0 10px 225px;}.header ul {  padding-top: 8px; }.header ul li { padding: 0 5px 5px 0; white-space: nowrap; list-style-type: none; display: inline; }.header a, .header a:link, .header a:visited { color: #318cc9; text-decoration: none; border-bottom: 1px solid #E0F0F6; }.header a:hover { color: #1f75af; text-decoration: none; border-bottom: 1px solid white; }.header ul li a, .header ul li a:link, .header ul li a:visited { color: #318cc9; text-decoration: none; border-bottom: 1px solid #97cef3; }.header ul li a:hover { color: #318cc9; text-decoration: none; border-bottom: 1px solid #f9fdfe; }.trans0 { position: relative; top: 20px; width: 541px; min-height: 288px; margin: 0 0 15px 375px; padding: 0 5px 2px 5px; background: url(images/trans0.png) repeat-x bottom left; }.trans1 { position: relative; top: 50px; width: 541px; margin: 0 0 15px 375px; padding: 0 5px 0 5px; background: url(images/trans1.png) repeat-y bottom left;}.trans2 { float: left; }.trans0 .title h1 a, .trans0 .title h1 a:link, .trans0 .title h1 a:visited,.trans0 .titletop h1 a, .trans0 .titletop h1 a:link, .trans0 .titletop h1 a:visited { vertical-align: top; padding-left: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #54544b;  text-decoration: none; }.trans0 .title h1 a:hover, .trans0 .titletop h1 a:hover { padding-left: 14px; color: #444444; }.title { background: url(images/title0.gif) no-repeat top left; }.title h1 a, .title h1 a:link, .title h1 a:visited { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #d1ffff; text-decoration: none; padding-left: 14px; }.title h1 a:hover, .title h1 a:hover { color: #a3d8f9; padding-left: 14px; }.cats { font-size: 90%; color: #c7d7dd; }.trans0 .cats { font-size: 90%; color: #1c333d; }.entry0 { color: #72787a; width: 90%; padding: 6px 14px 14px 14px; }.entry0 ol, .left ol { padding-left: 20px; }.entry0 a, .entry a:link, .entry a:visited, .left a, .left a:link, .left a:visited  { color: #72787a; text-decoration: none; border-bottom: 1px solid #ded382; }.entry0 a:hover, .left a:hover { color: #1c333d; border-bottom: 1px solid #e8d965; }.entry0 img { float: right; padding: 9px; }.entry { color: #E0F0F6; width: 90%; padding: 6px 14px 14px 14px; }.entry ul, .left ul { padding-left: 13px; }.entry ol, .left ol { padding-left: 20px; }.entry a, .entry a:link, .entry a:visited, .left a, .left a:link, .left a:visited  { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; }.entry a:hover, .left a:hover { color: white; border-bottom: 1px solid #bae4ff; }.entry img { padding: 9px; }.readon img { float: right; padding: 50px 0 1px 2px; }.readon a { border: 0; }.left1 a, .left1 a:link, .left1 a:visited, .left2 a, .left2 a:link, .left2 a:visited { color: #380B61; text-decoration: none; border-bottom: 1px solid #69abe5; }.left1 a:hover, .left2 a:hover { color: #69abe5; border-bottom: 1px solid #69abe5; }.trans0 .entry { color: #E0F0F6; width: 90%; padding: 6px 14px 14px 14px; }.trans0 .entry ul { padding-left: 13px; }.trans0 .entry ol { padding-left: 20px; }.trans0 .entry a, .trans0 .entry a:link, .trans0 .entry a:visited { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; }.trans0 .entry a:hover { color: #69abe5; border-bottom: 1px solid #ffd6dd; }.date { vertical-align: top; color:#2682bf; line-height:2.1em; margin: 7px 0 0 1px; padding-top: 18px; padding-left:2px; padding-right: 15px; font-size:.8em; text-align: right; }.date_day {	display:block; font-size:2.367em; text-align:right; }.date_month { display:block; font-size:2.367em;	text-align:right; font-weight:bold; }.date_comment {	display:block; padding-left: 2px; padding-bottom: 10px; font-size:3.667em; text-align:right; font-weight:bold; }.date_year { display:block; font-size: 10px; line-height:.9em; }.date a, .date a:link, .date a:visited { color: #318cc9; text-decoration: none; }.date:hover, .date a:hover { color: #2682bf; }.date_comment a, .date_comment a:link { color:#2682bf; text-decoration: none; }.date0 { vertical-align: top; color:#71BB26; line-height:2.1em; margin: 7px 0 0 1px; padding-top: 18px; padding-left:2px; padding-right: 15px; font-size:.8em; text-align: right; }.date0 a, .date0 a:link, .date0 a:visited { color: #71BB26; text-decoration: none; }.date0:hover, .date0 a:hover { color: #71BB26; }#recentFirstPage { position: absolute; left: 17px; top: 675px; }#recentFirstPage ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }#recentFirstPage li { display: block; width: 285px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0;color: #ffd6dd; border-bottom: dotted 1px #d4f3ff; }#recentFirstPage ul li a { color: #d4f3ff; text-decoration: none; border-bottom: 1px solid #69abe5; }#recentFirstPage ul li a:hover { color: white; text-decoration: none; border-bottom: 1px solid #d4f3ff; }#recent ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }#recent li { display: block; width: 285px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0;color: #ffd6dd; border-bottom: dotted 1px #69abe5; }.recent {text-align: right; position: absolute; right: 5px; top: 3px; color: #E0F0F6;}#recent ul li a { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; }#recent ul li a:hover { color: #69abe5; text-decoration: none; border-bottom: 1px solid #E0F0F6; }.left1 li, .left2 li, .left3 li { float: left; padding: 0; margin: 0; list-style-type: none; }h2 { font-size: 1.55em; } /* convince IE to look cool */.left1 .widget ul, #recent0 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }.left1 .widget li, #recent0 li { display: block; width: 160px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #380B61; border-bottom: dotted 1px #380B61; } .left1 .widget, #recent0 { color: #E6D6FF; text-decoration: none; }.left1 .widget ul li a, .left1 .widget a, #recent0 ul li a, #recent0 a { color: #380B61; text-decoration: none; border-bottom: 1px solid #380B61; }.left1 .widget ul li a:hover, .left1 .widget a:hover, #recent0 ul li a:hover, #recent0 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; }/* end recent0, .left1 and so on */.left2 .widget ul, #recent1 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }.left2 .widget li, #recent1 li { display: block; width: 180px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #380B61; border-bottom: dotted 1px #380B61; } .left2 .widget, #recent1 { color: #F1D6FF; text-decoration: none; }.left2 .widget ul li a, .left2 .widget a, #recent1 ul li a, #recent1 a { color: #380B61; text-decoration: none; border-bottom: 1px solid #380B61; }.left2 .widget ul li a:hover, .left2 .widget a:hover, #recent1 ul li a:hover, #recent1 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #380B61; }/* end recent1, .left2 (second left sidebar) */#recent2 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }#recent2 li { list-style-type: none; display: block; width: 150px; position: relative; left: 0px; margin: 5px 0 0 3px; padding: 0 0 5px 0; color: #F1D6FF; } #recent2 { color: #ffd6dd; text-decoration: none; }#recent2 ul li a, #recent2 a { color: #380B61; text-decoration: none; border-bottom: 1px solid #380B61; }#recent2 ul li a:hover, #recent2 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }.left3 .widget ul, #recent3 ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }.left3 .widget li, #recent3 li { display: block; width: 180px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #F1D6FF; border-bottom: dotted 1px #380B61; } .left3 .widget, #recent3 { color: #380B61; text-decoration: none; }.left3 .widget ul li a, .left3 .widget a, #recent3 ul li a, #recent3 a { color: #380B61; text-decoration: none; border-bottom: 1px solid #fff; }.left3 .widget ul li a:hover, .left3 .widget a:hover, #recent3 ul li a:hover, #recent3 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #F1D6FF; }/* urm okay, this is where block three actually ends, or the css so to say *//* 4 */#feeds { padding: 15px 0 5px 0; color: #380B61; text-decoration: none; }#feeds a { color: #380B61; text-decoration: none; border-bottom: 1px solid #380B61; }#feeds a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }.search form, .search form input { color: black; margin: 0; padding: 0; border: 0; font-size: 10px; background-color: transparent; } #search form input { color: white; margin: 0; padding: 0; border: 1px solid #fcc5ce; font-size: 10px; background-color: transparent; 	float: none; width: auto;} /* for widget search, please don't use it! */.search form .comeon { float: left; width: 130px; height: 18px; overflow: hidden; }.search form .comeon1 { margin-bottom: 2px; float: left; width: 130px; height: 18px; overflow: hidden; background: #fff url(images/searchbgofcourse.png) no-repeat; }.search form .comeon #s, .search form .comeon1 #log, .search form .comeon #pwd { padding: 4px 0 4px 10px; width: 95%; background: #fff url(images/searchbgofcourse.png) no-repeat; }.search form .comeon #s:hover, .search form .comeon1 #log:hover, .search form .comeon #pwd:hover, .search form .comeon #s:focus, .search form .comeon1 #log:focus, .search form .comeon #pwd:focus { color: #AAA; background: #fff url(images/searchbgofcourse.png) no-repeat; }.search form input#searchsubmit, .search form input#go { margin-left: 6px; height: 18px; width: 20px; overflow: hidden; display: inline; }#rememberme { margin-top: 4px; margin-left: 3px; height: 18px; width: 20px; overflow: hidden; display: inline; }/* Begin Calendar */#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 225px; }#wp-calendar #next a { background-color: #ffd6dd; padding-right: 10px; text-align: right; }#wp-calendar #prev a { background-color: #ffd6dd; padding-left: 10px; text-align: left; }#wp-calendar a { display: block; }#wp-calendar caption { text-align: left; font-size: 12px; padding-left: 12px; width: 100%; }#wp-calendar td { padding: 3px 0; text-align: center; }#wp-calendar td a { background-color: #ffd6dd; border: 1px solid #a03d22; }#wp-calendar td a:hover { color: black; background-color: #fff; border: 1px solid #fff; }#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff;	}/* End Calendar */#fnf { position: relative; top: 50px; width: 541px; height: 320px; margin: 0 0 15px 220px; padding: 0 5px 0 5px;}#imgLinks 	  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/links.png) no-repeat; }#imgArchive   { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/monthly.png) no-repeat; }#imgSuche	  { margin: 0 0 -10px 0; width: 158px; height: 40px; background: url(images/search.png) no-repeat; }#imgLogin 	  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/login.png) no-repeat; }#imgNewsfeed  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/newsfeed.png) no-repeat; }#imgKategorien{ margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/cats.png) no-repeat; }#imgKalender  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/about.jpg) no-repeat; }#imgAbout  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/about.png) no-repeat; }#imgRecently  { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/recently.png) no-repeat; }#imgSponsors { margin: 0 0 -15px 0; width: 158px; height: 40px; background: url(images/sponsors.png) no-repeat; }#imgReadon    { margin: 10px 0 -12px 0; width: 144px; height: 22px; background: url(images/readon.png) no-repeat; }