/*  
Theme Name: FOOMA 2.0
Theme URI: http://www.danielhaller.com/
Description: FOOMA.de Standardtheme
Version: 2.0
Author: Daniel Haller
Author URI: http://www.danielhaller.com/

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

*/

* {	margin:0; padding:0; }

body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #030c09 url(/wp-content/themes/fooma_v2/images/fooma-hintergrund2.jpg) center top repeat-x; 
	padding: 10px 0 30px 0;
}

a img { border:none; }
a:link { text-decoration: underline; color: #b52100; }
a:visited { color:#b52100;}
a:hover { text-decoration: none; color: #ff2f00}
a:active { }

p, li { line-height: 1.6em;}
.post ul, .post ol { margin:1.6em; }
.post ul { list-style-image: url(/wp-content/themes/fooma/images/ball_list_item.gif); }
.post li {  margin:.4em; }
.post p { margin: 1em 0 }


/* =================================
	LAYOUT 
================================== */


#page {	margin:0 auto; text-align:left; width:970px; background: url(images/page-bg.jpg) left top repeat-y;  }
#header { width:970px; height:91px; position:relative; background: url(images/header_image.jpg) no-repeat left top; }
#nav { width:970px; height:60px; position: relative; }
#sidebar { width:350px; float:right; min-height: 350px; }
#pagecontent  {	width: 620px; float: left;  }
#pagecontent.wide { width: 970px; }

/* =================================
	HEADER & FOOTER
================================== */


#header h1 a {  
	height: 77px;
	display: block;
	text-indent: -100em;
	z-index: 100;
	background: url(images/fooma_logo_header.jpg) 8px 18px no-repeat }
#header .t-online_ad { position: absolute; left: 670px; top: 18px; z-index:10; }

/* Loginbox */
#loginbox { width: 140px; position: absolute; left: 820px; top: 18px;   }
#loginbox .formfield { border: 1px solid black; margin-top: 3px; padding: 1px; color: #666666; width: 100px; font-size: 10px; }
#loginbox .login_aux_link  { color: white; font-size: 9px; }
#loginbox .sb_button { position: absolute; left: 112px; top: 0; }

/* Footer */
#footer {
	clear:both;
	text-align: right;
	color:#ccc;
	width:970px;
    height:16px;
	font-size: 9px;
	background: url(images/footer_hg.jpg) no-repeat left top;
}
#footer a { color:#ccc; text-decoration: none;  }
#footer a:hover { color:#fff; }
#footer ul { text-align: right; margin: 0; padding: 0; }
#footer li { display:inline; margin: 0 1em 0 0; line-height: 16px;  }

/* Club Logos, Vereinsseiten */
#clubwrapper { padding-top: 440px; background-repeat: no-repeat; background-position: left top;  } 
#club_logos { height: 34px; clear:both; background: url(images/nav_sub_hg.jpg) left top no-repeat;  }
#club_logos a { 
	height: 34px; 
	width: 40px;  
	display: block;  
	float: left; 
	background: url(images/buli-logos-sprites.gif); 
	text-decoration: none;  
}

#club_logos a#club-1 { background-position: 0 0 }
#club_logos a#club-1:hover { background-position: 50px 0 }
#club_logos a#club-2 { background-position: 0 -50px }
#club_logos a#club-2:hover { background-position: 50px -50px }
#club_logos a#club-3 { background-position: 0 -100px }
#club_logos a#club-3:hover { background-position: 50px -100px }
#club_logos a#club-4 { background-position: 0 -150px }
#club_logos a#club-4:hover { background-position: 50px -150px }
#club_logos a#club-5 { background-position: 0 -200px }
#club_logos a#club-5:hover { background-position: 50px -200px }
#club_logos a#club-6 { background-position: 0 -250px; }
#club_logos a#club-6:hover { background-position: 50px -250px }
#club_logos a#club-7 { background-position: 0 -300px }
#club_logos a#club-7:hover { background-position: 50px -300px }
#club_logos a#club-8 { background-position: 0 -350px }
#club_logos a#club-8:hover { background-position: 50px -350px }
#club_logos a#club-9 { background-position: 0 -400px }
#club_logos a#club-9:hover { background-position: 50px -400px }
#club_logos a#club-10 { background-position: 0 -450px }
#club_logos a#club-10:hover { background-position: 50px -450px }
#club_logos a#club-11 { background-position: 0 -500px }
#club_logos a#club-11:hover { background-position: 50px -500px }
#club_logos a#club-12 { background-position: 0 -550px }
#club_logos a#club-12:hover { background-position: 50px -550px }
#club_logos a#club-13 { background-position: 0 -600px }
#club_logos a#club-13:hover { background-position: 50px -600px }
#club_logos a#club-14 { background-position: 0 -650px }
#club_logos a#club-14:hover { background-position: 50px -650px }
#club_logos a#club-15 { background-position: 0 -700px }
#club_logos a#club-15:hover { background-position: 50px -700px }
#club_logos a#club-16 { background-position: 0 -750px }
#club_logos a#club-16:hover { background-position: 50px -750px }
#club_logos a#club-17 { background-position: 0 -800px }
#club_logos a#club-17:hover { background-position: 50px -800px }
#club_logos a#club-18 { background-position: 0 -850px }
#club_logos a#club-18:hover { background-position: 50px -850px }

/* Club-Logos Footer */
.club_links * { margin: 0; padding: 0; }
.club_links {  color: #759861; text-align: center; font-size: 10px; margin: 0 auto; width: 970px; }
.club_links li { white-space:nowrap; display: inline; }
.club_links a { color: #759861; text-decoration: none; }
.club_links a:hover { color: #687f57; text-decoration: underline; }

/* Risk-Reducer */
#risk_red { margin: 12px 0 20px 0; color: #759861;  }
#risk_red a { color: #759861; text-decoration: none;  }
#risk_red a:hover { color: color: #687f57; text-decoration: underline; }
#risk_red .logos { margin: 5px 0; }
#risk_red .logos a { margin: 0 8px; }

/* Kicker-Logo */
#kicker-link {  float: right;  margin-left: 15px; position: absolute; right: 0; bottom: 0;}

/* =================================
	HOMEPAGE 
================================== */

#home {	
	width: 970px;
	height: 322px;
	background: url(/wp-content/themes/fooma_v2/images/hg_main.jpg) left top no-repeat;
	position: relative;
	z-index:1;
}
#home .posting {
	display: none;
}
#home .register {
	position: absolute;
	left: 765px;
	top: 195px;

}
#home #login-text {
	color: white;
	position: absolute;
	width: 180px;
	right: 10px;
	top: 90px;
	text-align: center;
	line-height: 16px;
}

#home .billboard {
	position: absolute;
	width: 220px;
	height: 147px;
	background-color: black;
	left: 25px;
	top: 16px;
}

/* RSS-Ticker Forum */
#rss-ticker {
    position: absolute;
    left: 39px;
    top: 190px;
    margin: 0; 
    padding: 0;
}
#home #login-text a,
#rss-ticker a { color: white; text-decoration: none; font-weight: bold; }
#home #login-text a:hover,
#rss-ticker a:hover { color: #ccc; text-decoration: none; font-weight: bold; }
#rss-ticker ul { list-style-type: none; }
#rss-ticker ul li { height: 21px; margin-bottom: 11px; vertical-align: top; }
#rss-ticker ul li span.reader_image { margin-right: 6px; position: absolute; height: 21px; width: 27px; }
#rss-ticker ul li span.reader_text { margin-left: 27px; position: absolute; width: 280px; height: 21px; margin-top: -3px; }

/* =================================
	NEWS CONTENT / PAGES
================================== */


.post {  margin:15px 0 0 10px; }
#pagecontent.wide .post { margin:15px 10px; }

.post h2,  .pagetitle { text-transform:uppercase, line-height: 28px; color:#9d1d00; font-size:1.7em; padding:0px 10px; margin-top:10px; }
.post h2 a, .post h2 a:visited{ color:#9d1d00; text-decoration: none; clear: both; } 
.post h2 a:hover { color:#9d1d00; text-decoration: underline; } 

.post h2.blue {  margin: 0; background: url("images/headline_hg.jpg") left top repeat-y; line-height: 20px; color:white; font-size:1.4em; padding:5px; }
.post h2.blue a, .post h2.blue a:visited { color:#fff; text-decoration: none; } 
.post h2.blue a:hover { color:#fff; text-decoration: underline; } 

.post .entry { margin:10px; padding:0; }
.post .postmetadata { border-bottom:1px dotted #a3b398; margin:0 !important;  padding: 2px 9px 3px 10px; color:#A4A4A4; font-size: .8em;  } 
.post blockquote {  margin: 1em 2em 1em 2em; padding:3px 6px; font-family: "Courier New", Courier, monospace; background-color:#F9F9F9; border-top:1px dotted #a3b398; border-bottom:1px dotted #a3b398; }
.post .alignleft { padding-right:9px; padding-bottom:5px; padding-top: 5px; float:left; }
.post .alignright { padding-left:9px; padding-bottom:5px; padding-top: 5px; float:right; }
.post .entry img { margin:5px; margin-left:0; margin-top:0;   } 
.post .entry .opener_img { margin:0 0 8px 0; text-align:center; } 
.post embed { margin:0; margin-top:5px; border:1px solid black; }
.post .entry h3, .post .entry h2, .post .entry h4, .post .entry h5 { color: #9d1d00; border-bottom:1px dotted #a3b398; clear: both; font-size: 1.5em;  }

/* Darstellung der Artikel auf der Uebersichtsseite */
.post .postmetadata_overview {  border-bottom:1px dotted #a3b398; margin:0 !important;  padding: 2px 5px 2px 10px; color:#A4A4A4; font-size: .8em; }
.post .entry_overview p { margin:10px; padding:0; }
.post .entry_overview img { margin-right:15px; margin-bottom:15px; padding:0; }
h3.pagetitle { margin: 12px  0 0; }
.post .tags {margin: 0pt 10px; clear: both; }

/* Kommentare */
.contactform { border-bottom:1px dotted #a3b398; margin:3em 0; }
#comments {  padding:1em 3em; font-size:1.2em; }
#respond {  padding:0 ; font-size:1.2em; }
#commentlist {margin:0em; padding:0; list-style-position: inside; color:#8C8C8C; }
#commentlist li {margin:.8em 0; padding:1.5em 3em; background-color: #f2f6ef; color: #000; border-top:1px dotted #a3b398; border-bottom: 1px dotted #a3b398; }
#commentlist li.alt {background-color: #dbe5d2;  }
#commentlist cite {font-style:normal; font-weight: bold; margin-left:1em; }
#commentlist .commentmetadata { color:#A4A4A4; font-size: .8em; }
.nocomments { color:#A4A4A4; font-size: .8em; padding: 0 9px; }
#commentform { padding:1em 3em; }
#commentform textarea {  width:80%; border:1px solid #ccc; background-color:#f1f5f8;  font-family:verdana, arial; font-size:1em;}
#commentform input {  width:40%; border:1px solid #ccc; background-color:#f1f5f8;  font-family:verdana, arial;font-size:1em;}
#commentform small {  font-size: .8em; }
#commentform #submit {  width:80%; margin: 0 auto; background-color: #c2d4d6;  font-size:11px; padding:3px; font-weight:bold; border-top:1px solid #fff; border-bottom: 1px solid #679499; border-right: 1px solid #679499; border-left: 1px solid #fff; }
.contactform h3 { padding-left:1em; border-bottom:1px dotted #a3b398; font-size:1.2em; }
.nocomments { margin:1em 3em; }

/* In-Post Navigation */
.navigation { clear:both; margin-top:10px; margin-bottom: 5px; padding: 5px 3em; border-top:1px dotted #a3b398; border-bottom:1px dotted #a3b398; color:#A4A4A4; font-size: .8em; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }

/* Ads Sidebars */
.ads_caption { font-size: .8em; text-align:left; margin-left:2em; }
.ads_caption_sidebar { font-size: .9em; text-align:right; padding-right:10px; }
.sidebar_ads {  font-size:.8em; text-align:right;  float: right; } 

/* Sitemap */
.ddsg-wrapper * { line-height: 1.6em; }
.ddsg-wrapper h2 { display: none; }
.ddsg-wrapper ul ul li {   font-weight:normal; border:none; margin:0; line-height:1.2em; list-style-type: circle; padding:0; }
.ddsg-wrapper ul li {
    font-weight:bold;
    border-top:1px dotted #a3b398;
    border-bottom:1px dotted #a3b398;    
    margin-bottom:20px;
    padding:4px 10px; 
    list-style-type: none;
    color:#A4A4A4;   
}

/* Pagination */
.pagination { font-weight:bold;}
.pagination a { padding:1px 13px; width:100%; background-color:#EBEBEB; margin:0; text-decoration:none; font-weight:normal; }
.pagination a:hover { background-color:#D4D4D4; margin:0;  }

/* Stat-Tables Vereinsseiten */
#club_aufstellung { height: 440px;  }
#club_stats {  float: right; font-size: 11px; margin-top: 55px; width: 230px; }
#club_stats a { color: white; font-weight:bold; margin-bottom: 10px; display: block;}
#club_stats img { float: right; }
#club_stats table { color: white; width: 230px; height: 1%; }
#club_stats td { padding: 0 5px 0 0; text-align: right;}
#club_stats td.Name, #club_stats td.pos { text-align: left;}
#club_stats td.pos { width: 5%; }
	 


/* =================================
	PERIMETER BOARD
================================== */

#perimeter_board {
	background: url(images/werbebande.gif) center top no-repeat;
	height: 110px;
	text-align: center;
	padding-top: 24px;
}


/* =================================
	WP TABLE
================================== */

table.wptable {
	border: 1px solid black;  
    width: 100%; 
    border-collapse:collapse;
}

/* header row*/
table.wptable th {
	background-color: #cc6565; 
	padding:3px;
    border:1px solid black;
	text-align: left !important;

}

/* normal row */
table.wptable td {
 	background-color: #eaeaea; 
    border:1px solid black;
    padding:3px; 
}

/* alternative row */
table.wptable td.alt  {
 	background-color: #ffffff !important; 
}

table#stat th { cursor: n-resize; }