/*  
Theme Name: Magatinze
Theme URI: http://www.desala.de
Description: First green Magazin-Design
Version: 1.00 25.06.2008
Author: desala.de
Author URI: desala.de

/******************************************
*   HTML Elements                         
******************************************/

* {margin:0;padding:0;}
body,html {min-height:101%;}
body {background: #fff;color: #333;padding: 13px 0 25px 0;}
body, select, input, textarea {font: .84em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em;}
p {margin: 15px 0;}
a:link, a:visited {color: #5D9732;text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#5D9732;text-decoration:underline;}
hr {display: block;height:1px;background:#BBB;border:0;}
small {font-size: 0.7em;padding:3px 6px;}

/****** Images ****************************/

img, a:link img, a:visited img{border:1px solid #999; padding:1px;}
img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }
img align left{ float:left; margin:0 12px 5px 0; }
	
		
/******************************************
*   General Structure                         
******************************************/

#page {width:970px;margin:0 auto;font-size:1em;background:#FFF;padding: 10px 25px 35px 25px;}
#branding {width:725px;height:100px;padding-bottom:15px;background:url(images/backgrounds/bg_branding.png) no-repeat;}

.left {float:left;}
.right {float:right;}
#sidebar {width: 250px;float:right;}

#leftcol {width:455px;padding-right:5px;}
#leftcol, #rightcol {margin-top:10px;float:left}	
#rightcol {width:230px;padding: 0 2px 0 2px;margin-top: 0px;background:#FFFFFF;}

#leftcolalone {width:800px;padding-right:5px;}
		
/******************************************
*   Sidebar                         
******************************************/

.subnav li {list-style:none;}
.subnav li a:link, .subnav li a:visited {background: #fff;display:block;padding:4px 4px 4px 20px;border-bottom: 1px solid #999;}
.subnav li a:hover, .subnav li a:active {background: #F4F4EC;text-decoration:none;}
	
#sidelist li {list-style:none;}
.bullets li {margin:0 0 5px 15px;	list-style:square;}
#sidelist .bullets li {list-style:square;margin-bottom:5px;margin-left:22px;}
#sidelist .children {background:#F4F4EC;}
#sidelist .children li {background: #F4F4EC;list-style: none;margin-left:15px;padding-left:15px;border-bottom:1px solid #fff;}
#sidelist .children li a, #sidelist .children li a:visited {padding:2px 2px 2px 0px;border:0;background:#F4F4EC;color: #5D9732;}
#sidelist .children li a:hover, #sidelist .children li a:active	{color:#5D9732;}
#sidelist .feed li{margin-bottom:5px;padding-left:20px;background:url(images/rss.gif) no-repeat;}

	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {color: #000;font-size: 1.8em;font-family: Georgia, "Times New Roman", Times, serif;font-weight: regular;padding: 20px 0px 10px 0px;}

h1 {color: #5D9732;font-size: 1.8em;font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;font-weight: bold;margin: 0px 10px 0px 0px;padding: 20px 0px 0px 10px;}
h2 {color: #5D9732;font: bold 2.2em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #E1E6E2;	margin: 20px 0;}
h3 {color: #5D9732;font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;}

#rightcol h3 {font: 0.9em Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:0.3em;margin-bottom:4px;font-weight:bold; color:#3A3A3A; background:#E8EAE5;padding:5px 0px 5px 10px;}

#sidebar h2, #sidebar h3 a {font: 0.9em Arial, Helvetica, sans-serif;letter-spacing:0.3em;text-transform:uppercase;margin-bottom:4px;font-weight:bold;color:#840000;}

#sidebar h3, #sidebar h2 {font-size:0.9em;border-top:3px double #80BA41;border-bottom:1px solid #999;padding: 3px 10px; margin: 20px 0 15px;color:#FFF; background:url(images/nav.gif) repeat-x;}

h3#respond {font-size:1.1em;border-top:1px solid #666;margin-top:25px;padding-top:20px}
h3#comments {margin-top:32px}
h3 a:link, h3 a:visited {color: #666;;}
h4 {font-size:1.2em;margin-bottom:3px;}
	
	
	
/******************************************
*   Content                        
******************************************/

#content {width:705px;float:left}
#contentalone {width:825px;float:left}
.description {font-size: 1.3em;font-weight: bold;color:#999;}

/* Featured Articles formatting "leftcol" */

.feature {background: url(images/backgrounds/bg_featured.jpg) repeat-x #E7E7E7;padding:15px;border: 1px solid #BBBBBB;}
.feature p, #rightcol p { margin:0;	}

#leftcol img, #rightcol img {padding:1px;border:1px solid #999;}
#leftcol .feature {	margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */
			
#leadpic {float:left;margin: 0 8px 8px 0;padding:1px;border: 1px solid #BBB;}

.title, a.title  {font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;font-size:1.1em;font-weight:bold;color: #5D9732;letter-spacing:normal;}
		
#lead p {margin-bottom:10px;}


#rightcol img {float:left;margin:3px 10px 4px 0;}
#leftcol img {margin-bottom: 4px;display:block}
#rightcol .clearfloat {padding:12px 0;}	
	


/* Post Formatting */

.entry {padding-bottom:28px;text-align:justify;border:1px solid #dadada;background:#fff url(images/backgrounds/box.gif) repeat-x left top;margin:0 0 10px;padding:10px;}
.entryright {padding-bottom:28px;border:1px solid #dadada;background:#fff url(images/backgrounds/box.gif) repeat-x left top;padding:5px;}

.post blockquote {color:#666;background:#F4F4EC;padding:6px 14px;margin:18px 35px;border-right:1px solid #DDD;	border-bottom:1px solid #DDD;}	
.post ul li {list-style:square;margin-bottom:5px;margin-left:42px;}
.post ol li {margin-bottom:5px;margin-left:48px;}
	
#tags {padding-bottom:28px;text-align:justify;border:1px solid #dadada;background:#fff url(images/backgrounds/box.gif) repeat-x left top;margin:0 0 10px;padding:10px;}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform { 	padding:16px 5px 0 0; 	}
#searchform { background: url(images/searchform.gif) no-repeat; padding: 8px 4px 10px 4px; height: 27px; font: bold 0.9em Arial, Sans-Serif; margin: 0 0 20px; }
#searchform p { padding: 0; margin: 0; }
input.search { width: 127px; border: none; background: url(images/input.gif) no-repeat; padding: 7px; margin: 0 4px 0 5px; }
input.submit { width: 53px; height: 29px; border: none; background: #FFF url(images/submit.gif) no-repeat; font: bold 1.2em Arial, Sans-Serif; padding: 0px; color: #FFF; }

.button {padding: 1px;background:#5D9732;color:#fff;border:none; font-weight:bold;}
.button:hover {background:#425263;color:#FFF;text-decoration:none}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}

/* Float Properties*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block;}	
.clearfloat {display:block;}
	
	
/******************************************
*   Footer                        
******************************************/

#footer {margin: 0 auto;width: 900px;font-size:0.9em;text-align:center;padding-top:15px;color:#333;}
#footer a {color:#5D9732;}