/*
Theme Name: teamzone.ch
Theme URI: http://www.teamzone.ch
Description: Design fuer teamzone.ch-Websites 
Author: Stefan Jaeger, Fabio Cortesi
Author URI: http://www.teamzone.ch
Version: 1.0-SNAPSHOT
*/

		body, html {
			margin: 0px 0px 0px 0px;
			font-family: Verdana,Sans-Serif;
			background-color: #ECE8E1;
		}
		
		#top-menu 
		{
			background-color: #292929;
			font-family: Palatino, Georgia, Baskerville, serif;
			text-align:center;
			font-size: 20px;
			padding: 10px;
			font-size: 18px;
			color: #FFFFFF;
		}
		#top-title 
		{
			background-color: #383838;
			font-family: Palatino, Georgia, Baskerville, serif;
			font-size: 20px;
			padding: 20px;
			font-size: 40px;
			text-align:center;
			color: #FFFFFF;
			font-weight: 600;
		}
		#top-menu  a:link, #top-menu  a:visited, #top-menu  a:active, #top-menu  a:focus, #top-menu a:hover 
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		#top-title  a:link, #top-title  a:visited, #top-title  a:active, #top-title  a:focus, #top-title a:hover 
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#wrapper 
		{
			margin: 0 auto; 
			width: 1140px;
		}
		#designimage
		{
			float: left; 
			width: 235px; 
			padding: 100px 5px 0px 0px;
		}
		#content 
		{
			background-color: #FFFFFF;		
			float: left; 
			width: 575px; 
			padding: 20px 30px 0px 30px; 
			border-style: dotted;
			border-color: #AAAAAA; 
			border-width: 1px; 
			border-top-width: 0px;
		}
		.main {
			margin-top: 20px;
			font-size: 13px;
		}
		.main a:link, .main a:visited, .main a:active, .main a:focus {
			color: #CC3333;
			text-decoration: none;
		}
		.main a:hover {
			color: #CC3333;
			text-decoration: underline;
		}
		.main img {
			margin: 10px 0px 15px 0px;
		}
		#sidebar 
		{
			float: left; 
			padding: 20px 0px 0px 15px; 
			width: 160px;
		}
		#footer
		{
			margin: 5px auto; 
			width: 140px; 
		}
		#footer a:link, #footer a:visited, #footer a:active, #footer a:focus, #footer a:hover 
		{
			font-size: 11px;
			color: #000000;
			text-decoration: none;
		}
		
		.horizontalline
		{
			margin-top: 18px; 
			font-size: 0px; 
			border-top: 1px solid #010101;
		}
		.postinfo-left 
		{
			float:left;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			font-size: 9px;
		}
		.postinfo-right 
		{
			float:right;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			font-size: 9px;
		}
		.postfooter-left
		{
			float:left;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			font-size: 11px;
		}
		.postfooter-right
		{
			float:right;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			font-size: 11px;
		}
		.posttitle a:link, .posttitle a:visited, .posttitle a:active, .posttitle a:focus, .posttitle a:hover 
		{
			font-weight: normal;
			font-size: 13px;
			color: #000000;
			text-decoration: none;
			font-weight: bold;
		}
		
		ol.commentlist {
			margin: 0px 0px 0px 40px;
		}
		.commentlist li {
			margin: 20px 0px 0px 0px;
		}
		
		.comment-meta {
			padding: 0px 0px 0px 0px;
			margin: 10px 0px 0px 0px;
			font-size: 11px;
		}
		
		.commenttitle {
			font-weight: normal;
			font-size: 13px;
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			margin: 30px 0px 5px 5px;
		}
		#commentform {
			margin: 0px 0px 0px 5px;
		}
		
		#submit {
			font-size: 11px;
		}
		
		.sidebartitle a:link, .sidebartitle a:visited, .sidebartitle a:active, .sidebartitle a:focus, .sidebartitle a:hover 
		{
			font-size: 11px;
			font-weight: bold;
			color: #010101;
			margin-top: 12px;
			display: block;
			text-decoration: none;
		}
		.widget ul {
			padding: 0px;
			margin: 0px;
		}
		.widget li {
			list-style-type: none;
			font-size: 11px;
			color: #010101;
			padding: 0px;
			margin: 2px 0px 0px 10px;
		}
		.widget a:link, a:visited, a:active, a:focus {
			color: #010101;
			text-decoration: none;
		}
		.widget a:hover {
			color: #CC3333;
			text-decoration: none;
		}
		.widgettitle {
			font-size: 11px;
			font-weight: bold;
			color: #010101;
			margin-top: 12px;
			display: block;
			text-decoration: none;
			border-bottom: 1px solid #010101;
		}
		
		/* content */
		
		p {
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			font-size: 13px;
		}
		
		
		
/* Using 'class="alignright"' on an image will (who would've
 thought?!) align the image to the right. And using 'class="centered',
 will of course center the image. This is much better than using
 align="center", being much more futureproof (and valid) */

img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }

img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }

img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
 }

.alignright {
 float: right;
 }

.alignleft {
 float: left
 }
/* End Images */