/**
 * PHPUGFFM Stylesheet
 *  _____  _    _ _____  _    _  _____ ______ ______ __  __
 * |  __ \| |  | |  __ \| |  | |/ ____|  ____|  ____|  \/  |
 * | |__) | |__| | |__) | |  | | |  __| |__  | |__  | \  / |
 * |  ___/|  __  |  ___/| |  | | | |_ |  __| |  __| | |\/| |
 * | |    | |  | | |    | |__| | |__| | |    | |    | |  | |
 * |_|    |_|  |_|_|     \____/ \_____|_|    |_|    |_|  |_|
 *
 * Stylesheet for the main PHPUGFFM website which is based on a 
 * famouse Blogsoftware.
 *
 * This file has been re-written for testing how to use so called
 * javadoc-styled or docblock comments and tags in CSS files.
 *
 * @see    http://phpugffm.de/index.php/archives/193
 *
 *
 * Auf der PHP UG FFM Seite findest Du einen Workshop über diese CSS und die
 * verwendete XHTML Datei.
 *
 * @see    http://elearning.fh-frankfurt.de/mod/resource/view.php?id=2504
 * @see    http://phpugffm.de/index.php/archives/77
 * @todo   publicly publish the information
 *
 *
 * 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.
 *
 *
 * @style   PHP Usergroup DE (Rheim Main)
 * @media   screen
 * @site    phpugffm.de
 * @version 1.2
 * @date    2007-05-20
 * @author  Tom Klingenberg
 * @author  Christian Asche
 * @appdef  wp = Wordpress Theme Information
 * @app-wp  Theme Name: PHP Usergroup DE (Rhein Main)
 * @app-wp  Theme URI: http://wordpress.org/
 * @app-wp  Description: The default WordPress theme for the PHP Usergroup in Rhein-Main.
 * @app-wp  Version: 0.9.5
 * @app-wp  Author: Christian Asche, Tom Klingenberg
 * @app-wp  Author URI: http://www.phpugffm.de/
 *
 */

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

/**
 * Grundlegende Formatierungen der HTML Tags
 *
 * @section basic formattings
 */
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
 *
 * Layout der Seite. Der äußere Container verhindert dem Umbruch der 
 * drei Spalten.
 *
 * @section layout
 * @ref     #outer      = äußerer Container
 * @ref     #links      = linke Spale
 * @ref     #rechts     = rechte Spalte
 * @ref     #identifier = mittlere Spalte
 * @see     section(identifier);
 */

body {text-align:center;}

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

#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;
}

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

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

/**
 * IE fix. Der IE kennt min-height nicht, interpretiert height aber wie min-height
 *
 * @hack    min-height of #navigation
 * @hackfor IE
 */ 
* html #navigation{
	height: 		11em;
}

/**
 * Identifier
 *
 * mittlere Spalte im Layout; ID identifier
 *
 * @section identifier
 * @see     layout
 */

#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 ul,
#identifier ol{
	font-size:		0.73em;
	padding:		5px 30px;
}

#identifier li ul,
#identifier li ol{
	font-size:		1em;
}

#identifier ul h3{
	font-size:		1em;
	padding:		5px 0;
}

#identifier li {
	font-size:		1em;
	padding:		5px 5px;
	margin-left:	15px;
}

#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 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 Hightighter CSS
 *
 * CSS Rules for the Syntax Highlighting Plugin
 *
 * @section plugin syntax highlighting
 */


#identifier .dean_ch {
	margin: 5px 30px;
	width: 420px;
	overflow: auto;
}
#identifier .dean_ch li {
	padding: 0;
}


/**
 * @commentedout old plugin css code left here as temporary backup
 
.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
 *
 * blockquote addition 2007-01-08 20:12 TK 
 *
 * @section blockquote
 * @todo    move into the section for posts
 */
blockquote
{
	padding-left: 40px;
	background: url(images/quote.gif) 20px 0 no-repeat;
}

/**
 * Sidebar Widgets
 *
 * Sidebar and Widgets Stylerules. Rechte und Linke Spalte sind
 * nicht konsistent.
 *
 * 2007-02-19 16:27 TK
 *
 * @section sidebar widgets
 * @ref     #sidebar  = linke sidebar
 * @ref     #sidebar2 = rechte sidebar
 * @todo    create sidebar class to simplify #links and #rechts
 * @see     section(layout);
 */
#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;}


/** 
 * Rechte Spalte
 *
 * @section rechte spalte (temp)
 * @todo    move to layout and place next to linke spalte.
 */

* html #rechts #werwirsind{
	height: 		179px;
}


#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;
}
/**
 * IE fix. Der IE kennt min-height nicht, interpretiert height aber 
 * wie min-height.
 *
 * @hack    min-height Wer wir sind
 * @hackfor IE
 */