/* layout +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	body		{background: #292929 url(pics/traction/body-background.jpg) top center;
				font: 80% Helvetica, "Helvetica Neue", Arial, sans-serif;
				color: #444; line-height: 1.8em; margin: 0; padding: 0;}
	
	input, textarea	{font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: inherit}
	
	#container	{width: 960px; margin: 20px auto 5px auto;}
	
	#head	{background: url(pics/traction/main-top2.png) top center; height: 15px;}
	/* #head	{background: url(pics/traction/main-top.png) top center; height: 54px;} */
	#canvas	{background: #e7e9eb url(pics/traction/main-body.png) top center;}
	#foot	{background: url(pics/traction/main-bottom.png) top center; height: 15px}
	#discl	{width: 950px; margin: 0 auto 20px auto; font-size: 0.8em; letter-spacing: 1.02; text-align: center}
	#discl a	{color: inherit}
	
	#content, #sidebar	{float: left;}
	#content	{width: 578px; padding: 10px 40px; }
	#sidebar	{width: 242px; padding: 10px 30px; }			
			
	#sidebar h2	{border-bottom: 1px dotted #cccccc; color: #555555; font-size: 1.4em}

/* algemeen +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	a:link, a:visited {color: #285A86; text-decoration: none}
	a:hover {color: #1A3D5C;}
	a.subtiel	{color: #444;}
	
	h1, h2, h3	{color: #444; text-shadow: 0 1px 0 #fff;}

	h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: #444;}
	h2 a:hover, h3 a:hover { color: #285A86; }
	
	.rechts	{float: right}
	.links	{float: left;}
	.clear	{clear: both}
	.klein	{font-size: 0.8em}
	.krap	{margin: 0; padding: 0;}
	.hidden	{display: none}
	
	ul.liggend	{margin: 0; padding: 0;}
	ul.liggend li	{display: inline; list-style-type: none; list-style-image: none}
	
	ul.invis	{margin: 0; padding: 0;}
	ul.invis li	{list-style-type: none; list-style-image: none}
	
	ul		{margin: 0; padding: 0 0 0 20px;}
	ul li	{list-style-image: url(pics/traction/entry-more.png)}
	
	hr	{border: 0; height: 1px; color: #cccccc; background-color: #cccccc;}
	
	img	{border: 1px solid #aaaaaa; background-color: white; padding: 5px;}
	.img-shadow		{float: right; margin: 0 0 10px 15px}
	.img-shadowm	{text-align: center}
	.img-shadowl	{float: left; margin: 0 15px 10px 0}
	img.kaal	{border: none; padding: 0;}
	
	.thumbs a	{margin-right: 10px}
	
	blockquote	{margin: 20px 0 20px 20px; padding: 0 0 0 20px; border-left: 3px solid #CBCBCB; 
		color: #666; font-style: italic; line-height: 1.5em;}
	  
	.meer, .verder, .nav, .timestamp, .rating, dl#concertlist dt, dl#concertlist dd em
		{font-size: 1.2em; font-family: "Georgia", serif; 
		color: #666; text-shadow: 0 1px 0 #fbfbfb;}
	.meer	{text-align: right}
	.nav a	{color: inherit}
	
	form dl, dl.naastelkaar	{overflow: auto}
	form dt, dl.naastelkaar dt {clear:both; width:60px; float: left; text-align: left;}
	form dd, dl.naastelkaar dd {float:left; width:100px; margin:0 0 0.5em 10px;}
	
	input, textarea	{border: 1px solid #aaaaaa; background-color: #f4f6f8}
	
	/* http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
	button	{background: #222 url(pics/traction/alert-overlay.png) repeat-x;
	border: none; display: inline-block; position: relative; cursor: pointer;
	padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222;}
	
/* weblog +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	.bericht	{position: relative; padding-bottom: 20px;}
	.bericht h2	{clear: left;}
	
	.date	{background-color: rgba(0, 0, 0, 0.15); 
			color: #efefef; text-transform: uppercase;
			position: absolute; left: -113px;
			width: 73px; height: 73px; text-align: center;}
	.date span {display: block; font-size: 1.3em; color: #efefef; font-weight: bold; letter-spacing: 2px;}
	.date span a	{color: #cccccc;}
	.date .day {margin-top: 10px; font-size: 2.4em;}
	.date .month {text-transform: uppercase; font-weight: normal; color: #cccccc;}		
	.date .year {font-size: 0.9em; font-weight: normal; color: #cccccc; margin-top: -6px}

	.timestamp	{font-size: 0.85em}
	
	#blognav	{text-align: center; padding-top: 10px}
	#blognav li	{margin: 0 10px;}
	
	.tags	{background: url(pics/traction/post-tags.png) no-repeat left 5px; 
		padding-left: 25px; margin: 30px 0; float: left; clear: left;}
	.tags a	{margin-right: 7px; color: #444; font-size: 0.85em}
	
	.catlink	{background: url(pics/traction/entry-more.png) no-repeat right 6px;
		padding-right: 20px; margin: 30px 0; float: right; 
		color: #444 !important; font-size: 0.85em}
	
	.addthis_toolbox	{float: right; margin: 30px 0; clear: right;}
	
	dl#naw		{width: 250px; margin: 0; padding: 0;}
	dl#naw dd, dl#naw input	{width: 170px}
	
	#reactie p	{margin: 0 0 10px 0; padding: 0;}
	
	dl#comments dt	{width: 65px; float: right; margin: 0 0 20px 0; text-align: right}
	dl#comments dd	{width: 490px; margin: 0 0 20px 0;}
	dl#comments dd blockquote	{margin: 0 0 5px 0}
		
	#delicious dt, #delicious dd	{line-height: 1.4;}
	#delicious dt	{margin-top: 10px;}
	#delicious dt:first-child	{margin-top: 0}
	#delicious dd	{font-size: 0.8em; margin: 0; padding: 0;}
		
	/* #lastfm li	{line-height: 1.4;} */	
		
	#stellar		{margin: 0; padding: 0;}
	#stellar li	{line-height: 1.5; list-style-image: none; list-style-type: none; margin: 0 0 10px 0;
		font-size: 0.9em; border-bottom: 1px solid #ebeef2; padding: 0 20px 10px 0;
		background-repeat: no-repeat; background-position: top right;}
	#stellar li.t p	{display: inline; font-size: 0.9em}
	
/* stellar - aparte pagina +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	ul#stellarblokken	{margin: 30px 0; padding: 0; overflow: auto}
	ul#stellarblokken li	{background-repeat: no-repeat; background-position: top left; 
		list-style-type: none; list-style-image: none;
		float: left; width: 180px; height: 120px; position: relative;
		padding: 25px 0 5px 0; margin: 0 0 15px 0;}
	ul#stellarblokken li.t p {display: inline;}
	
	ul#stellarblokken li.mid	{margin: 0 18px;}
	
	ul#stellarblokken li.f, ul#stellar li.f	{background-image: url('pics/social/16/flickr.png');}
	ul#stellarblokken li.y, ul#stellar li.y	{background-image: url('pics/social/16/youtube.png');}
	ul#stellarblokken li.v, ul#stellar li.v	{background-image: url('pics/social/16/vimeo.png');}
	ul#stellarblokken li.t, ul#stellar li.t	{background-image: url('pics/social/16/twitter.png');}
	
	ul#stellarblokken li.t	{font-size: 0.85em}
	
	ul#stellarblokken li.y:hover :after, ul#stellarblokken li.v:hover :after
		{content: url('pics/play.png'); position: absolute; top: 60px; left: 45px}
	
	ul#stellarblokken li.f:hover :after
		{content: url('pics/search.png'); position: absolute; top: 60px; left: 40px}
		
/* calendar +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	/* table.calendarouter		{width: 100%} */
	table.calendarouter	{margin: 0 auto}
	table.calendarouter td, table.calendarouter td	{padding: 10px 20px;}
	
	table.calendarinner td, table.calendarouter td		{vertical-align: top}
	table.calendarinner td 			{color: grey; padding: 2px;}
	table.calendarinner td:hover 	{background-color: rgba(0, 0, 0, 0.15); }
	table.calendarinner td.today	{font-weight: bold}
	table.calendarinner tr.day td	{text-align: right}

/* boeken, films, muziek +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	table#media	{/* border: 1px solid #453b37; */ border-collapse: collapse; width: 100%; margin: 15px 0}
	table#media tr td, table#media tr th {/* border: 1px solid #453b37; border-width: 1px 0 0 1px; */ padding: 10px;}
	table#media .rating		{float: right; font-size: 2em; /* color: #302926; */ margin-left: 5px}
	table#media .wanneer	{font-size: 0.8em; /* color: #bfbc99; */ text-transform: lowercase;}
	table#media small.aut	{text-transform: uppercase}
	
	table#media td:hover	{background-color: rgba(0, 0, 0, 0.05);}

/* concertoverzicht +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
	#yearsel li	{margin-right: 8px}

	dl#concertlist dt		{border-top: 1px dotted #cccccc; color: #555555; text-align: right; 
		font-size: 2em; padding: 10px 0;}
	dl#concertlist dd		{padding: 5px; margin: 0 0 10px 0; position: relative;}
	dl#concertlist dd em	{font-size: 1.5em; font-style: normal; float: right;
			color: rgba(0, 0, 0, 0.15); text-transform: uppercase;}
	dl#concertlist dd:hover	{background-color: rgba(0, 0, 0, 0.05);}
	dl#concertlist dd:hover	em	{color: rgba(0, 0, 0, 0.40);}
	
/*  flickr en youtube thumbs +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

	.thumbs {margin-top: 15px; clear: both; padding: 1px;}
	.thumbs h3	{margin-bottom: 14px; clear: both;}
	.thumbs h3 a	{color: #bfbc99;}
	.thumbs a	{margin: 0 5px 5px 0;}
	
	.thumbs ul.liggend 	{margin: 0; padding: 0; overflow: auto}
	.thumbs ul.liggend li	{width: 145px; height: 150px; display: block; float: left;}
	
	#dayphotos	{/* width: 450px; */ margin-bottom: 15px;}
	
/* tags +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

	dl.othertags dd	{margin: 0 0 10px 0; font-size: 0.8em; line-height: 1.4}
	.tagcol h2 a, .tagcloud a, dl.othertags dd a	{color: inherit}
	.tagcol a	{font-weight: normal;}
	
	.tagcol {float: left; width: 48%;}
	.tagcol2	{margin-left: 3%; float:right}
	
/* links */

	.kols	{-moz-column-count: 4; -moz-column-gap: 10px;
		-webkit-column-count: 4; -webkit-column-gap: 10px;
		column-count: 4; column-gap: 10px;}
	ul.dellist li a.subtiel	{color: #bfbfbf;}	
	
	.rss	{background: url('pics/ico-rss-trans.png') no-repeat top left; 
		width: 37px; height: 38px; margin-top: -40px; display: block; border: none}
	.rss span	{display: none;}
	
	.topnamen span	{color: silver}
	
	#iconbar {margin-top: 50px}
	#iconbar img	{border:none; padding: 0; opacity: 0.5; filter: alpha(opacity=50);}
	#iconbar img:hover	{opacity: 1; filter: alpha(opacity=100);}
	
/* satellite (flickr gallery) */

	.setThumb	{float: left; margin: 0 5px 5px 0;}	
	/* .setThumb img {border: 3px solid #453b37} */
	
	.photoset a	{/* border: 3px solid #453b37; */ float: left; margin: 0 5px 5px 0;}