/*  
Theme Name: 08 Rainbow Feather (v3) - English Version
Theme URI: http://www.h4x3d.com/themes/feather
Description: <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.0
Author: julian klewes
Author URI: http://www.h4x3d.com
Created: 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.2008

Stamp 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 { background-color: #F65F82; font: normal 11px/14px arial, sans-serif; color: #2a2727; }
p { padding:.625em 0; text-align: justify; line-height: 20px;}

#top { width: 100%; height: 45px; background: url(images/top.jpg) repeat-x top left;}
#top1 { width: 100%; min-height: 328px; background: #F1DA36 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: #F76589 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: 175px; float: left; position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;}
.left1 { color: #f997aa; width: 175px; float: left;  position: relative; top: 50px; height: 100%; margin: 0 0 10px 57px;}
.left2, .left3 { color: #f997aa; width: 180px; min-height: 300px; float: left;  position: relative; top: 50px; height: 100%; margin: 0 0 10px 75px;}

.footer { color: #fca2b2; float: left;  position: relative; top: 0px; height: 100%; margin: 4px 0 1px 57px;}
.footer a { color: #f6a8b6; text-decoration: none; border-bottom: 1px solid white;}
.footer a:hover { color: #fc97a9; text-decoration: none; border-bottom: 1px solid #d4f3ff;}


.header { color: #bae4ff; position: relative; top: 5px; height: 100%; margin: 0 0 10px 167px;}
.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 320px; 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 320px; 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: left; padding: 5px 0 1px 2px; }
.readon a { border: 0; }

.left1 a, .left1 a:link, .left1 a:visited, .left2 a, .left2 a:link, .left2 a:visited { color: #E0F0F6; text-decoration: none; border-bottom: 1px solid #69abe5; }
.left1 a:hover, .left2 a:hover { color: #69abe5; border-bottom: 1px solid #ffd6dd; }

.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:#f4e46b; 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: #f4e46b; text-decoration: none; }
.date0:hover, .date0 a:hover { color: #e8d965; }

#recentFirstPage { position: absolute; left: 57px; top: 700px; }
#recentFirstPage ul { list-style-type: none; position: relative; left: 0px; padding-left: 0px; margin-left: 1px; }
#recentFirstPage li { display: block; width: 220px; 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: 220px; 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 #ffd6dd; }

.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: 180px; position: relative; left: 0px; margin: 5px 0 0 0; padding: 0 0 5px 0; color: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } 

.left1 .widget, #recent0 { color: #ffd6dd; text-decoration: none; }
.left1 .widget ul li a, .left1 .widget a, #recent0 ul li a, #recent0 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; }

.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: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } 

.left2 .widget, #recent1 { color: #ffd6dd; text-decoration: none; }
.left2 .widget ul li a, .left2 .widget a, #recent1 ul li a, #recent1 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; }

.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 #d4f3ff; }


/* 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: #ffd6dd; } 

#recent2 { color: #ffd6dd; text-decoration: none; }
#recent2 ul li a, #recent2 a { color: #f997aa; text-decoration: none; border-bottom: 1px solid #f997aa; }
#recent2 ul li a:hover, #recent2 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #d4f3ff; }

.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: #ffd6dd; border-bottom: dotted 1px #ffd6dd; } 

.left3 .widget, #recent3 { color: #ffd6dd; text-decoration: none; }
.left3 .widget ul li a, .left3 .widget a, #recent3 ul li a, #recent3 a { color: #ffd6dd; 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 #fcc5ce; }

/* urm okay, this is where block three actually ends, or the css so to say */



/* 4 */


#feeds { padding: 15px 0 5px 0; color: #ffd6dd; text-decoration: none; }
#feeds a { color: #ffd6dd; text-decoration: none; border-bottom: 1px solid #fcc5ce; }
#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; }
#imgReadon    { margin: 10px 0 -12px 0; width: 144px; height: 22px; background: url(images/readon.png) no-repeat; }