/*  
Theme Name: Duikteam Zeester
Description: Zeester-theme.
Version: 1
Author: Max
*/

html,body {margin: 0; padding: 0}
body {background: #eae6e3 url(images/bg-shadow.gif) 50% 50% repeat-y; text-align: center; font-family: 'Georgia', serif; font-size: 11pt;}

#container {width: 761px; margin: 0 auto; text-align: left;}
#header {background: #8f8674 url(images/zeester_avond.jpg) top left no-repeat; padding: 30px; height: 290px; margin-left: 1px;}
#header h1 {margin: 0;}
#header h1 a {color: #722; text-decoration: none;}
#header .description { font-family: 'trebuchet ms', sans-serif; text-transform: uppercase; color: white; font-weight: bold;}

#sidebar { margin-left: 1px; background: #eae6e3; margin-top: 15px; padding: 10px 30px; font-size: 80%; height: 1%; }

#footer { padding: 10px 30px; font-size: 8pt; color: #d0cdc6;}
#footer a {color: #d0cdc6; }

#content { width: 700px; margin: 30px; line-height: 140%; }
h1,h2,h3, h1 a, h2 a, h3 a {
	font-family: 'trebuchet ms', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #722;
}

.column { float: left; width: 200px; margin-right: 20px; }
textarea#comment { width: 90%; }

a img {border: none}

span.says { display: none }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 */