/* Localized */
/* - - - - - - - - - - - - - - - - - - - - -
Title : 		GLOBAL.CSS style sheet
Author : 		$Author$
URL : 			http://www.OURPROJECT.NL
Modified : 		$LastChangedDate$ - SVN: $Revision$
- - - - - - - - - - - - - - - - - - - - - */
/*#882E11*/
/*#842B0B - dark*/
/*#C29484 - light*/
/*#E1D7CE - light brown */
/*#FDFAF7 - creme*/
/* green: 6C8C49 */

/* -----------------------------------------
	1: RESET [start from scratch]
----------------------------------------- */

/* 
	Latest version of the Eric Meyer Reset:
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {
/*	outline: 0;*/
}

/* remember to highlight inserts somehow! */
ins {text-decoration: none; background: #FFFFCC;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -----------------------------------------
	1.1: GENERIC FIXES [fixes clearing issues with floats]
	http://www.positioniseverything.net/easyclearing.html
----------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* -----------------------------------------
	2: GENERICS [Generic type, .classes, etc]
----------------------------------------- */
body{
	background: #842B0B url('../static/img/bg_wood.jpg') repeat top left;
	color: #404040;
	padding: 20px 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
}

.container{
	margin: 1.0em 0;
	background: transparent url('../static/img/brown_dots.gif') repeat top left;
	color: #842B0B;
	padding: 1em;
	border: 1px solid #E1D7CE;
}
	.container p{
/*		background-color: #FDFAF7;
		padding: 1em;
*/	}

.hidden{display:none;}

p.download{
	float:left;
	margin: 0 1em 0.2em 0;
}
p.download a:hover img{border-bottom: 1px solid #6c8c49;}

/* -----------------------------------------
	TYPOGRAPHY
----------------------------------------- */
div{font-size: 1em;} /* = 10px */

p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input{
	font-size: 1.4em; /* 14px */
}
p{
	line-height: 1.6em;
	margin-bottom: 1em;
}
.secondaryBlock ul,
.secondaryBlock p,
.excerpt{color: #666;}


/*.mainBlock p:first-line{text-transform: uppercase;color: #505050;}*/
.meta{
	font-size: 1.2em;
	margin: -1.3em 0 0.9em 0;
	color: #999;
}

.smallnote{font-size: 1.2em;color: #999;}

.newsitem .date{
	display: block;
	float: left;
	width: 2.3em;
	position: relative;
	background: #842B0B;
	color: #FFF;
	border: 3px double #FFF;
	padding: 0.5em;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}
	.newsitem .date .day{font-size: 1.5em;}

.newsitem h2{margin-left: 3em;}
.newsitem .meta{margin-left: 4.5em;}

.amp{
	color: #444;
	font-family: "Palatino","Book Antiqua",serif;
	font-size: 1.25em;
	font-style: italic;
}
strong .amp{color: #842B0B;}

strong{font-weight: bold;}
	#content strong{color: #842B0B;}
	#content a strong{color: #6C8C49;}
em{font-style: italic;/*background-color:#FFF9CD;*/}
cite{font-style: italic;}
abbr, acronym { cursor: help; text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom: 1px dotted #060606;}
pre { white-space: pre; }
pre * { font-size: 1.3em; line-height: 1.5em; white-space: pre; }
code {background: #FFF; padding: 0.1em 0.2em; border: 1px solid #DDD;}
blockquote { border-top: 1px solid #6C8C49; border-bottom: 1px solid #6C8C49; color: #6C8C49; }
blockquote > *:before { content: "\201C"; }
blockquote > *:after { content: "\201D"; }
q { 
	font-family: "Palatino","Book Antiqua",serif;
	quotes: "\201C" "\201D" "\2018" "\2019"; 
}
	p q{color: #842B0B;}

address,
blockquote{margin: 1.5em 0;font-size: 1.6em;line-height: 1.5em;}
blockquote p{margin: 0.5em;text-align: center;}

hr { display: block; background: #606060; color: #606060; width: 100%; height: 1px; border: none; clear: both; }

/* Cascading font size should remain same! */
/* TODO: Check this out? Necessary?! */
td td,li ul li,li ol li,td p,blockquote p,dd p, li p,ul li ul li,ul li ul li p,ol li ol li,ol li ol li p{
	font-size: 1.0em!important;
	line-height: 1.5em!important; /* TODO: Check this out? Necessary?! */
}


/* -----------------------------------------
	vCards
----------------------------------------- */
/*HOME*/
p.tweet{
	width: 150px;
	float: left;
	padding: 1em 0;
	margin: 0;
}
p.tweet q{display: block;text-align: center;}
p.tweet a:link,
p.tweet a:visited,
p.tweet a:hover,
p.tweet a:active{text-decoration: none;}
p.tweet a.byline{font-family: "Palatino","Book Antiqua",serif;font-size: 0.8em;float: right;color: #E1D7CE;text-decoration: none;}

#hcard-David-Hund{margin-bottom: 3em;}
	p.introFoto{
		background: #FDFAF7;
		text-align: right;
		margin: -24px 0 0 0;
		padding: 0;
		line-height: 0;
	}

	#hcard-David-Hund .container{margin-top: 0;}

	#hcard-David-Hund .container ul{margin-bottom: 0.7em;}

	#hcard-David-Hund h3{display: none;} /* Keep it only for Google */
	#hcard-David-Hund h4{
		color: #6C8C49;
		margin: 0 0 0.2em 0;
		display: none; /* Hide, except for bots and microformat-eaters */
	}
	#hcard-David-Hund .fn{}
	#hcard-David-Hund .org{}
	#hcard-David-Hund .adr{display: none; /* Hide, except for bots and microformat-eaters */}
		#hcard-David-Hund .adr .street-address{display: block;}
		#hcard-David-Hund .adr .postal-code{}
		#hcard-David-Hund .adr .location{display: block;} /* No Microformat*/
		#hcard-David-Hund .adr .locality{}
		#hcard-David-Hund .adr .country-name{}
		#hcard-David-Hund .adr .region{}
	#hcard-David-Hund .phone{}
	#hcard-David-Hund .im{}
	
	#content #hcard-David-Hund ul{
		list-style-type: square;
		list-style-image: none;
		display: none; /* Hide, except for bots and microformat-eaters */
	}

	/* contactgegevens badge */
	#content #hcard-David-Hund ul.contactgegevens{
		list-style-type: none;
		list-style-image: none;
		margin: 0.2em 0;
		display: block; /* ... but show this one! */
	}
	#content #hcard-David-Hund ul.contactgegevens li{margin: 0 0 0.7em 0;}
		#content #hcard-David-Hund ul.contactgegevens li.last{margin: 1em 0 0.5em 0;text-align: right;font-size: 1.2em;}
	#content #hcard-David-Hund ul.contactgegevens li a:link,
	#content #hcard-David-Hund ul.contactgegevens li a:visited,
	#content #hcard-David-Hund ul.contactgegevens li a:hover,
	#content #hcard-David-Hund ul.contactgegevens li a:active{
		display: block;
		border: 1px solid #E1D7CE;
		height: 40px;
		line-height: 1;
		text-indent: -999em;
		background: transparent url('../static/img/contact-badge.png') no-repeat top left;
	}
	#content #hcard-David-Hund ul.contactgegevens li a:hover{border: 1px solid #6C8C49;}
	#content #hcard-David-Hund ul.contactgegevens li.last a,
	#content #hcard-David-Hund ul.contactgegevens li.last a:hover{display: inline;border: none;height: auto;background: none;}

	#content #hcard-David-Hund ul.contactgegevens li.emailbadge a:hover{background-position: 0 -40px;}
	#content #hcard-David-Hund ul.contactgegevens li.mobilebadge a{background-position: 0 -80px;}
	#content #hcard-David-Hund ul.contactgegevens li.mobilebadge a:hover{background-position: 0 -120px;}
	#content #hcard-David-Hund ul.contactgegevens li.vcardbadge a{background-position: 0 -160px;}
	#content #hcard-David-Hund ul.contactgegevens li.vcardbadge a:hover{background-position: 0 -200px;}
	
/*CONTACT*/
	.container #vCardContact{
		width: 223px;
		padding: 10px;
		margin-bottom: 10px;
		background: #FDFAF7;
		border: 1px solid #DCD1C6;
	}
	.container #vCardContact .photo{float:right;width: 56px;border: 1px solid #DCD1C6;padding: 4px 0 0 4px;}

	.container #vCardContact h3{display: none;} /* Keep it only for Google */
	.container #vCardContact h4{margin: 0; color:#6C8C49}
	.container #vCardContact .fn{display: block; color: #606060; font-size: 0.8em;margin-top:-0.5em}
	/*	.container #vCardContact .org{display:block;}*/
	.container #vCardContact .location{display: block;}
	.container #vCardContact .vcard-download{
		padding: 0.2em 40px 0.2em 0;
		background: transparent url('../static/img/vcard.png') no-repeat center right;
	}
	#vCardContact ul{margin: 1em 0 ;}

/* -----------------------------------------
	hReviews ('Testimonials')
----------------------------------------- */
.hreview{margin: 0.5em 0 1.5em 0;}
	.hreview  q.description{
		display: block;
		font-size: 1.2em;
		font-style: italic;
		color: #999;
	}
	.hreview .reviewer{color: #666;}
	.hreview .item{}
	.hreview .type{display:none;}
	.hreview .item:before{ content: "(";}
	.hreview .item:after{ content: ")";}


/* -----------------------------------------
	BASE STRUCTURE (Div frame)
----------------------------------------- */
	/* NOTE: this is a class! So that it can be re-used. */
	.wrapper{
		background: transparent url('../static/img/black_trans_25.png') repeat top left;
/*		width: 920px;*/
		width: 900px; /* 920 - 20px padding */
		margin: 0 auto;
		padding: 10px;
		text-align: left;
	}
		#footer .wrapper{
/*			background: transparent url('../static/img/bg_footer.png') no-repeat top center;*/
			padding: 65px 30px 0 30px;
		}
	.mainBlock{
		width: 545px;
		float: left;
	}
	.secondaryBlock{
		width: 265px;
		float: right;
	}
		/* usps (Unique Selling Points in de header) */
		#usps{}

	.column{
		width: 257px;
		margin-top: 1em;
		border-top: 1px dotted #DEC7B2;
	}

	#page{
		background-color: #FDFAF7;
		padding: 30px;
	}

	#header{}
	#navigation{
		background: transparent url('../static/img/brown_dots.gif') repeat top left;
		border-bottom: 1px solid #C29484;
	}
	#content{padding: 30px 0;}
	#footer{background: transparent url('../static/img/brown_dots.gif') repeat top left;color: #842B0B;}



/* -----------------------------------------
	GENERIC CLASSES
----------------------------------------- */
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.floatRight{float: right;}
.floatLeft{float: left;}

	#content p.floatRight{margin: 0.4em 0 0.2em 1em;}
	#content p.floatLeft{margin: 0.4em 1em 0.2em 0;}

.error{
	background: transparent;
	color: #CC3333;
}
.success{
	background: transparent;
	color: #6C8C49;
}

.flashmessage{
	background: transparent url('../static/img/black_trans_25.png') repeat top left;
	width: 900px;
	padding: 0.5em 10px 10px 10px;
	margin: -20px auto 1em auto;
	text-align: left;
	position:relative;
}
	.flashmessage p{
/*		background: transparent url('../static/img/warning.png') no-repeat 0% 70%;*/
		line-height: 1;
		margin: 0;
		padding: 0.5em 0;
		color: #333;
		color: #FDFAF7;
	}
	
	.flashmessage .close{background-image: none;float: right;}
	.flashmessage .close a{
		display: block;
		width: 16px;
		height: 16px;
		background: transparent url('../static/img/close.png') no-repeat 0 0;
		color: #FFF;
		text-indent: -999em;
	}
	.flashmessage .help{color: #FFFF99;}
/*	.flashmessage .countdown{color: #FFF;position:absolute;top:5px;left:10px;}*/


div.message{
	width: 400px;
	background: transparent url('../static/img/brown_dots.gif') repeat top left;
	border-top: 1px solid #842B0B;
	border-bottom: 1px solid #842B0B;
	margin: 1em 0;
	padding: 0.2em 1em;
}
	div.message.error{border-color: #CC3333;}
	div.message.success{width: auto; border-color: #6C8C49;}

.newsitem{
	border-bottom: 1px solid #C29484;
	margin-bottom: 1em;
}

/* -----------------------------------------
	LOGO
----------------------------------------- */
p#logo{width: 330px;}


/* -----------------------------------------
	PORTFOLIO ITEMS ON THE HP
----------------------------------------- */
p#featuredProject{
	margin: 20px 0 12px 0;
	padding: 0;
	line-height: 0;
}
	p#featuredProject a{
		text-decoration: none;
		text-align: right;
		font-size: 0.86em;
	}
		p#featuredProject a img{}


/* -----------------------------------------
	IMAGES
----------------------------------------- */
img.left{float: left;margin: 0 1em 0 0;}
img.right{float: right;margin: 0 0 0 1em;}
img.center{margin: 0 auto;}
.newsitem img{float:left;margin: 0.5em 1em 0 0;}
p.screenshot img{width: 64px;padding: 4px;border: 1px solid #6C8C49;}
p.screenshot img:hover{background-color: #6C8C49;border-color: #666;}
/* -----------------------------------------
	HEADERS
----------------------------------------- */
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
}
h1{
	font-size: 2.4em;
	text-shadow: 1px 1px 1px #CCC;
	line-height: 1.5em;
	color: #842B0B;
	margin: 1em 0 0.3em 0;
	padding: 0;
}


	h1:first-child{ 
		/* first H1 should have no top margin */
		margin-top: -0.5em;
	}

h2,
/* We style first-child h3's as if they were H2's to keep cool hierarchy for google! */
.secondaryBlock h3:first-child{font-size: 2.0em;color: #842B0B; margin-bottom: 0em; line-height: 1.5em;}
	h2.entry-title{margin-bottom: 0.6em;}
h3{font-size: 1.8em;color: #404040;font-weight: normal; margin-top: 1em; line-height: 1.5em;text-shadow: 1px 1px 1px #CCC;}
h4{font-size: 1.6em;color: #404040;font-weight: normal; line-height: 1.5em;text-shadow: 1px 1px 1px #CCC;}
h5{font-size: 1.4em; color: #606060;font-weight: bold; font-style: italic; line-height: 1.5em;}
h6{font-size: 1.4em; color: #606060;font-weight: bold; line-height: 1.5em;}

.secondaryBlock h3.details{margin-top:3em;}
.secondaryBlock h1:first-child,
.secondaryBlock h2:first-child,
.secondaryBlock h3:first-child{margin-top:0;}




/* -----------------------------------------
	LINKS
----------------------------------------- */
a:link, a:visited, a:hover, a:active{color: #6C8C49;text-decoration: underline;}
a:hover, a:active{text-decoration: none;}

.text{color: #666; text-decoration: none; cursor: default;}
a.totop{
	display: block;
	background: transparent url('../static/img/arrow-up-green.png') no-repeat left center;
	padding-left: 24px;
	text-decoration: none;
	text-indent: -999em;
}

	p a:link.readmore,
	p a:visited.readmore,
	p a:hover.readmore,
	p a:active.readmore{display: block;text-align: right;}


/* -----------------------------------------
	LISTS
----------------------------------------- */
ul, ol{ 
	list-style-type: none; 
	list-style-position: outside; 
	margin: 2em 0;
	margin-left: 1.5em;
}
ol{list-style-type: decimal;}
	ul li, ol li{margin: 0.5em 0;}

#content ul,
#content ol,
/* usps (Unique Selling Points in de header) */
#usps ul{
	margin-left: 0;
	list-style-type: disc;
	list-style-image: url('../static/img/bullet_trans.gif');
	list-style-position: inside;
}
#usps ul{margin: 0; color: #6C8C49;}

#content h2+div.excerpt ul{margin-top: 0.9em;}
#content h2+ul{margin-top: 0.9em;}
#content h2+ul.details{margin-top: 0em;}
#content h2+ul.portfolioItems{margin-top: 0;}

	#content ul li.sublist ul,
	#content ul li.sublist ol{margin: 0;}

	#content ul li.sublist ul li,
	#content ul li.sublist ol li{margin-right: 8px;}

	#content ul li.rss,
	#content ul li.sublist{list-style-image: none;list-style-type: none;}
	
	#content ul li.rss,
	#footer ul li.rss a{
		background: transparent url('../static/img/feed-icon-14x14.png') 0 0 no-repeat;
		padding-left: 20px;
	}
		#footer ul li.rss a{background-position: bottom left;}

/* Undo bullets */
#content ul.portfolioItems,
#content #errorlist{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

/* horizontal lists */
ul.horizontal, ul.horizontal li, ol.horizontal, ol.horizontal li,

ol.pagination, ol.pagination li{
	display: inline;
	list-style-position: inside;
	list-style-type: none;
	float: left;
}

ol.pagination{
	display: block;
	width: 100%;
	margin: 0;
}
	ol.pagination li{width: 49%;}
	ol.pagination li.prev{float: left;}
	ol.pagination li.next{float: right;}
	
	ol.pagination li a:link,
	ol.pagination li a:visited,
	ol.pagination li a:hover,
	ol.pagination li a:active{
		display: block;
		background: #6C8C49;
		color: #FFF;
		font-weight: normal;
		text-align: center;
		text-decoration: none;
		padding: 0.3em;
		border: 3px double #FFF;
	}
	ol.pagination li a:hover,
	ol.pagination li a:active{background: #842B0B; color: #FFF;}

/* definition lists */
dl{
	margin: 0.5em 0;
	line-height: 1.5em;
}
	dl dt{font-weight: bold;}
	dl dd{margin-left: 1.0em;}
	
	/* Portfolio item list */
	ul.portfolioItems{margin: 0;}
		ul.portfolioItems li{margin: 0 0 20px 0;}
			ul.portfolioItems li.last{margin-bottom: 10px;}
			
			ul.portfolioItems li a{
				display: block;
				height: 88px;
				background: #606060;
				color: #FDFAF7;
				text-decoration: none;
				text-align: center;
				font-size: 0.86em;
				font-style: italic;
			}

	/* Portfolio item definition list on PORTFOLIO Home */
	dl.projectList{margin: 1em 0;}
	
	dl.projectList dd.alt{background: transparent url('../static/img/brown_dots.gif') repeat top left;}
	
	dl.projectList dt{
		margin: 1em 0 0.5em 0;
		font-style: normal;
		font-weight: normal;
	}
/*	dl.projectList dt{
		background: transparent url('../static/img/black_trans_25.png') repeat left top;
		margin: -2em 0 0.5em 0;
		padding: 0.2em 0.5em;
		text-align: right;
		position: relative;
		bottom: -207px;
		font-style: normal;
		font-weight: normal;
	}*/
		dl.projectList dt a{/* Style as H2? */
			display: block;
/*			font-size: 1.4em;*/
			text-decoration: none;
/*			color: #FFF;*/
		}
		
	dl.projectList dd{margin: 0 0 1em 0;padding-bottom: 0em;border-bottom: 1px solid #C29484;clear: both;}
	dl.projectList dd a{display: block;text-decoration: none;line-height:0;}
	dl.projectList dd a.totop{
		background: transparent url('../static/img/arrow-up-brown.png') no-repeat center right;
		color: #FDFAF7;
		padding: 0 30px 0 0;
		margin: 1em 0 0 0;
		text-align: right;
		line-height: 1;
	}
	dl.projectList dd a.totop:hover{color: #CCC;}

	/* News item list */
	dl.newsItems{
		margin: 0;
		padding: 0;
	}
		dl.newsItems dt{}
		dl.newsItems dd{
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			border-bottom: 1px dotted #DEC7B2;
		}

	/* -----------------------------------------
		NAVIGATION
	----------------------------------------- */
	#navigation ul{
		color: #606060;
		padding: 0;
		margin: 0;
		margin-bottom: -1px; /* To allow 'ul li a' border to overlap #navigation border */
		text-transform: uppercase;
	}
		#navigation ul li{
			margin: 0;
			padding: 0;
		}
			#navigation ul li a:link,
			#navigation ul li a:visited,
			#navigation ul li a:hover,
			#navigation ul li a:active{
				display: block;
				margin: 0;
				padding: 7px 14px;
				text-decoration: none;
				text-shadow: 1px 1px 1px #FFF;
				border-bottom: 1px solid #C29484;
			}

				body#start ul li#nav-start a,
				body#informatie ul li#nav-informatie a,
				body#portfolio ul li#nav-portfolio a,
				body#nieuws ul li#nav-nieuws a,
				body#contact ul li#nav-contact a,

				#navigation ul li.active a, /* li.active is a generic way if JS is enabled... */
				#navigation ul li a:hover,
				#navigation ul li a:active{
					color: #842B0B;
					border-bottom: 1px solid #FDFAF7;
					background: transparent url('../static/img/arrow-up.png') no-repeat 50% 130%;
				}


	/* -----------------------------------------
		COMMENTS
	----------------------------------------- */
	ol#commentlist{
		list-style-image: none;
		list-style-type: none;
		margin: 0;
	}
	ol#commentlist li{
		padding: 0.5em 0em;
		border-bottom: 1px dotted #DEC7B2;
		margin: 1em 0;
		position: relative;
	}
		ol#commentlist li.alt{}

		ol#commentlist li.me{
			background-color: #E1D7CE;
			color: #842B0B;
			border: 3px double #FDFAF7;
		}

	ol#commentlist li .permalink{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: #DEC7B2;
		color: #FFF;
		border: 3px double #FFF;
		padding: 0.1em 0.2em;
		margin: 0 1em 0 0;
		font-size: 0.8em;
		font-weight: normal;
		text-align: center;
	}
		/* Show/Hide permalink*/
		ol#commentlist li .permalink{display:none;}
		ol#commentlist li:hover .permalink{display:block;}

		ol#commentlist li.me .permalink{background: #FDFAF7;color: #842B0B;border: 3px double #842B0B;}
		
		ol#commentlist li .permalink a{color: #FDFAF7; font-weight: normal; text-decoration: none;}
			ol#commentlist li.me .permalink a{color: #842B0B;}

	ol#commentlist li img.gravatar{
		float: left;
		padding: 1px;
		margin: 0 1em 0 0.5em;
		border: 1px solid #DEC7B2;
	}
		ol#commentlist li.me img.gravatar{border: 1px solid #842B0B;}

	ol#commentlist li .author{font-weight: bold;color: #842B0B;}
		ol#commentlist li.me .author{color: #333;}
	
	ol#commentlist li .author a{font-weight: normal;}

	ol#commentlist li blockquote{
		font-size: 1em;
		font-style: italic;
		color: #666;
		border: none;
		margin: 0.5em 0 0.5em 2em;
	}
		ol#commentlist li.me blockquote{color: #333;}

	ol#commentlist li blockquote p{margin: 0;text-align: left;}


	ol#commentlist li a:link, ol#commentlist li a:visited, ol#commentlist li a:hover, ol#commentlist li a:active{
		
	}

	/* -----------------------------------------
		FOOTER
	----------------------------------------- */
	#footer ul{
		margin: 0;
		padding: 0;
	}
		#footer ul li{padding-left: 1em; margin-left: 1em;border-left: 1px solid #C29484;}
			#footer ul li.last,
			#footer ul li.first{border: none;padding-left: 0;}

			#footer ul li a{}
				#footer ul li a:hover,
				#footer ul li a:hover{}



/* -----------------------------------------
	TABLES
----------------------------------------- */
table{
	margin: 2em 0;
	width: 100%;
	border: 1px solid #000;
	text-align: left;
}
	table caption{
		margin-bottom: -1em; /* table top-margin/2 reversed! */
		margin-top: 2em; /* table top-margin/2 reversed! */
		font-size: 1.2em;
		font-style: italic;
		color:#606060;
		text-align: right;
	}
	table tr{}
	table thead{}
		table thead tr{background: #000; color: #FFF;}
			table thead tr th,
			table tfoot tr th{
				border-bottom: 1px solid #000;
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table thead tr td,
			table tfoot tr td,
			table tfoot tr th{
				padding: 0.2em 0.5em;
				border-bottom: 1px solid #000;
				border-right: 1px solid #000;
			}
	table tbody{}
		table tbody tr{}
			table tbody tr th{
				border-bottom: 1px solid #000;
				border-right: 1px solid #000;
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table tbody tr td{
				padding: 0.2em 0.5em;
				border-bottom: 1px solid #000;
				border-right: 1px solid #000;
			}

/* -----------------------------------------
	GOOGLE MAPS (o.a. contact page)
----------------------------------------- */
	#map_canvas{
		width: auto;
		height: 230px;
		width: 243px;
		border: 1px solid #DCD1C6;
	}
	#map_canvas p{font-size: 1.2em;}

/* -----------------------------------------
	FORMS
----------------------------------------- */

/* 
	FORM CSS makes use of attribute selectors (element[typ="attr"]), this works fine, exept in IE6 etc.
	For those browsers we add a class to the element. (e.g. input.button instead of input[type="submit"] )
*/
form{}
	legend,
	label{
		font-weight: bold;
		display: block;
		color: #3f3f3f;
		text-shadow: 1px 1px 1px #CCC;
	}

	fieldset.form{
			padding: 1.5em;
			width: 450px;
		}
		form p{margin-bottom: 1.0em;}
			form .help_text{display:block;font-style: italic;}

			/* 	FORM ELEMENTS

				input.classnames are basically a hack because of browsers
				that do not support CSS2/3 selectors such as:

				input[type='hidden'] { display:none; }
			*/
			input,
			textarea{
				width: 400px;
				padding: 0.2em 0.5em;
				border: 3px double #6C8C49;
				line-height: 1.5em;
				font-size: 1.0em;
				font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
			}
			textarea{height: 8em;}
			
			input:focus,
			input.focus,
			textarea:focus,
			textarea.focus{background: #FFFCDF; border: 3px double #842B0B;}

			input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
			input[type='hidden'] { display:none; }

			/* No width etc. on certain types of input... */
			input[type='button'], input[type='submit'], input[type='reset'], input[type='image']{width: auto; border: none;}

				/* ... Checkboxes and radio buttons */
				input[type='checkbox'],
				input[type='radio']{
					background: transparent;
					width: auto;
					float: left; /* !! */
					border: none;
					margin: 0;
				}
				
			input.button{
				background-color: #6C8C49;
				color: #FFF;
				border: 3px double #FFF;
				padding: 0.3em;
			}
			input.button:hover{
				background-color: #842B0B;
				color: #FFF;
			}

			/* ERRORS */
			form p.error label{color: #CC3333;}
			form p.error label span{font-weight: normal;}
			form p.error input,
			form p.error textarea{border: 3px double #CC3333;}
			
			ul#errorlist{margin: 0 0 2em 0;color: #CC3333;}
			ul#errorlist li label{display: inline;}
			ul#errorlist li label img{vertical-align: bottom;}
			

			/* SPECIAL CASES */
			form p#p_name,
			form p#p_email{width: 205px;float: left;}
			form p#p_name{margin-right: 14px;}
			form p#p_comments{clear: left;}

			form p#p_name input,
			form p#p_email input{width: 180px;}


			select{}
				select option{}
			button{}/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {visibility: hidden;font-size: 21px;line-height: 31.5px;padding-top: 3px;}
.sIFR-hasFlash h2 {visibility: hidden;font-size: 18px;}