/*  
Theme Name: Ujamaa
Theme URI: 
Description: A magazine-style layout for Wordpress based on the BrandfordMagazin and Mimbo themes, it uses a "son of suckerfish" menu (http://htmldog.com/articles/suckerfish/dropdowns/)
Version: 1.0
Author: Elias
Author URI: 

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

/* --------------------------------------------------- */
/* Frontpage Styles                                    */
/* --------------------------------------------------- */

/* General */


/* Hyperlinks */

#lead a, #leftcol a, #rightcol a {
 text-decoration: none;
}

	
/* Headers */

.title { /* alle Ueberschriften auf der Frontseite */
 font-weight:bold;
 line-height:115%;
 }

#lead h3, #leftcol h3, #rightcol h3 { /* Kategorientitel */
 font-size: 0.9em;
 margin-top:0px;
}

#lead .title {
 font: 1.6em Georgia, "Times New Roman", Times, serif;
 line-height:100%;
 display:block;
 padding-bottom:7px;

 }
#leftcol .title {
 font-size: 0.9em;
 font-weight:bold;
 line-height: 1.3em;
}
#rightcol .title {
 display:block;
 font-size:1.3em;
 font-weight:normal;
 line-height: 1.2em;
 margin: 0 0 8px 0;
}


/* Structure */

/* Top Leadstory */
#lead {
 margin:22px 0 22px 0;
 }

.feature {
 padding:15px;
 margin-bottom:10px;
 border:1px solid #dadada;
 }

.feature:hover {
 background:#e9e9e9;
 }

.leadstory {
 border:1px solid #dadada;
 background:#fff url(images/box.gif) repeat-x left top;
 }

#leadpic {
 float:left;
 margin: 0 18px 20px 0;
 border:1px solid #dadada;
 padding:0;
 }


/* right column (with feature stories) */
#leftcol {
 width:140px;
 border-left:1px solid #dadada;
 padding-left:18px;
 }

#leftcol, #rightcol {
 margin-top:0px;
 float:left
 }

#leftcol .feature {
 padding:8px;
 margin-bottom:10px;
 border:1px solid #dadada;
 background:#e9e9e9;
 }

#leftcol .feature:hover {
 background:#ccc;
 }
	
.feature p, #rightcol p {
 margin:0;
 }

.feature img, #rightcol img {
 padding:0;
 border:1px solid #dadada;
 }

#leftcol .feature {
 margin-bottom: 5px;
 }

#leftcol img {
 margin-bottom: 4px;
 display:block
 }


/* left column */
#rightcol {
 width:374px;
 padding:0 18px 0 0px;
 }

#rightcol img {
 float:left;
 margin:3px 10px 4px 0;
 }
	
#rightcol .clearfloat {
 border-bottom:1px solid #dadada;
 padding:0 0 10px 0;
 margin: 0 0 16px 0;
 }