/*

	sNews 1.5 Minimal Design
	#F7F2EE
*/
/* {border:0px solid gray;padding:0;margin:0} */

body { 
	font-size: 0.9em;
 	font-family: 'Trebuchet MS',Georgia, Times, 'Times New Roman', sans-serif; 
	line-height: 1.6em; 
	color:#674C17;
	background:#F3F6ED url(img/rap.jpg) center repeat-y;
	width:760px;
	margin:0 auto;
	padding:0px;
	text-align:left;}

a { color: #003333; background: inherit;text-decoration:none;border-bottom:1px dotted;}
a:hover { color:#993333; background:inherit;border-bottom:1px solid  }
a, a:link, a:hover {padding-bottom:0px;margin-bottom:0px;}
#logo h1 { font-size:3.0em;font-family: 'Lucida Grande', Arial, Sans-Serif;color:#F3F6ED;margin:40px;font-weight:bold }
 h2 { font: normal 1.2em Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif; padding: 0; margin: 8px 0 15px 0;letter-spacing: 1px; } 
/* #left h2 {font-size:0.8em;color:#CC6633;letter-spacing:1px;font-weight:bold;font-family:Sans-Serif;} */
#left h2, h3, h4 {font-size:large;color:#A86C2D;font-family:Georgia, "Lucida Sans Unicode", lucida, Verdana, sans-serif;letter-spacing: 1px; }
#left h2 {font-size:x-large; font-weight:bold}
h4 {font-size:medium;}
ul {  padding: 0; margin: 0;}
li { list-style-type: disc;margin-left:20px}
.box li { list-style-type: none}
p {margin:0 5px auto auto}
p img {padding:5px;
border-top:1px solid #E6E6E6;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:1px solid #E6E6E6;
}
img.layout {border:0;margin:0 0 0 2px;padding:0}
#left p.date, #left p.date a, #left p.date a:link {
	font-family:arial, verdana;
	color:#999;
	border:0;
	font-size:x-small;
	margin-top:10px;
	padding-top:0;
	padding-bottom:0;
	}

.paginator {
	color:inherit;
	background:inherit;
	border-top:0px solid #ccc;
	font-size:small;
	padding:2px 5px 1px 25px;
	margin:0 0 0 -12px;
	font-family:arial, verdana;
	font-size:x-small;
	}
.paginator a, .paginator a:link, .paginator a:visited {font-weight:bold;font-size:x-small;color:#FF6600}
.paginator a:hover {color:#993333;background:#FDFBF8}
#logo { margin:0;border:1px solid #A2A39D;background: url(http://blog.haroldbeukers.nl/img/bloglogo_1.jpg) no-repeat;height:288px }
#menu { float: right; margin: 0px 1em 0 0;font-family:arial, verdana;padding:0;letter-spacing:2px }
	#menu li { display: inline; margin: 0 0 0 1.4em;list-style-type: none;padding:0;font-size:0.75em}
	#menu li a.current{ font-weight: bold; }
#menu a:hover {background:#F7F2EE}
#subheader { 
	clear: both; 
	border-top: 1px dotted #E1D6C6;	
	border-bottom: 1px dotted #E1D6C6;
	background:#F3F6ED;
	color: #808080;
	padding: 1em;
	margin: 0 0 15px 0;
	height: 20px;
}

#breadcrumbs { float: left;font-size:small }
#breadcrumbs a, #breadcrumbs a:link {font-size:small}
#search { float: right; }
#search p { padding: 0; margin: 0; }

#wrap {
	margin: 0 auto;
	width: 99%;
	background:#F7F2EE;
}

#left {
	float: left;
	width: 67%;
	padding: 0 0 0 1em;
	background:#FDFBF8;
	border:1px dotted #ccc;
}
#left ul {border-top:1px dotted #D6DCDC;border-bottom:1px dotted #D6DCDC;margin:5px}

#ads {margin:10px;padding:0px;}
#right {
	font-family:arial, verdana;
	border: 1px solid #E1D6C6;
	background:#F3F6ED;
	float: right;
	width: 30%;
	margin: 0 0 10px 0;
	font-size:small;
}

#right .box {
	padding: 1em;
	margin: 0 0 1em 0;
}

#footer { clear: both; border-top: 1px dotted #ccc; margin: 0 0 0 1em; }
#footer p#cl {visibility:hidden;margin:0;padding:0} /* oplossing voor een bug in IE, index.php moet ook aangepast worden in de footer */

/* SNEWS */
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #E6FFE4; color: #000; }
input { padding: 3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px;}
.comment { background: #eee; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #E8FFD9; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }




/* PHOTOGALLERY PHOTOGALLERY PHOTOGALLERY PHOTOGALLERY PHOTOGALLERY PHOTOGALLERY    */

/* default link style - needed to make the :active work correctly in IE */
#album a, #album a:visited, #album a:hover, #album a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:320px; 
height:360px; 
background:#eee url(http://www.haroldbeukers.nl/images/samos2005/DSCN0654.jpg) 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
#album .gallery {
padding:0; 
margin:320px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
/* remove the default image border */
#album .gallery img {
border:0;
}
/* make the list horizontal */
#album .gallery li {
float:left;padding:0;margin:0;list-style-type: none
}
/* style the link text to be central in a surrounding box */
#album .gallery li a, #album .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
#album .gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
#album .gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
#album .gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
#album .gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
#album .gallery li a:active, #album .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
#album .gallery li a:active img, #album .gallery li a:focus img {
visibility:visible;
}
/* end of PHOTOGALLERY    */


/* snews cat mod (forum id=2533) */


.expandacat, ul.expandacat, ul.expandacat li, ul.expandacat li a  {padding: 0px; margin: 0px; }
	.expandacat { 
	border: 0px solid #ccc; 
	padding: 2px; margin: 2px; 
	background: inherit; 
	color: #0066B3; 
	text-decoration:none; 
	}

.expandaArticles {
	border: 1px solid #E0E2DC;
	padding: 2px 10px; margin: 2px; 
	color: #000; font-size:85%; 
	line-height:1.4em; 
	text-decoration:none;
	background: #EFF2EA;
	}
 .expandaArticles li {padding: 0px; margin: 0px;}
.expandaArticles li a, .expandaArticles li a:link  {border-bottom:0;padding: 0px; margin: 2px;}
.expandaArticles li a:hover  {background:#EFF2EA;border-bottom:1px solid;font-weight:bold }
.expandacat li {min-height:0} 
a.cur:link, a.cur, a.cur:hover, a.cur:visited {cursor:pointer;}
.displaynone {display:none}
/* geeft in IE7 al minder ruimte */

/*////////////////*/
.expandaArticles  {margin:0 0 0 0px;border:1px solid #CCC;width:150px;background:inherit;}
.expandaArticles li {margin:0 0 0 0px;}


#footer img {text-decoration:none;border:0;padding:0}