body {
	
	display: block;
	position: relative;
	
	margin: 0px;
	padding: 0px;
	
	font-size: 1em;
	font-family: "Trebuchet MS", "Helvetica", sans-serif;
	
	background-color: #eee;
	
}

	#container {
		
		display: block;
		position: relative;
		
		width: 100%;
		
		margin: 0px;
		padding: 0px;
		
	}
	
		#head-canvas {
			
			display: block;
			position: relative;			
			
			height: 140px;
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			
			background: url("header.png") 0px -55px repeat-x;
			
		}
			
			#head {
				
				display: block;
				position: relative;

				margin: 0 auto;
				padding: 0 10px;

				width: 900px;
				height: 140px;
				
			} 
							
				#logo {

					display: block;
					position: absolute;
					left: 0px;
					bottom: 25px;

					width: 250px;
					height: 45px;

					/* background: url(veganguide.png) top left no-repeat; */

				}
				
					#logo img {
						
						border-width: 0;
						text-decoration: none;
						
					}
					
				#lang {
					
					display: block;
					position: absolute;
					right: 0px;
					top: 10px;					
					
				}
				
					#lang a.lang {
					
						text-decoration: none;
						color: #eee;
						background-color: #111;
						font-size: .85em;
						padding: 2px 6px;
						-moz-border-radius: 6px;
						-webkit-border-radius: 6px;
					
					}
					
						#lang a.lang:hover {
							
							color: #fff;
							background-color: #000;
							
						}
		
					#lang a.selected_lang {
					
						text-decoration: none;
						color: #111;
						background-color: #3a0;
						font-size: .85em;
						padding: 2px 6px;
						-moz-border-radius: 6px;
						-webkit-border-radius: 6px;
					
					}
					
				#user {
					
					display: block;
					position: absolute;
					left: 0px;
					top: 10px;					
					
				}
				
					#user p {
						
						margin: 0;
						padding: 2px 6px;
						background-color: #111;
						-moz-border-radius: 6px;
						-webkit-border-radius: 6px;
						color: #eee;
						font-size: .85em;
						
					}
					
						#user p a {
							
							color: #3a0;
							
						}
						
			#areas-canvas {
				
				display: block;
				position: relative;			

				width: 100%;
				height: 40px;

				margin: 0px;
				padding: 0px;

				background: url(head.png) 0px 0px repeat-x;
				
			}
				
				#areas {
					
					display: block;
					position: relative;

					margin: 0 auto;
					padding: 0 10px;

					width: 900px;
					height: 40px;
					
				}
				
					#areas a {
					
						display: block;
						position: relative;
						float: left;
						height: 21px;
						margin: 0px 0px;
						padding: 8px 10px 11px;
						color: #fff;
						text-decoration: none;
						font-size: 1.2em;
						
					}
					
						#areas a.active {

							background: #390; /* url(head-alter.png) 0px 0px repeat-x; */

						}

						#areas a:hover {

							background: url(head-alter.png) 0px 0px repeat-x;

						}
						
					
						#areas a img {
							
							border-width: 0;
							
						}
						
		#menu-canvas {
			
			display: block;
			position: relative;			

			width: 100%;

			margin: 0px;
			padding: 0px;

			background-color: #390;
			
		}

			#menu {
				
				display: block;
				position: relative;

				margin: 0px auto;
				padding: 0px 10px;

				width: 900px;
				
			}

				#navigation {
								
					display: block;
					position: relative;
								
					margin: 0px;
					padding: 3px 20px;
				
				}
			
					#navigation li {
					
						display: inline;
						position: relative;
					
						list-style-type: none;
					
					}
				
						#navigation li a {
						
							text-decoration: none;
							color: #fff;
						
							font-size: 1em;
							letter-spacing: .05em;
						
							margin: 0px;
							padding: 3px 5px;
													
						}
					
							#navigation li a img {
						
								position: relative;
								top: 4px;
								margin-left: 3px;
							
							}

							#navigation li a:hover {
						
								background-color: #3ab606;
						
							}
				
							#navigation li a.active {
						
								background-color: #000;
						
							}

		#main-canvas {
			
			display: block;
			position: relative;			

			width: 100%;
			min-height: 200px;

			margin: 0px;
			padding: 0px;

			background: #eee url(gradient.png) 0px -8px repeat-x;
			
		}
		
			#main {
				
				display: block;
				position: relative;

				margin: 0 auto;
				padding: 0 10px;

				width: 900px;
				min-height: 450px;
				
			}
			
				#content {
					
					display: block;
					position: relative;

					float: left;

					margin: 0;
					padding: 20px 0 20px;

					width: 600px;
					
				}

					#content h2 {
					
						font-size: 2em;
						color: #3a0;
						margin: 0px;
						padding: 4px 0px 1px;
					
					}
					
					#content h3 {

						color: #3c0;
						font-size: 1.6em;
						margin: 0px;
						padding: 4px 0px 1px;

					}

						#content h3 a {

							color: inherit;
							text-decoration: none;

						}

						#content h3 span.closed {

							background-color: #c00;
							color: #fcc;
							margin: 0px 5px 0px 0px;
							padding: 7px 7px 4px;
							-moz-border-radius: 5px; 
							-webkit-border-radius: 5px;
							text-transform: uppercase;

						}
						
					/**/
					
					#content h4 {

						color: #3c0;
						font-size: 1.3em;
						margin: 0px;
						padding: 4px 0px 1px;

					}

						#content h4 a {

							color: inherit;
							text-decoration: none;

						}

						#content h4 span.small {

							color: #333;
							font-size: .7em;

						}
								
					/* common */
					
					#content .item {
						
						display: block;
						position: relative;
						background-color: #fff;
						
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						
						margin: 20px 0px;
						padding: 10px 20px;
						
						min-height: 80px;
						overflow: hidden;
						
					}
					
						#content .item .abslink {
							
							display: block;
							position: absolute;
							right: 10px;
							top: 10px;
							
						}
					
							#content .item .abslink a {
								
								background-color: #3c0;
								color: #fff;
								font-size: .9em;
								text-decoration: none;
								-moz-border-radius: 6px;
								-webkit-border-radius: 6px;
								padding: 3px;
								
							}
					
					
						#content .item img.avatar {
							
							float: right;
							margin: 10px 0px 10px 10px;
							
						}
						
					#content .smallitem {
						
						display: block;
						position: relative;
						background-color: #fff;
						
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						
						margin: 20px 0px;
						padding: 10px 20px;
												
					}
					
					#content .error {
						
						background-color: #f99;
						
					}
					
					#content p {

						font-size: .95em;
						color: #111;
						margin: 10px 0px;
						line-height: 1.5em;

					}

						#content p span.bottomline {

							display: block;
							font-size: .8em;
							color: #666;
							padding: 1px 0px;
							text-align: center;
							border-top: 1px dotted #999;
							border-bottom: 1px dotted #999;
							margin: 10px 0px 30px;

						}

						#content p.small {

							font-size: .8em;
							color: #333;
							padding: 5px 0px;

						}

						#content p.right {

							text-align: right;

						}

						#content p.prolog {

							font-size: .8em;
							color: #666;
							background-color: #eee;
							padding: 10px;

						}

							#content p.prolog strong {

								display: inline;
								position: relative;
								color: #333;
								font-size: 1.2em;

							}

						#content p.closed {

							font-size: 1em;
							color: #fff;
							background-color: #900;
							padding: 10px;
							line-height: 1.6em;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;

						}

							#content p.closed strong {

								display: block;
								position: relative;
								font-size: 1.6em;
								line-height: 1.6em;

							}

						#content p.error {

							border: 1px solid #f00;
							background-color: #fcc;
							color: #f00;
							text-align: center;
							padding: 5px;

						}

						#content p.ok {

							border: 1px solid #060;
							background-color: #cfc;
							color: #060;
							text-align: center;
							padding: 5px;

						}

						#content p.icons {

							display: block;
							position: absolute;
							top: 20px;
							right: 0px;
							margin: 0px;
							padding: 5px;

						}

						#content .comment {

							display: block;
							position: relative;
							border: 1px solid #eee;
							background-color: #f6f6f6;
							padding: 5px;
							margin-bottom: 10px;
							min-height: 60px;
							margin-left: 20px;

						}

							#content .comment img {

								float: right;

							} 

							#content .comment .fixure {

								display: block;
								position: relative;
								margin-right: 60px;

							}

					#content blockquote {
						
						margin: 10px 20px 10px 15px;
						color: #555;
						
						
					}

					#content a {

						color: #593;

					}

						#content a.strong {

							font-size: 1.3em;

						}

						#content a.small {

							font-size: .8em;

						}

					#content ul {

						padding-left: 20px;

					}

					#content li {

						list-style-type: square;
						font-size: .95em;
						color: #111;
						line-height: 1.6em;

					}

						#content li.feed {

							list-style-image: url(icons/feed.png);

						}

							#content li.feed a {

								display: block;
								position: relative;
								top: -21px;

							}

						#content li.feed:before {

							content: "";

						}

					#content form {

						display: block;
						margin: 0px;
						padding: 0px;

					}

						#content form textarea {

							width: 97.5%;
							border: 1px solid #666;
							padding: 5px;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							font-family: "Trebuchet MS", sans-serif;
							

						}

						#content form input {

							border: 1px solid #ccc;
							border-left-color: #aaa;
							border-top-color: #aaa;
							margin-bottom: 2px;
							padding: 5px;

						}

							#content form input[type=submit] {

								border-width: 0px;
								font-size: 1.1em;
								background-color: #3c0;
								font-weight: bold;
								color: #fff;
								margin: 5px 0px;
								padding: 5px;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px;


							}

								#content form input[type=submit]:hover {

									background-color: #3a0;

								}

						#content form select {

							border: 1px solid #ccc;
							border-left-color: #aaa;
							border-top-color: #aaa;
							margin-bottom: 2px;
							padding: 4px;
							max-width: 140px;

						}

						/* #content form p {

							border: 1px solid #ddd;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							padding: 15px;

						}*/

							#content form p span.label {

								display: block;
								color: #555;
								font-size: .8em;
								margin-bottom: 6px;

							}

					#content .tags {

						display: block;
						position: relative;
						text-align: center;
						line-height: 1em;
						padding: 10px;
						margin: 0px 0px 10px;
						background-color: #eee;

					}

						#content .tags a {

							line-height: 1em;
							margin: 15px 0px;
							padding: 0px 5px;
							text-decoration: none;
							font-weight: bold;
							color: #777 !important;

						}

							#content .tags a:hover {

								color: #593 !important;

							}

							#content .tags a.active {

								background-color: #fff !important;

							}
					
					/* place image */
					
					img.frame {

						display: block;
						position: relative;

						margin: 10px 0px 10px 0px;
						padding: 10px;
						background-color: #eee;
						border: 1px solid #ccc;

						float: right;

					}
					
					
					/* main page tag list */
					
					#content .taglist {
						
						display: block;
						position: relative;
						background-color: #fff;
						padding: 20px 10px;
						
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						
					}
					
						#content .taglist p {
							
							margin: 0px;
							padding: 0px;
							text-align: center;
							font-size: .8em;
							
						}
						
							#content .taglist p a {
								
								color: #111;
								font-weight: bold;
								text-decoration: none;
								padding: .1em .3em;
								line-height: 1.5em;
								background-color: #fff;
								-moz-border-radius: .5em;
								-webkit-border-radius: 10px;
								
							}
							
								#content .taglist p a:hover {
									
									z-index: 100;
									background-color: #111;
									color: #3a0;
									
								}

				#meta {
					
					display: block;
					position: relative;

					float: left;

					margin: 0;
					padding: 10px 0px 0px 20px;

					width: 280px;
					
				}
				
					#meta .item {
						
						display: block;
						position: relative;
						
						background: #222;

						margin: 10px 0px 10px;
						padding: 0px;

						overflow: hidden;
						
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						-moz-border-radius-topleft: 15px;
						-webkit-border-top-left-radius: 15px;
						-moz-border-radius-topright: 15px;
						-webkit-border-top-right-radius: 15px;
						
												
					}
					
						#meta .item h3 {
							
							color: #fff;
							font-weight: normal;
							text-align: left;
							margin: 0px;
							padding: 0px 10px;
							letter-spacing: .05em;
							font-size: 1.1em;
							line-height: 1.6em;
							background: #333;
							overflow: hidden;
							-moz-border-radius-topleft: 10px;
							-webkit-border-top-left-radius: 10px;
							-moz-border-radius-topright: 10px;
							-webkit-border-top-right-radius: 10px;
							
						}
						
						#meta .item p {
							
							margin: 10px 10px 3px;
							font-size: .8em;
							color: #eee;
							padding-bottom: 5px;
							
						}
						
							#meta .item p.center {
								
								text-align: center;
								
							}
						
							#meta .item p #articlecountnumber {

								display: block;
								position: relative;
								font-size: 4em;
								text-align: center;

							}

							#meta .item p #articlecountlabel {

								display: block;
								position: relative;
								font-size: 1.5em;
								text-align: center;

							}
						
							#meta .item p.full img {
							
								border: 1px solid #fff;
							
							}
							
							#meta .item p a {

								color: #390;

							}												
						
							#meta .item p a:hover {

								color: #3c0;

							}												
						
							#meta .item p a.tag {

								font-size: 1.2em;
								line-height: 1.8em;
								margin: 4px;

							}
								
							#meta .item p img.center {
								
								display: block;
								margin: 0 auto;
								
							}
							
							#meta .item img.lastfm,
							#meta .item img.avatar {

								display: block;
								margin: 0 auto;
								margin-top: 10px;
								margin-bottom: 10px;
								border: 1px solid #eee;

							}
													
						#meta .item ul {

							margin: 0px;
							padding: 5px;

						}

							#meta .item ul h4 {

								display: block;
								margin-top: 10px;
								color: #666;
								margin: 0px;
								padding: 0px;
								line-height: 1.8em;
								text-align: right;
								font-size: .7em;

							}

							#meta .item ul li {

								list-style-type: none;
								font-size: .9em;
								color: #999;
								line-height: 1.6em;

							}
							
								#meta .item ul li:hover {
									
									background-color: #252525;
									
								}

							#meta .item ul li.user {

								list-style-image: url(icons/user_orange.png);
								padding-left: 4px;
								margin-left: 30px;
								list-style-position: outside;
								border-bottom: 1px dotted #444;
								padding-top: 4px;

							}

								#meta .item ul li.user a {

									padding: 10px 0px;
									position: relative;
									top: -3px;

								}

							#meta .item ul li.place {

								list-style-image: url(icons/house.png);
								padding-left: 4px;
								margin-left: 30px;
								list-style-position: outside;
								border-bottom: 1px dotted #444;
								padding-top: 4px;

							}

								#meta .item ul li.place a {

									padding: 0px;
									position: relative;
									top: -3px;

								}

								#meta .item ul li.comment {

									list-style-image: url(icons/comment.png);
									padding-left: 4px;
									margin-left: 30px;
									list-style-position: outside;
									border-bottom: 1px dotted #444;
									padding-top: 4px;

								}

									#meta .item ul li.comment a {

										padding: 0px;
										position: relative;
										top: -3px;

									}	

								#meta .item ul li.etc {

									/* list-style-image: url(icons/star.png); */
									padding-left: 4px;
									margin-left: 30px;
									list-style-position: outside;
									border-bottom: 1px dotted #444;
									padding-top: 4px;

								}

									#meta .item ul li.etc a {

										padding: 0px;
										position: relative;
										top: -3px;

									}	

							#meta .item ul li a {

								color: #390;
								padding: 4px 0px;
								font-size: 1.1em;

							}

								#meta .item ul li a:hover {

									color: #3c0;

								}
						
						/* map */
						
						#meta .item .map {
							
							margin: 10px;
							height: 250px;
							overflow: hidden;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;	
							
						}
						
						/* rating */
						
						#meta .item h4 {

							color: #360;
							font-weight: normal;
							text-align: left;
							margin: 0px;
							padding: 0px 10px;
							letter-spacing: .05em;
							font-size: 1.1em;
							line-height: 1.6em;
							overflow: hidden;


						}
						
						#meta .item input[type=submit] {

							background-color: #444;
							border: 1px solid #111;
							padding: 0px 2px;

						}

							#meta .item input[type=submit]:hover {

								background-color: #333;
								border: 1px solid #eee;

							}
							
					/* frameless */
					
					#meta .frameless {
						
						margin: 0px !important;
						padding: 0px !important;
						border-radius: 10px !important;
						background: none !important;
						
					}

						#meta .frameless h3 {
						
							margin: 0px;
							padding: 0px;
							border-radius: 10px;
							background: none;
							font-size: 0.8em;
							color: #333;
						
						}

						#meta .frameless p {
						
							margin: 0px;
							padding: 0px;
							border-radius: 10px;
							background: none;
						
						}

						
					/* special */
					
					#meta .special a {

						display: block;
						/* color: #5c0 !important; */
						text-decoration: none;
						font-size: 1.1em !important;
						font-weight: bold;
						padding: 5px !important;
						margin: 3px 10px;
						border: 1px solid #333;
						background-color: #222;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;	

					} 

						#meta .special a:hover {

							background-color: #111;

						}
				
		#foot-canvas {
			
			display: block;
			position: relative;	

			clear: both;		

			width: 100%;

			margin: 0px;
			padding: 0px;

			background-color: #111;
						
		}
			
			#foot {
				
				display: block;
				position: relative;

				margin: 0 auto;
				padding: 15px 10px;

				width: 900px;				
				
			}
			
				#foot p {
					
					margin: 0px;
					padding: 0px;
					color: #eee;
					font-size: .75em;
					text-align: center;
					
				}
				
					#foot p a {
						
						color: #3a0;
						
					}
					
/* common hacks */

a img {

	border-width: 0px;

}

span.invisible {

	display: none;
	visibility: hidden;

}

/* article counter */

span#articlecountnumber {

	display: block;
	position: relative;
	font-size: 4em;
	text-align: center;

}

span#articlecountlabel {

	display: block;
	position: relative;
	font-size: 1.5em;
	text-align: center;

}

/* googlemaps hacks */

.infowindow {

	display: block;
	background-color: #fff !important;

}

	.infowindow h3 {

		margin: 3px 0px;
		font-family: "Helvetica";
		color: #5c3;
		margin: 0px;
		padding: 4px 0px 1px;
		background-color: #fff !important;

	}

		.infowindow h3 a {

			text-decoration: none;
			color: #5c3;
			background-color: #fff !important;

		}

	.infowindow p {

		margin: 0px;
		font-size: .9em;
		color: #333;

	}

/* debug */

span.mark {

	color: #f00;
	/* text-decoration: blink; */

}

/* translation table */

table.simple {

	width: 100%;
	background-color: #fff;
	margin: 10px 0px;
	border-collapse: collapse;

}

	table.simple td {

		padding: 5px 3px;
		border-collapse: collapse;
		margin: 0px;
		overflow: hidden;

	}
	
	table.simple td+td {

		text-align: right;

	}

	table.simple tr+tr {
		
		border-top: 1px dotted #666;
		
	}

/* discussion table */

table.topics {

	width: 100%;
	background-color: #eee;
	margin: 10px 0px;
	border-collapse: collapse;

}

	table.topics td {

		padding: 5px 3px;
		border-collapse: collapse;
		margin: 0px;
		overflow: hidden;

	}

	table.topics td.wide {

		width: 300px;
		overflow: hidden;

	}

	table.topics td.small {

		font-size: .7em;
		overflow: hidden;

	}

	table.topics td.content {

		width: 370px;
		vertical-align: top;
		padding: 10px;
		margin: 0px;

	}

		table.topics td.content p {

			margin: 0px !important;
			padding: 2px;
			background-color: #f9f9f9;

		}

		table.topics td.content small {

			padding: 0px 2px;
			color: #666;

		}

	table.topics td.meta {

		width: 130px;
		text-align: center;
		overflow: hidden;
		vertical-align: top;
		border-right: 1px #fff dotted;

	}

		table.topics td.meta a {

			font-size: 1.2em;
			text-decoration: none;
			font-weight: bold;

		}	

		table.topics td.meta img {

			margin: 5px auto;

		}	

		table.topics td.meta span.date {

			font-size: .7em;
			line-height: 1.4em;
			display: block;

		}	

	table.topics tr.one {

		background-color: #f6f6f6;

	}

	table.topics tr.two {

		background-color: #efefef;

	}

	table.topics tr.head {

		background-color: #580;
		color: #fff;

	}

/* api docs */

.method {

	background-color: #f6f6f6;
	padding: 0px 0px 5px;
	margin: 10px 0px;

}

	.method h3 {

		display: block;
		position: relative;

		font-size: 1.4em;
		border-bottom: 1px dashed;

		margin: 0px;
		padding: 5px 5px 2px !important;

	}

	.method h4 {

		font-size: 1.2em;
		color: #580;
		margin: 0px;
		padding: 5px 10px;

	}

	.method p {

		margin: 0px;
		padding: 0px 10px;
		font-size: 1.1em !important;

	}

	.method pre {

		display: block;
		margin: 0px 10px;
		padding: 0px 10px !important;
		font-size: 1.1em !important;

	}

	.method li {

		list-style-type: square !important;
		color: #333 !important;
		margin-left: 10px !important;
		line-height: 1.5em;
		font-size: 1em !important;

	}

	.method li:before {

		content: "" !important;

	}