*					{padding:0; margin:0}

body				{background:#fff; color:#322; font-family:Verdana,Arial,Helvetica,sans-serif}
ul					{list-style-type:none}
a img				{border:none}
img.thumbnail		{border:1px solid #000}
blockquote			{background:#fff7f0; font-style:italic; padding:.5ex 1em; border-left:.33em solid #ffe9c7; margin-left:2em; margin-bottom:1ex}
q					{font-style:italic}
table				{margin-top:2ex; margin-bottom:2ex; border-collapse:collapse}
td, th				{text-align:left; vertical-align:top; padding:.2ex .4em;border:1px solid #e0e0e0}
th					{background:#f0f0f0}
table.clean td,
table.clean th		{border:none}
pre					{background:#fffcf7; padding:.5ex .5em; border:1px solid #ffe9c7; margin-bottom:1ex}

.clear				{clear:both; height:0}


h1.title			{background:#eaf7ff url("images/nav_bg_inverse.gif") 50% 50% repeat-x; font-size:100%; padding-left:.5em}
h1.title a			{color:#8f4611; text-decoration:none}

#nav ul				{margin-top:1.5ex}
#nav li				{display:inline}
#nav ul a			{color:#322; text-decoration:none; padding:.25ex .5em}
#nav li.active a	{background:#b75; color:#fff}
#nav li.active a	{background:#b75; color:#fff}

#search				{position:absolute; top:0; right:0}
#search input		{font-size:100%} /* IE needs this */
#q					{width:8em}
#search img			{display:none}


#header				{display:none}


#articles h2,
#comments h2,
#newcomment h2		{font-family:Arial,Helvetica,sans-serif; font-size:110%; font-weight:normal}


#comments			{margin-top:3ex}
#comments li		{clear:left; border-top:1px solid #e0e0e0; margin-top:1ex}
#comments p.meta	{text-transform:none; border:none; margin-top:.5ex}
#comments .author	{font-weight:bold}
#comments .date		{font-size:90%}
#comments img		{border:none}


#newcomment			{clear:left; margin-top:3ex}
#newcomment p		{margin-top:.5ex; margin-bottom:1.25ex}
#commentform		{margin-top:3ex}
#commentform label	{display:block}
#commentform textarea{width:100%; height:20ex}


#articles			{padding:1ex .5em}
#articles h1		{color:#b75; font-family:georgia,times,serif; font-size:150%; margin-bottom:.5ex}

#articles .article			{padding-bottom:1ex}
#articles .article h2 a		{color:#48c; color:#369; text-decoration:none}
#articles .article p		{line-height:2.33ex; margin-bottom:1.25ex}
#articles .article p.meta	{color:#987; text-transform:lowercase}


#related			{line-height:2.4ex; font-size:90%}
#related .part		{background:#fff; padding-bottom:.5ex; border:1px solid #e0e0e0; border-width:1px 0; margin:1.5ex 0}
#related .part > *	{padding-right:.5em; padding-left:.5em}
#related h2			{background:#eee url("images/verloop.gif") top left repeat-x; text-align:center; font-size:100%; padding:.5ex 0}
#related ol			{list-style-position:inside}
#related li,
#related p			{padding-top:.5ex; padding-bottom:.5ex}


#footer				{background:#ffe9c7 url("images/nav_bg.gif") 50% 40% repeat-x; color:#b75; font-weight:bolder; font-size:90%; padding:.5ex 1em}


div.photo			{position:relative; background:#fff; padding:5ex 0; margin-right:.5em; margin-left:.5em}
div.photo h1		{color:#48c; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:110%; margin-right:6em}
div.photo p.date	{position:absolute; top:5.75ex; right:0}
div.photo img		{width:100%; border:1px solid #000; margin-top:.5ex; margin-bottom:1ex}
div.photo #comments img	{width:auto}
div.photo .previous	{position:absolute; top:1ex; left:0}
div.photo .next		{position:absolute; top:1ex; right:0}