/*  
Theme Name: PHP Usergroup DE (Rhein Main)
Theme URI: http://wordpress.org/
Description: The default WordPress theme for the PHP Usergroup in Rhein-Main.
Version: 0.9.5
Author: Christian Asche, Tom Klingenberg
Author URI: http://www.phpugffm.de/

*/

/* *****************************************************************************
 _____  _    _ _____  _    _  _____ ______ ______ __  __
|  __ \| |  | |  __ \| |  | |/ ____|  ____|  ____|  \/  |
| |__) | |__| | |__) | |  | | |  __| |__  | |__  | \  / |
|  ___/|  __  |  ___/| |  | | | |_ |  __| |  __| | |\/| |
| |    | |  | | |    | |__| | |__| | |    | |    | |  | |
|_|    |_|  |_|_|     \____/ \_____|_|    |_|    |_|  |_|

Autor:   Christian Asche <info@christian-asche.com>
Seite:   http://phpugffm.de
Datum:   2006-05-20
Autor:   Tom Klingenberg <tklingenberg@lastflood.com>
Datum:   2007-03-17

Auf der PHP UG FFM Seite findest Du einen Workshop über diese CSS und die
verwendete XHTML Datei.

WER WIR SIND
Die PHP Usergroup Frankfurt ist der Treffpunkt im Rhein-Main-Gebiet für PHP
Interessierte - Sei es Online oder im echten Leben, bei unseren regelmäßigen
- kostenlosen - Treffen mit interessanten Vorträgen.

Besuch uns! Du bist eingeladen.
***************************************************************************** */

/** Globaler Reset aller Abstände **/
* {
    margin:			0;
    padding:		0;
}

/* *****************************************************************************
	Grundlegende Formatierungen der HTML Tags
***************************************************************************** */
body {
    background:		#EEE;
    color:			#000;
	font:			normal 100.01%/1.4 Verdana, Arial, Helvetica, sans-serif;
	padding:		0;
	margin: 		0;
}
h1 {
	font:			bold 1.2em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:			#29a3cc;
}
h2 {
	font:			bold 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:			#29a3cc;
}
h3, h4, h5, h6 {
	font:			bold 0.83em/1.6 Verdana, Arial, Helvetica, sans-serif;
	color:			#29a3cc;
	text-transform:	uppercase;
}
a, a:hover.unblink {
	color:			#248fb3;
	font-weight:	bold;
	background:		none;
}
a:focus, a:hover, a:active {
	color:			#FFF;
	background:		#248fb3;
}

h1 a:hover{
	background:#CCC;
}

img{
	border:			none;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

/* *****************************************************************************
	Grafische Gestaltung
***************************************************************************** */

/* Der ?u?ere Container verhindert dem Umbruch der drei Spalten */

body {text-align:center;}
#outer {text-align:left; border-top:2px solid pink;}
#outer{
	width:			59.7em;
	margin:			0 auto;
	padding: 		0;
	background:		#FFF url(body-schatten.gif) repeat-y 45em 0;
	border: 		1px solid #CCC;
}

/* Die linke Spalte */
#links{
	width:			14.5em;
	xheight:			246px;
	float:			left;
	color:			#7f7f7f;
}

#logo, #logo a {margin:0; padding:0; width:14.5em; height:3.8125em; overflow:hidden; font-size:1em;}
#logo a {display:block; line-height:3.8125em; xtext-indent:14.5em; background:url(phpugffm.gif) center no-repeat;}
#logo a img {width:9.75em; height:3.625em; padding:0.125em 2.375em 0.0625em 2.375em;}


#logo-old {
	text-align:		center;
	background:		#FFF;
	margin:			0;
	padding:		0;
}

#logo-old a:hover{
	text-decoration: none;
	background: none;
}

#links p{
	font-size:		0.65em;
	margin:			10px 0;
}
#links h2{
	font-size:		0.65em;
	margin:			20px 0 0 0;
	padding-bottom: 5px;
	color:			#7f7f7f;
}
#links h2 img{
	float: 			right;
}

#navigation {
	text-align: 	right;
	list-style: 	none;
	margin:			0;
	padding:		10px 0 0 0;
	min-height:		11em;
	background: 	#eaf1f8;
}
/* IE fix. Der IE kennt min-height nicht, interpretiert height aber wie min-height. */
* html #navigation{
	height: 		11em;
}

#navigation a{
	text-decoration: none;
	font-size:		0.73em;
	padding: 		2px 10px 2px 2px;
	font-weight:	normal;
}

#navigation a:after{
	content: 		" »";
}

/* Mittlere Spalte */
#identifier{
	background: 	url(ffm-skyline.jpg) repeat-x;
	width:			30.5em;
	padding:		15.375em 0 1.875em 0;
	margin: 		0;
	float:			left;
	color:			#000;
	border-left: 	1px solid #b9cfe5;
	border-right: 	1px solid #999;

}
#identifier p{
	font-size:		0.73em;
	padding:		5px 30px;
}
#identifier h3{
	font-size:		0.73em;
	padding:		5px 30px;
}

#identifier table{
	font-size:		0.73em;
	margin:		5px 30px;
	border-collapse: collapse;
	border: 		1px solid #0099CB;
	width: 88%;
}
#identifier th{
	font-size:		0.73em;
	padding:		5px 10px;
	background: 	#0099CB;
	text-align: left;
	color: #FFF;
}
#identifier td{
	font-size:		0.73em;
	padding:		5px 10px;
	border: 	1px solid #0099CB;
}

#identifier li{
	font-size:		0.73em;
	padding:		5px 5px;
	margin-left:	45px;
}
#identifier h1{
	padding:		15px 30px 0px 30px;
}
#identifier h1 a{
	text-decoration:none;
	color:			#29A2CE;
}
#identifier h2{
	padding:		0px 30px 15px 30px;
	font-size:		0.73em;
	color:			#999;
}
/**
 * 2006-12-22 09:24 mot h2 klasse reset für artikel
 */
#identifier .entrytext h2{
	font:			bold 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:			#29a3cc;
	padding:		0 30px;
}
#identifier textarea {
	width: 99%;
}


/*
 * syntax highligher CSS
 */

.ch_code_container {
	background-color: #fdfdfd;
	margin-left:30px;
	border: 2px solid #f0f0f0;	
	padding: 2px;
	width: 420px;
	text-align: left;
	font-size:1.00em;
	overflow:auto;
}
#identifier .ch_code_container li {
	height: 12px;
	padding: 0;
	margin-left:40px;
	border-bottom: 1px solid #fcfcfc;
}
.ch_code_container .head
{
	color: #808080;
	font-weight: bold;
	background-color: #f0f0ff;
	border-bottom: 1px solid #d0d0d0;
	padding: 2px;
}

/* 
 * blockquote addition 2007-01-08 20:12 TK 
 */
blockquote
{
	padding-left: 40px;
	background: url(images/quote.gif) 20px 0 no-repeat;
}

/*
 * sidebar / widget-ize 2007-02-19 16:27 TK
 */
#sidebar ul li {list-style-type:none; padding:0 20px;}

#sidebar h2 {margin:20px 0 5px 0; text-transform: uppercase;}
#sidebar p {margin:10px 0;}

/* ul / li fix */
#sidebar li.widget_phpug_next ul li,#sidebar li.widget_phpug_last ul li {font-size:0.65em; padding:0; margin-left: 10px; list-style-type:circle;}
.widget ul li {font-size:0.65em; padding:0 !important; margin-left: 10px; list-style-type:circle !important;}

/* widget headlines with icons */
li.widget.widget_phpug_next h2 {background:url(next-meeting.gif) right 2px no-repeat !important;}
li.widget.widget_phpug_last h2 {background:url(last-meeting.gif) right 2px no-repeat !important;}
li.widget.widget_phpug_werwirsind h2 {background:url(wer-wir-sind.gif) right 10px no-repeat !important;}
li.widget.widget_phpug_kommunikation h2 {background:url(kommunikation.gif) right 10px no-repeat !important;}
li.widget.widget_phpug_newsfeeds h2 {background:url(newsfeeds.gif) right 5px no-repeat !important;}
li.widget.widget_phpug_upcoming h2 {background:url(newsfeeds.gif) right 5px no-repeat !important;}

/* widget navigation */
#sidebar li#phpug-menu {padding:0;}
#sidebar li#phpug-menu ul li {padding:0; font-size:1em; list-style-type:none !important;}
#sidebar li#phpug-menu h2 {display:none;}


/* sidebar2 */
#sidebar2 ul li {list-style-type:none; padding:0 20px;}
#sidebar2 h2 {padding:10px 0; text-transform: uppercase;}



/* widget sponsors */
#phpug-sponsors {padding:0 0 0 0.9375em !important; font-size:1em; height:3.8125em; overflow:hidden;}
#phpug-sponsors h2 {display:none;}
#phpug-sponsors span.note {font-size:0.7em;}

/* widget search */
#search {padding:0 0 0 0.9375em !important; font-size:1em; height:3.8125em; overflow:hidden;}
#search form {padding: 0.9375em 0 0 0;}
#search br {display: none;}

/* widget wer wir sind */
#phpug-wer-wir-sind {min-height: 11em; background: #eaf1f8 url(schatten-wer-sind-wir.gif) repeat-y;}
* html #phpug-wer-wir-sind {height: 11em;}
#phpug-wer-wir-sind {padding-top: 0.625em !important;}

/* widget newsfeeds */
#phpug-newsfeeds ul li {margin-bottom:0.2em;}
li.widget ul li.time {list-style-type:none !important; margin:0 !important;}


/* IE fix. Der IE kennt min-height nicht, interpretiert height aber wie min-height. */
* html #rechts #werwirsind{
	height: 		179px;
}


/* Rechte Spalte */
#rechts{
	color:			#7f7f7f;
	width:			14.5em;
	float:			left;
}
#rechts p{
	font-size:		0.65em;
	padding:		0 0 20px 0;
}

#rechts h2{
	font-size:		0.65em;
	color:			#7f7f7f;
}
#rechts h2 img{
	float: 			right;
}

#rechts li.widget ul{
	padding:		0 0 20px 0;
	color:			#7f7f7f;
}

#rechts #werwirsind{
	margin:			0;
	padding:		10px 0 0 0;
	min-height:		176px;
	background: 	#eaf1f8 url(schatten-wer-sind-wir.gif) repeat-y;
}