body {
	background-color:#CCC;
	background-image:url(img/tapet.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	font-family:Georgia, serif;
	font-size:13px;
	line-height:19px;
	color:#333;
}

	#gridpreview {
		background-image:url(img/gridbg.png);
		background-repeat:repeat-y;
		position:absolute;
		width:1000px;
		height:2000px;
		z-index:2;
		top:0;
	}
	
	#network {
		width:100%;
		position:absolute;
		top:-250px;
		left:0;
		z-index:1;
	}
	
		#network_wrapper {
			margin:0 0 0 120px;
			padding:0 0 0 10px;
			background-color:#333;
			border-top:10px solid #333;
			border-bottom:1px solid #EEE;
		}
	
		#network_title {
			margin:0;
			clear:both;
			font-weight:normal;
			text-transform:uppercase;
			letter-spacing:1px;
			font-size:11px;
			line-height:20px;
			padding-top:10px;
			color:#CCC;
		}
		
			#network_title span {
				color:#CCC;
				opacity:.5;
				margin-right:10px;
			}
			
			#network_wrapper .column_1 {
				float:left;
				width:220px;
			}
			
			#network_wrapper .column_2 {
				float:left;
				width:230px;
				margin-left:10px;
			}
			
			#network_wrapper .column_3 {
				float:left;
				width:350px;
				margin-left:10px;
			}
		
		#network_wrapper a:link,
		#network_wrapper a:visited {
			color:#EEE;
			text-decoration:none;
			letter-spacing:1px;
			font-size:11px;
			text-transform:uppercase;
		}

		#network_wrapper a:hover {
			color:#CCC;
		}
			
		#network_wrapper h3 {
			margin:0;
			font-weight:normal;
			text-transform:uppercase;
			letter-spacing:1px;
			font-size:11px;
			color:#CCC;
		}
		
		#network_wrapper ul {
			padding:0;
			display:block;
			margin:0 0 20px 0;
			list-style:none;
		}
				
			#network_wrapper ul li {
				margin:0;
				padding:0;
			}
	
		#network_wrapper #flickr img {
			width:35px;
			margin:0;
			display:inline;
			border:0;
		}
	
	#wrapper {
		margin:0 0 70px 130px;
		width:830px;
	}
	
		#top_box {
			margin:40px 0 0 0;
			width:810px;
			background-color:#333;
			padding:10px;
			background-image:url('http://groups-beta.google.com/groups/roundedcorners?c=333&bc=CCC&w=10&h=10&a=tr');
			background-repeat:no-repeat;
			background-position:top right;
		}
		
			#top_box a:link,
			#top_box a:visited {
				color:#EEE;
				text-decoration:none;
				letter-spacing:1px;
				font-size:11px;
				text-transform:uppercase;
			}

			#top_box a:hover {
				color:#CCC;
			}
		
			#top_box h3 {
				margin:0;
				font-weight:normal;
				text-transform:uppercase;
				letter-spacing:1px;
				font-size:11px;
				color:#CCC;
			}
			
			#top_box ul {
				padding:0;
				margin:0;
				list-style:none;
			}
			
				#top_box ul li {
					margin:0;
					padding:0;
				}
			
			#top_box .column_1 {
				float:left;
				width:210px;
			}
			
			#top_box .column_2 {
				float:left;
				width:230px;
				padding-left:9px;
				border-left:1px solid #EEE;
			}
			
			#top_box .column_3 {
				float:left;
				width:350px;
				margin-left:10px;
				color:#EEE;
			}
			
				#top_box .column_3 h2 {
					text-transform:uppercase;
					letter-spacing:1px;
					font-weight:normal;
					margin:0 0 10px 0;
				}
			
				#top_box .column_3 p {
					margin:0;
				}
				
				#top_box .column_3 input.search {
					width:170px;
				}
				
				#top_box .column_3 input.button {
					width:50px;
					margin-left:10px;
				}
				
				#top_box .column_3 .annonce {
					width:350px;
					background-color:#EEE;
					color:#CCC;
					font-weight:bold;
					line-height:10px;
					font-size:14px;
					text-align:center;
					padding:25px 0;
					letter-spacing:5px;
					margin-bottom:10px;
				}
				
				#top_box .column_3 .annonce_img img {
					margin-bottom:15px;
					border:0;
				}
		
		#header_image {
			height:200px;
			background-repeat:no-repeat;
			background-position:center center;
			border-bottom:7px solid #333;
		}
		
			#header_image h1 {
				display:none;
			}
		
		#sub_menu {
			margin-left:230px;
			text-transform:uppercase;
			background-color:#333;
			font-size:11px;
			line-height:10px;
			letter-spacing:1px;
			background-image:url('http://groups-beta.google.com/groups/roundedcorners?c=333&bc=CCC&w=10&h=10&a=br');
			background-repeat:no-repeat;
			background-position:bottom right;
			color:#CCC;
		}
		
			#sub_menu a:link,
			#sub_menu a:visited {
				color:#CCC;
				text-decoration:none;
			}
		
			#sub_menu a:hover {
				color:#EEE;
			}
		
			#sub_menu ul {
				list-style:none;
				margin:0;
				padding:0 7px 7px 7px;
			}
			
				#sub_menu ul li {
					display:inline;
					margin-right:10px;
				}
		
		#content {
			width:710px;
			margin-top:60px;
		}
		
			#content h2.pagetitle {
				margin:0 0 0 230px;
				font-size:11px;
				padding:0;
				font-weight:normal;
				text-transform:uppercase;
				letter-spacing:1px;
				border:0;
				color:#333;
			}
			
			#content .navigation {
				width:480px;
				margin:0 0 0 230px;
				text-transform:uppercase;
				letter-spacing:1px;
				font-size:11px;
			}
			
				#content .navigation .alignleft {
					width:200px;
					float:left;
				}
				
				#content .navigation .alignright {
					width:200px;
					float:right;
					text-align:right;
				}
				
				#content .navigation a:link,
				#content .navigation a:visited {
					text-decoration:none;
					color:#333;
				}

				#content .navigation a:hover {
					text-decoration:underline;
				}
		
			#content .post {
				margin-bottom:40px;
			}
			
				#content .post .post_meta {
					width:220px;
					float:left;
					color:#333;
					text-transform:uppercase;
					font-size:11px;
					letter-spacing:1px;
				}
				
					#content .post .post_meta p {
						font-size:16px;
						margin:0;
						text-align:right;
					}
				
					#content .post .post_meta a:link,
					#content .post .post_meta a:visited {
						color:#333;
						text-decoration:none;
					}

					#content .post .post_meta a:hover {
						color:#333;
						text-decoration:underline;
					}
				
					#content .post .post_meta ul {
						margin:16px 0 0 0;
						display:block;
						padding:0;
						list-style:none;
						border-top:3px double #333;
					}
					
						#content .post .post_meta ul li {
							margin:0;
							padding:5px;
							border-bottom:1px solid #333;
						}
					
					#content .post .post_meta .page_extra {
						margin:10px 0 0 0;
					}
						
						#content .post .post_meta .page_extra p {
							margin:0 0 0 40px;
							font-family:'Lucida Grande','Lucida Sans','Trebuchet MS',Verdana,Arial,sans-serif;
							font-size:11px;
							text-transform:none;
							letter-spacing:0;
							text-align:right;
						}
										
				#content .post .post_content {
					width:480px;
					float:left;
					margin:0 0 0 10px;
				}
				
					#content .post .post_content h2.post_title {
						margin:0 0 10px 0;
						font-size:16px;
						padding:0;
						font-weight:normal;
						text-transform:uppercase;
						letter-spacing:2px;
						border:0;
					}
					
						#content .post .post_content h2.post_title a:link,
						#content .post .post_content h2.post_title a:visited {
							color:#333;
							text-decoration:none;
						}
						
						#content .post .post_content h2.post_title a:hover {
							color:#333;
							border-bottom:1px solid #333;
						}
					
					#content .post .post_content p {
						margin:0 0 19px 0;
					}
					
						#content .post .post_content p.top {
							font-family:'Lucida Grande','Lucida Sans','Trebuchet MS',Verdana,Arial,sans-serif;
							font-size:11px;
							letter-spacing:0;
							margin-top:-10px;
							text-transform:uppercase;
						}
						
							#content .post .post_content p.top a:link,
							#content .post .post_content p.top a:visited {
								color:#333;
								text-decoration:none;
							}

							#content .post .post_content p.top a:hover {
								color:#EEE;
							}
					
					#content .post .post_content h2 {
						margin:30px 0 10px 0;
						padding:5px 5px 5px 0;
						font-size:14px;
						font-weight:normal;
						text-transform:uppercase;
						letter-spacing:2px;
						border-bottom:3px double #333;
					}
					
					#content .post .post_content h3 {
						margin:0 0 0 0;
						font-size:13px;
						font-weight:normal;
						letter-spacing:1px;
						text-transform:uppercase;
					}
					
#comment_box {
	width:810px;
	background-color:#333;
	background-image:url('http://groups-beta.google.com/groups/roundedcorners?c=333&bc=CCC&w=10&h=10&a=br');
	background-repeat:no-repeat;
	background-position:bottom right;
}
	
	#comment_box a:link,
	#comment_box a:visited {
		color:#EEE;
		text-decoration:none;
	}

	#comment_box a:hover {
		color:#CCC;
	}

	#comment_top_gray {
		float:left;
		width:230px;
		background-color:#CCC;
	}

	#comment_box h3#comments {
		padding:4px 0 0 0;
		margin:0 0 20px 0;
		font-weight:normal;
		width:570px;
		background-image:url('http://groups-beta.google.com/groups/roundedcorners?c=333&bc=CCC&w=10&h=10&a=tr');
		background-repeat:no-repeat;
		background-position:top right;
		float:right;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:14px;
		color:#CCC;
	}
	
	#comment_box h3 {
		margin:0 0 10px 0;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:14px;
		color:#CCC;
	}
	
	#comment_box p {
		margin:0 0 19px 0;
	}

	#comment_box ol.commentlist {
		clear:both;
		list-style:none;
		margin:0;
		padding:0;
	}
	
		#comment_box ol.commentlist li {
			margin-bottom:40px;
			padding-left:10px;
		}
		
			#comment_box ol.commentlist li .comment_meta {
				width:220px;
				float:left;
				color:#EEE;
				text-transform:uppercase;
				font-size:11px;
				letter-spacing:1px;
			}
			
				##comment_box ol.commentlist li .comment_meta p {
					font-size:16px;
					margin:0;
					text-align:right;
				}
						
				#comment_box ol.commentlist li .comment_meta ul {
					margin:5px 0 0 0;
					display:block;
					padding:0;
					list-style:none;
					border-top:3px double #CCC;
				}
				
					#comment_box ol.commentlist li .comment_meta ul li {
						margin:0;
						padding:5px;
						border-bottom:1px solid #CCC;
					}
													
			#comment_box ol.commentlist li .comment_content {
				width:460px;
				float:left;
				margin:0 0 0 10px;
			}
							
				#comment_box ol.commentlist li .comment_content p {
					margin:0 0 19px 0;
					color:#CCC;
				}
				
		#commentform_div {
			width:470px;
			clear:both;
			margin-left:240px;
			color:#CCC;
		}
		
		#commentform_div textarea {
			width:470px;
		}			
					
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */