
	html body {
		margin: 0px;
		padding: 0px;
		background: #ccc url('../images/vokohtz_background.gif') no-repeat 0 20px;
		color: #220;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		
	}
	
	body p {
		margin-bottom: 12px;
	}

	body a {
		color: #663300;
	}	
	
	body h2 {
		font-size: 1.05em;
		font-family: georgia;
		font-weight: bold;
	}
	
		.websites {
			background-color: #eee;
			border-bottom: 1px solid #4b3532;
			font-size: 12px;
			color: #333; 
		}

			.websites a.home {
				font-weight: bold;
			}
			
			.websites a {
				text-decoration: none;
				padding: 0 20px 0 10px;
				color: #333;
			}

		.websites div {
			border-bottom: 1px solid #eee;
			padding: 2px 0 2px 5px;
		}

		.header {
			width: 860px;
			margin: 0 auto;
		}

			.header h1 {
				float: left;
				height: 61px;
				width: 392px;
				background: url("/images/vokohtz.gif") no-repeat;
				margin-bottom: 0px;
			}

				.header h1 span {
					display: none;
				}
			
		
				ul.nav li {
					margin: 4px 0 0 10px;
					float: left;
				}

					ul.nav li a {
						text-decoration: none;
						display: block; 
						padding: 10px;
					}

					ul.nav li a:hover {
						font-weight: bold;
					}

		.header .content {
			width: 800px;
			padding: 30px 30px 10px 30px;
		}

			body.details .nav li.details a, body.rsvp .nav li.rsvp a {
				font-weight: bold;
			}

		.box {
			width: 300px;
			border: 1px solid #ccc;
			margin-bottom: 4px;
		}
		
		.content {
			z-index: 0;
			position: relative;
			
			background-color: #fff;
			width: 800px;
			padding: 15px 30px 0px 30px;
			margin: 10px auto;
			border: 1px solid #777;

			opacity:.90;filter: 
			alpha(opacity=90); 
			-moz-opacity: 0.9;
		}
		
		label.left {
			margin-bottom: 3px;
			display: block;
			width: 110px;
			float: left;
			text-align: right;
			padding-right: 5px;
		}

		div.right {
			margin-bottom: 3px;
			float: left;
			color: #663300;
			width: 650px;
		}
	
	body h1 {
		font-weight: bold;
		font-family: Georgia;
		font-size: 1.3em;
		margin-bottom: 12px;
	}

	div.msg {
		border: 1px solid #ddd;
		background-color: #ffc;
		padding: 10px 15px;
		margin-bottom: 10px;
	}

	
	.postContainer {
		width: 862px;
		margin: 10px auto;
	}

		.postContainer .posts {
			background-color: #fff;
			float: left;
			width: 588px;
			padding: 20px 30px;
			border: 1px solid #777;
	
			opacity:.90;filter: 
			alpha(opacity=90); 
			-moz-opacity: 0.9;
		}
		
			.postContainer .posts img {
				padding: 6px;
				border: 1px solid #777;
			}
			.postContainer .posts .post {
				margin-bottom: 20px;
				padding-bottom: 25px;
				border-bottom: 1px dotted #333;
			}
				.postContainer .posts a {
					text-decoration: none;
				}
	
				.postContainer .posts .title {
					text-align: left;
					margin-top: 0px;
					font-size: 1.5em;
					font-family: georgia;
					font-weight: normal;
				}

				.postContainer .posts .message {
					font-size: .90em;
					line-height: 150%;
				}
				
				.postContainer .posts .tag {
					color: #666;
					font-size: .80em;
				}

		.archive, .flickr, .event {
			padding: 5px 10px;
			float: left;
			margin-left: 10px;
			margin-bottom: 10px;
			width: 180px;
			border: 1px solid #777;
			background-color: #fff;
		}

			.archive a {
				text-decoration: none;
			}
			
			.archive h3, .flickr h3, .event h3 {
				font-weight: bold;
				padding-bottom: 3px;
				margin-bottom: 3px;
			}
			
			.archive .year {
				padding: 2px 4px;
				background-color: #eee;
			}

			.archive ul li {
				margin-left: 20px;
				list-style: circle;
			}
		
			.flickr_badge_image img {
			}
		