/*  
Theme Name: New Werder Exil
Theme URI: http://www.waldys-portfolio.de
Description: Thema Werder Exil, modified by <a href="http://waldys-portfolio.de/">Waldy</a>
Version: 1
Author: Waldy
Author URI: http://www.waldys-portfolio.de/
*/

/* Overal Styling */
body { 
margin:0px; 
padding:0px;  
font-family: Arial, Helvetica, Verdana,  sans-serif;
font-size: 0.7em; 
line-height:1.6em; 
color:#555555;
background:#434343 url(images/bg.gif) center 40px no-repeat; 
}

/* IE 6 Hack */
* html body { 
font-size: 0.70em;
}

/* IE 7 Hack */
* + html body { 
font-size: 0.70em;
}

acronym, abbr { cursor:help; }

a { 
color: #018f51; 
text-decoration: underline; 
}

a:hover { 
text-decoration:none; 
}


/* Head Top Navigation Styling */
#navHead {
postion: ralative;
margin: 50px auto 0 auto;
width: 800px;
padding: 0px 0 0px 20px;
background: #99cc66 ;
border: none;
}

#navHead h1 {
margin: 0 !important;
float: right;
width: 308px
}

#navHead h1 a {
float: right;
width: 308px;
height: 83px;
text-indent: -9999px;
background: #99cc66 url(images/logo.gif) right 0 no-repeat;
}

#navHead ul { 
margin: 0 auto;
padding: 57px 0 6px 0;
width: 480px;
list-style-type: none;
float: left;
overflow: hidden;
}

/* IE 6 Hack */
* html #navHead ul { 
padding-bottom: 8px;
}

/* IE 7 Hack */
* + html #navHead ul { 
padding-bottom: 8px;
}
  
#navHead ul li { 
display: inline;
margin: 0 9px 0 0; 
font-size:1.4em; 
}

* html #navHead ul li {
font-size:1.2em; 
margin: 0 10px 0 0;
}

* + html #navHead ul li {
font-size:1.2em; 
margin: 0 10px 0 0;
}


#navHead ul li a {
text-decoration: none;
padding: 7px 20px 12px 15px;
font-weight: bold;
}

#navHead ul li.page_item a { 
color:#fff; 
text-decoration:none; 
}

#navHead ul li.current_page_item { 
text-decoration: none; 
color: #000;
}

#navHead ul li.current_page_item a,
#navHead ul li a:hover { 
text-decoration: none; 
background: #fff url(images/navi_bg.gif) right 0 no-repeat;
color: #018f51;
}

/* Clearfixes */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE-Patches f�r Clearfix */
.clearfix { display: inline-block; }

/* Vor IE5/Mac verstecken \*/
* html .clearfix { 
	height: 1px; 
	}

.clearfix { 
	display: block; 
	}
/* Ende des Versteckspiels f�r den IE5/Mac */

.clear {
clear: both;
height: 0;
}

/* Head Styling */
#head { 
display:block; 
clear:left; 
width:1000px; 
padding:18px 0; 
margin-left:auto; 
margin-right:auto; 
}

#head .adsense { 
float:left; 
margin-left:15px; 
}

#head h1 { 
font-family:Tahoma, Verdana, Arial; 
font-size:3em; 
line-height:1.2em; 
letter-spacing: 1px; 
font-weight:normal; 
margin:-5px 0 0 517px; 
}

#head h1 a { 
color:#669933; 
text-decoration:none; 
}

#head p { 
font-size:1.2em; 
line-height:1.2em; 
letter-spacing: 1px; 
color:#999999; 
margin:5px 0 0 526px; 
}

/* Body Containers*/ 
#centerTL { 
width: 940px; 
margin: 0 auto;
}

#centerTR { 
width: 940px; 
display: block;
padding:0;
background: url(images/content_bg.gif) 5px 0 repeat-y;
}

* html #centerTR { 
padding-bottom: 30px;
}

* + html #centerTR { 
padding-bottom: 30px;
}

/* IE 6 Hack */
* html #centerTR { 
display: block;
margin-left: 0px;
}

#centerBR { 
width: 940px; 
float:left;
}

#centerBL { 
width:100%; 
float:left; 
}

#container { 
width: 940px; 
display:block; 
margin-left:auto; 
margin-right:auto; 
}

#left { 
float: left; 
width: 560px; 
padding-top: 0px; 
}

#left h3 {
float: right;
width: 470px;
}  

#left .rss {
float: right;
padding: 5px 0 30px 0;
margin: 0;
list-style: none;
width: 255px;
}

/* IE 6 Hack */
* html #left .rss {
width: 270px;
}

#left ul li.rssEntr { 
float:right; 
font-size:1em; 
white-space:nowrap; 
}

#left ul li.rssEntr a { 
height:20px; 
color:#ff9900; 
text-decoration:none; 
padding:5px 0 5px 21px; 
background:url(images/ico-rss-h.gif) no-repeat 0 50%; 
}

#left ul li.rssEntr a:hover { 
color:#FF6600; 
text-decoration:underline; 
}
  
#left ul li.rssComm { 
float:right; 
margin-left:20px; 
padding: 0; 
font-size:1em; 
white-space:nowrap; 
}

#left ul li.rssComm a { 
height:20px; 
color:#ff9900; 
text-decoration:none; 
padding:5px 0 5px 21px; 
background:url(images/ico-rss-h.gif) no-repeat 0 50%; 
}

#left ul li.rssComm a:hover { 
color:#FF6600; 
text-decoration:underline; 
}

#right { 
float: left; 
width: 308px; 
margin: 0px 0 20px 12px; 
}

/* IE 6 Hack */
* html #right { 
margin: 0 0 20px 2px !important;
}

#wpcumuluscontent {
width: auto;
float: left;
margin: 0px 0 20px  0;
}

#wpcumuluscontent embed {   
margin: 0px 0 20px 0; 
background: #ccc;
}
/* End Body Containers*/ 


/* Post */
.post { 
float: left; 
display: inline; 
width: 558px; 
margin:0 0 60px 0px; 
background:url(images/bg-post.gif); 

}

* html .post {
overflow: hidden;
padding-right: 12px;
} 

.post .postHeader { 
float:left; 
width:538px; 
}

.post .postHeader p.cal { 
float: left; 
display: inline; 
width: 60px; 
height: 46px; 
margin: 0px 27px 0 0px;
padding: 2px 0 0 0;  
text-align: center; 
font-size: 1.4em; 
line-height: 1.0em;
color: #fff; 
background: #99cc66 url(images/cal_bg.gif) right 0 repeat-y; 
}

.post .postHeader p.cal small { 
display: block; 
font-size: 0.6em; 
}

.post .postHeader h2 { 
width: 450px; 
float: right; 
margin: 0; 
padding: 0 0 0 0; 
font-size: 2.3em; 
line-height: 27px; 
color: #007844; 
font-weight: normal;
}

.post .postHeader h2 a {
text-decoration: none;
color: #007844;
}

.post .postHeader h2 a:hover {
background: #99CC66;
text-decoration: none;
color: #fff;
}

.post .postHeader p.desc { 
float:right; 
margin:5px 0 0 0; 
width: 444px;
}

.post .postHeader p.desc span.autor { 
padding: 2px 0 2px 17px; 
background: url(images/ico-autor.gif) no-repeat left center; 
}

.post .postHeader p.desc span.cat { 
padding: 2px 0 2px 17px; 
background: url(images/ico-category.gif) no-repeat left center; 
}

.post .postHeader p.desc span.cat a,
#recent h3 a {
text-decoration: none;
} 

.post .postHeader p.desc span.cat a:hover,
.post .postFooter .postComm a:hover {
text-decoration: underline;
}

.post .postHeader h2.pageTitle { 
padding-left:23px; 
}

/* Post Possible Options */
.post .postBody { 
width: 480px; 
display: inline; 
float: left; 
margin-left: 90px; 
}

.advertise {
float: right;
margin: 20px 0 20px 0px;
}

.post .postBody h3 { 
font-size:1.3em; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 10px 0 0 0;
}

.post .postBody h4 { 
font-size:1.1em; 
font-family: Verdana, Arial, Helvetica, sans-serif
}

.post .postBody p, .post .postBody form { 
margin:15px 0 0 0; 
padding:0;
font-size: 1.15em;
line-height: 1.5em; 
color: #000;
width: 465px;
}

.post .postBody p ul{ 
margin-top:15px; 
margin-bottom:0; 
}

.post .postBody p ul li { 
margin:0; padding:0; 
}

.post .postBody ul { 
margin:10px 0 25px 0;
padding: 0 0 0 10px; 
list-style: none;
width: 460px;
}

.post .postBody ul li { 
margin:0; 
padding:0; 
width: 450px;
}

.post .postBody ul#archive-cat{ 
margin-top:0; 
margin-bottom:0; 
}

.post .postBody ul#archive-cat li ul { 
margin-top:0; 
margin-bottom:15px; 
}

.post .postBody img { 
overflow:hidden;	
margin: 0 0 10px 0;
}

.post .postBody .alignleft {
float: left;
margin: 4px 7px 15px 0;
}

.post .postBody .alignright {
float: right;
margin: 4px 0 15px 7px;
}

.post .postBody .aligncenter {
display: block;
}

.post .postBody .wp-smiley {
width: 14px ;
height: 14px;
margin: 0;
}

.post .postBody object,
.post .postBody object embed {
width: 470px;
}

.post .postBody a img { 
border:1px solid #eee;
}

.post .postBody a:hover img { 
border:1px solid #bbb; 
}

.post .postBody blockquote { 
color:#999999;
background: #ebf5e0;
padding: 5px;
width: 458px;
margin:15px 0 10px 0px; 
float: left;
}

.post .postBody blockquote tbody {
color: #000000;
}

.post .postBody blockquote p {
margin: 0;
padding: 3px;
width: 450px;
}  

.post .postBody p blockquote { 
text-transform:uppercase; 
font-style:italic; 
margin:15px 0 0 20px; }
  /* End Post Possible Options */

.post .postFooter { 
float:right; 
width:470px;
margin: 10px 0 0 0;
background:url(bg-post-b.gif) no-repeat bottom; 
}

.post .postFooter .postComm a { 
float:right; 
margin: 0px 0px 0 0; 
padding:5px 0 5px 21px; 
color:#669933; 
text-decoration: none;
background:url(ico-comm.gif) no-repeat left; 
}

.post .postFooter .utwTags { 
float:left; margin:25px 0 0 24px; padding:0; }

ul.postScroll { 
float:right; 
display:inline; 
width:470px; 
margin:0px 0px 20px 0; 
padding:0; 
list-style-type:none;
}

ul.postScroll li.prev { 
float: left; 
}

ul.postScroll li.prev a { 
display:block;
width:80px; 
padding-right: 25px; 
margin-bottom:20px; 
color: #99CC66; 
font-weight:bold;
line-height: 1.2em;
text-decoration:none; 
}

ul.postScroll li.next { 
float:right; 
margin-left:1px; 
}

ul.postScroll li.next a { 
display:block; 
text-align:right; 
width:55px; 
padding-right: 0px; 
margin-bottom:20px; 
color: #99CC66; 
font-weight:bold; 
line-height: 1.2em; 
text-decoration:none; 
}

ul.postScroll li.next a:hover,
ul.postScroll li.prev a:hover {
color: #007844; 
text-decoration: underline;
}
/* Right Column */

/* Search */
#search { 
float:left; 
display:block; 
width: 305px;  
}

#search form { 
margin:0; 
padding:0; 
}

#search form div { 
display:inline; 
float:left; 
width: 300px; 
height: 24px; 
margin:12px 0 0 0px; 
}

#search form div label.invisible { 
display: none;
}

#search form div label.invisible a {
color: #fff;
text-decoration: none;
} 

#search form div input {
float: left;
font-size: 1em;
height: 24px; 
background:url(images/bg-search.gif) 0 0 no-repeat  ; 
display:block; 
width: 245px; 
border:none; 
font-size:1.2em; 
padding: 3px 0 0 4px;
color:#999999;
}

#search #searchsubmit {
cursor: pointer;
color:#fff;
float:left;
text-indent: -9999px;
padding: 0 5px 5px 0;
width: 30px;
background: #018F51 url(images/button-search.gif) left 0 no-repeat;
}

/* IE 6 Hack */
* html #search #searchsubmit {
padding: 0 5px 0px 0;
}

/* IE 7 Hack */
* + html #search #searchsubmit {
padding: 9px 5px 0px 0;
}

/* Categories */
#cats { 
float:left; 
width:307px; 
padding-bottom:10px; 
background: #f4f4f4;
display: block;
}

#cats h3 { 
margin: 7px 0 7px 0; 
padding-left: 7px; 
font-size: 1em; 
color: #018f51; 
font-weight: normal; 
}

#cats ul { 
list-style-type: none; 
margin: 0 0 0 0;
padding: 0 0 0 7px; 
}

#cats ul li {
float: left;  
margin: 0; 
padding: 0 0 4px 0;
width: 145px; 
line-height: 1.15em;
}

#cats ul li ul { 
padding: 0 0 0 0 !important; 
margin:0 0 0 0px;
}

#cats ul li ul li { 
display: inline; 
margin-left: 0px; 
padding: 0 0 0 0;
}

#cats ul li a {
font-size: 1em;
color:#474747; 
text-decoration:none; 
}

#cats ul li a:hover,
#recent ul li a:hover,
#recent h3 a:hover,
#links ul li a:hover { 
color: #fff;
background: #007844; 
}


/* Misc Navigation */ 
.misc { 
width:305px; 
float:left; 
margin: 0; 
}

.misc .advertise {
float: none;
margin: 40px 0 20px 0;
}

.misc .ad { 
width:210px; 
float:left; 
text-align:center; 
}

.misc .ad h3 { 
font-size:1.7em; 
color:#FFF; 
font-weight:normal; 
text-align:left; 
margin:15px 20px 10px 20px; 
}

.misc .ad iframe { 
margin:auto; 
}


.misc .bild {
margin: 20px 0 20px 0;
}

/* Recent Entries */
#recent,
#links,
#tags  { 
width: 140px; 
float:left;
margin: 0 10px 40px 0;
}

#recent h3,
#links h3,
#tags h3  { 
font-size:1.2em; 
color:#FFF; 
font-weight:bold; 
margin: 0 0 10px 0px; 
}

#recent ul,
#links ul { 
line-height:1em; 
margin:0; 
padding:0; 
list-style-type:none; 
}

#recent ul li,
#links ul li { 
width: 140px; 
margin: 0 0 0 0; 
}

#recent ul li a,
#links ul li a {
display:block; 
padding: 3px 0 3px 0;
text-decoration: none;
color: #474747; 
}

#links h3,
#recent h3 {
color: #007844;
}
 

/* Footlinks (Tube / Large Ads) */
.footlinks { 
width:420px; float:left; 
margin-top:20px; 
}

.footlinks .content { 
width:420px; 
float:left; 
}

.footlinks .content h3 { 
font-size:1.2em; 
color:#FFF; 
font-weight:normal; 
margin:15px 20px 10px 20px; 
}

.footlinks .content iframe { 
margin:auto; 
}


#tags .st-tag-cloud { 
line-height:1.4em; 
margin:0; 
padding:5px 12px 5px 18px; 
}

/* IE 6 Hack */
* html #tags p a { 
line-height:100%; 
}

/* Related Post (UTW3) */
#related { 
width:210px; 
float: left;
margin: 5px 5px 0 10px 
}
 
#related h3 { 
font-size:1.2em; 
color: #99CC66; 
font-weight:normal; 
margin:15px 20px 10px 20px; 
}

#related ul { 
line-height:1.4em; 
margin:0; 
padding:0; 
list-style-type:none; 
}

#related ul li { 
font-weight:bold; 
margin-left:20px; 
}

#related ul li a { 
display:block; 
padding:2px 0 2px 16px; 
margin:2px 0; color:#FFF;
}


/* Footer */
#footer { 
display:block; 
display:table; 
width: 862px; 
padding:20px 0px 30px 0; 
margin: 0 auto 0 auto;
background: url(images/footer_bg.gif) 0 0 repeat-y; 
}

/* IE 6 Hack */
* html #footer { 
width: 863px;
}

/* IE 7 Hack */
* + html #footer { 
width: 863px;
}

#footer p { 
display:inline; 
float:left; 
margin:5px 0 0 0; 
color:#999999; }

#footer p a { 
color: ##669933; 
}

#footer p.left { 
width: 380px; 
margin-left: 50px; 
}

#footer p.right { 
width:410px; 
margin-right:20px; 
}

#footer .first {
margin-right: 40px !important; 
}

#footer .meta { 
float:right; 
margin:0 0px 0 0px; 
padding:0; 
list-style-type:none; 
}

#footer .meta li { 
margin:5px 15px 0 15px; 
}

#footer .meta li a {
color: #000;
text-decoration: none;
margin:5px 0 0 0; 
}

#footer .meta li a:hover {
text-decoration: underline;
}

#footer .meta li a.rss { 
background:url(images/ico-rss-h.gif) no-repeat left; 
padding:3px 0 3px 25px; 
}


#footer .etracker {
margin: 10px 0 0 50px;
float: left;
}

* html #footer .etracker {
margin-left: 25px;
}

/* Trackbacks & Comments */
#trackback { 
display:inline; 
width: 470px; 
float: right; 
margin:7px 0 20px 20px; 
padding-bottom:20px; 
}

#trackback h3 { 
width:470px; 
display:inline; 
float:left; 
margin:0; 
font-size: 1.2em; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color: #007844; 
font-weight:normal; 
padding:15px 20px 15px 20px; 
}

#trackback ul { 
display:inline; 
float:left; 
margin:0; 
padding:0; 
list-style-type:none; 
}

#trackback ul li { 
display:inline; 
width:470px; 
float:left; 
margin:0 20px 10px 20px; 
border-top:1px solid #f4f4f4; 
}

#trackback ul li a { 
padding-left:12px; 
color: #007844; 
text-decoration:none; 
}

#trackback ul li a:hover { 
text-decoration:underline; 
}

h3#comments {
width: 450px; 
}

/* Comments */
#comments, #comments-form h3,
#comments-form h2.h3comm { 
width: 460px; 
display:inline; 
float:left; 
margin:0 0 0 70px; 
font-size: 1.4em; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #018F51; 
font-weight:normal; 
padding:20px 20px 10px 20px;
}

/*  Will leave it for better days  */
.odd,
.even {
display:inline; 
width:470px; 
float:right; 
margin:0 0 20px 20px; 
padding:0 0 6px 0;
}

.odd p,
.even p { 
padding:5px 20px 5px 10px; 
margin:0;
background: #efefef;
}
  
.odd p a,
.even p a {
color: #ccc; 
}
  
.odd p.info,
.even p.info {
font-size: 0.9em;
margin:0 0 5px 0; 
padding: 5px 20px 0px 0px; 
color:#bbb;
background: none;
}

.odd p.info a,
.even p.info a { 
color: #99CC66; 
}

/* Comment Form */
#commentform { 
line-height:1.2em; 
display:inline; 
width:470px; 
float:left; 
margin:0 0 20px 70px; 
padding: 0 0 0 20px;
}

#commentform p.skinned { 
display:inline; 
width:470px; 
float:left; 
margin:0 0 10px 0; 
padding-bottom:13px;
}

#commentform p.skinned label { 
display:inline; 
float:left; 
color: #99CC66 ; 
margin:0 0 5px 0px; 
width: 470px;
}

#commentform p.skinned input { 
font-size:1.2em; 
color:#999999; 
background-color:transparent; 
border: 1px solid #ccc; 
width:350px; 
float:left;
height: 20px;
padding: 3px 0 2px 0;
margin:0 10px 0 0px; 
}

#commentform p.skinnedArea { 
display:inline; 
width: 470px; 
float:left; 
margin:0 0 10px 0; 
padding-bottom:13px; 
}

#commentform p.skinnedArea label { 
display:inline; 
float:left; 
color: #99CC66 ; 
margin:0 0 5px 0px; 
}

#commentform p.skinnedArea label a { 
color: #018F51; 
}

#commentform p.skinnedArea textarea { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:1.2em; 
color:#999999; 
background-color:transparent; 
border: 1px solid #ccc; 
width:450px; 
height: 120px; 
float:left; 
margin:0 10px 0 0px; 
}

#commentform #sub { 
width:90px;
background: #018F51 ; 
border:none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; 
color:#ffffff; 
float:left; 
display:inline;
padding:  3px 0 3px 0;  
}

.errmsg { 
color:#ff0000;
float:left;
font-weight:bold; 
font-size:1em;  
margin:0 0 5px 90px; 
}

.okmsg { 
float:left; 
color:#ffffff; 
font-weight:bold; 
font-size:1em; 
margin:0 0 10px 42px; 
}

<iframe src="http://www.facebook.com/plugins/like.php?href=www.werder-exil.de&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>