@charset "utf-8";

/*  
Theme Name: Iamotor
Theme URI: http://www.iamotor.nl/
Description: Iamotor Wordpress thema
Version: 3.0
Author: Kevin van der Wijst
Author URI: http://www.remixdesign.nl/
*/


/*------------------------------------------------------------------
[Table of Contents]

1. Body
2. Top / #top
3. Content / #content
4. Foot / #foot
	
X. Misc
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Body]
*/

	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 {
		background: #dbe6e9 url(images/body.png) top left repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #444;
		min-height: 100%;
		position: relative;
	}
	
		#container { background: url(images/container.png) top left no-repeat; width: 960px; min-height: 320px; margin: 0 auto; }
		
		
	img { border: none; margin: 0; padding: 0; }
		
	a, a:visited { color: #000; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }
		
			
	ul { list-style-position: inside; }
		ul li { list-style-position: inside; }
	ol { list-style-type: decimal; list-style-position: inside; }
		ol li { list-style-type: decimal; list-style-position: inside; }
		
		
	input { background: #fff; border: 1px solid #e6e6df; font-family: Arial, Helvetica, sans-serif; padding: 4px; font-size: 12px; color: #85858c; }
	textarea { background: #fff; border: 1px solid #e6e6df; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #85858c; line-height: 17px; overflow: auto; }
		.submit-button { padding: 3px 0 5px; }
		.no-input { background: none; border: none; width: auto; }
		
	
		.left { float: left; display: inline; overflow: hidden; }
		.right { float: right; display: inline; overflow: hidden; }
		.clear { clear: both; font-size: 1px; }
			
	hr { height: 0; border: none; border-top: 1px solid #e6e6df; margin: 0 0 20px; }



/*------------------------------------------------------------------
[2. Top / #top]
*/

	#top {
		background: url(images/top.png) 0 150px no-repeat;
		width: 960px;
		height: 155px;
		padding: 45px 0 0;
		position: relative;
	}
	
		#top #logo { width: 120px; height: 120px; position: absolute; z-index: 10; top: 45px; left: 0; }
			#logo h1 { background: url(images/logo.png) top left no-repeat; width: 120px; height: 120px; margin: 0; padding: 0; }
				#logo h1 span { display: none; }
				
		#top #tools { width: 190px; height: 90px; float: right; display: inline; overflow: hidden; }
			#tools .social { width: 90px; height: 45px; padding: 0 0 0 100px; }
				#tools .social ul { list-style: none; overflow: hidden; }
					#tools .social ul li { background: url(images/top-social.png) top left no-repeat; width: 45px; height: 45px; display: block; float: left; }
						#tools .social ul li img { padding: 10px 0 0 6px; opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
							#tools .social ul li img:hover { opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
			#tools .search { width: 190px; height: 27px; padding: 10px 0 0; }
				#tools .search form { background: url(images/top-search.png) top left no-repeat; overflow: hidden; height: 27px; }
					#tools .search form input { border: none; background: none; width: 140px; margin: 2px 0 0 39px; padding: 4px 0 6px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #475258; }
					
		#top #nav { background: #fff; width: 960px; height: 35px; margin: 120px 0 0; }
			#nav #menu { list-style: none; position: relative; padding: 0 0 0 95px; }
			
				#menu li { float: left; height: 35px; font-size: 14px; text-transform: uppercase; padding: 0 0 0 5px; margin: 0; }
					#menu li a, #menu li a:visited { height: 32px; padding: 3px 0 0 13px; display: block; float: left; color: #909ea0; text-decoration: none; }
					#menu li a:hover { color: #626d6f; text-decoration: none; }
				#menu li.current, #menu li.current_page_item { padding: 0 0 0 5px; margin: 0; }
					#menu li.current a, #menu li.current a:visited,
					#menu li.current_page_item a, #menu li.current_page_item a:visited { font-weight: bold; color: #2a393b; text-decoration: none; }
					#menu li.current a:hover,
					#menu li.current_page_item a:hover { color: #626d6f; text-decoration: none; }
					
					#menu li ul { background: #fff; width: 160px; z-index: 999; display: none; }
						#menu li ul li, #menu li ul li.current, #menu li ul li.current_page_item { display: block; width: 140px; height: auto; padding: 0 0 14px 20px; margin: 0; }
							#menu li ul li a, #menu li ul li a:visited { font-size: 12px; text-transform: none; height: auto; float: none; padding: 0; margin: 0; }
							#menu li.current ul li a, #menu li.current ul li a:visited, 
							#menu li.current_page_item ul li a, #menu li.current_page_item ul li a:visited, 
							#menu li.current ul li ul li a, #menu li.current ul li ul li a:visited, 
							#menu li.current_page_item ul li ul li a, #menu li.current_page_item ul li ul li a:visited {
								font-weight: normal; color: #909ea0; }
							#menu li.current ul li a:hover, #menu li.current_page_item ul li a:hover,
							#menu li.current ul li ul li a:hover, #menu li.current_page_item ul li ul li a:hover {
								font-weight: normal; color: #626d6f; }
							
							#menu li ul li ul { background: #dcebf1; z-index: 999; padding: 7px 0 9px; display: none; }
								#menu li ul li ul li, #menu li ul li ul li.current, #menu li ul li ul li.current_page_item { display: block; width: 140px; padding: 7px 0 7px 20px; }
							#menu li ul li.current ul li a, #menu li ul li.current ul li a:visited,
							#menu li ul li.current_page_item ul li a, #menu li ul li.current_page_item ul li a:visited { font-weight: normal; color: #909ea0; }
							#menu li ul li.current ul li a:hover,
							#menu li ul li.current_page_item ul li a:hover { font-weight: normal; color: #626d6f; }
					
	
	#header {
		background: #eee;
		width: 960px;
		height: 180px;
	}



/*------------------------------------------------------------------
[3. Content / #content]
*/

	#content  {
		background: #fff url(images/content.png) 640px 0 repeat-y;
		width: 960px;
		padding: 0;
		overflow: hidden;
	}


	/*--------------------------------------------------------------
	[3.1. Main / #main]
	*/
	
		#main {
			width: 640px;
			float: left;
			display: inline;
			overflow: hidden;
		}
		
		
			#main #overzicht { padding: 10px; overflow: hidden; }
			
				#overzicht .heading { padding: 10px 10px 0; }
					#overzicht .heading h1 { font-size: 25px; color: #1c9ab1; margin: 0 0 6px; }
				
				#overzicht .block { width: 290px; min-height: 180px; padding: 10px; float: left; display: block; }
					#overzicht .block .image { width: 290px; height: 180px; position: relative; }
						#overzicht .block .image img { max-width: 290px; max-height: 180px; opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
								filter: alpha(opacity=100); position: absolute; z-index: 4; }
							#overzicht .block .image img:hover { opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
						#overzicht .block .image .title { background: url(images/block-title.png) top left repeat; padding: 12px 15px 13px; width: 260px; 
								position: absolute; z-index: 14; bottom: 0; }
							#overzicht .block .image .title .datum { font-size: 12px; color: #fff; opacity: 0.75; filter: alpha(opacity=75); padding: 0 0 9px; }
							#overzicht .block .image .title h2 { font-size: 18px; font-weight: bold; color: #fff; }
								#overzicht .block .image .title h2 a, #overzicht .block .image .title h2 a:visited { color: #fff; text-decoration: none; }
								#overzicht .block .image .title h2 a:hover { color: #fff; text-decoration: underline; }
					#overzicht .block .entry { width: 290px; padding: 8px 0 0; }
						#overzicht .block .entry p { padding: 5px 0 0; font-size: 12px; color: #555; line-height: 23px; }
							#overzicht .block .entry p a, #overzicht .block .entry p a:visited { font-weight: bold; color: #1c9ab1; text-decoration: none; }
							#overzicht .block .entry p a:hover { color: #63af1e; text-decoration: none; }
					
					
			#main #blog { padding: 20px; overflow: hidden; }
				
				#blog .item { width: 600px; }
					#blog .item h1 { font-size: 25px; color: #1c9ab1; margin: 0 0 6px; }
						#blog .item h2 { font-size: 20px; color: #1c9ab1; margin: 0 0 6px; }
							#blog .item h3 { font-size: 18px; color: #436c81; margin: 0 0 5px; }
								#blog .item h4 { font-size: 16px; color: #436c81; margin: 0 0 5px; }
									#blog .item h5 { font-size: 14px; color: #000; margin: 0 0 4px; }
										#blog .item h6 { font-size: 13px; color: #000; margin: 0 0 4px; }
					#blog .item .info { font-size: 12px; color: #96a3a9; overflow: hidden; }
						#blog .item .info .datum { background: url(images/icons/date-small.png) 0 1px no-repeat; padding: 3px 0 6px 23px; margin: 0 12px 0 0; 
								float: left; display: inline; overflow: hidden; }
						#blog .item .info .author { background: url(images/icons/star-small.png) 0 1px no-repeat; padding: 3px 0 6px 23px; 
								float: left; display: inline; overflow: hidden; }
					#blog .item .entry { overflow: hidden; }
						#blog .item .entry p { padding: 10px 0 6px; margin: 0; font-size: 13px; color: #444; line-height: 23px; }
							#blog .item .entry p a, #blog .item .entry p a:visited { font-weight: bold; color: #63af1e; text-decoration: none; }
							#blog .item .entry p a:hover { color: #1c9ab1; text-decoration: none; }
						#blog .item .entry blockquote { background: #eee; padding: 14px 16px 15px; margin: 10px 0; font-size: 12px; font-style: italic; color: #444; }
						
					#blog .item.page { padding: 0 0 10px; }
						#blog .item.page .entry p { padding: 0 0 10px; }
						
				#blog .meta { overflow: hidden; }
					#blog .meta .category { background: url(images/icons/cat-small.png) 0 4px no-repeat; padding: 3px 18px 20px 26px; color: #96a3a9; 
							float: left; display: inline; overflow: hidden; }
					#blog .meta .tags { background: url(images/icons/tag-small.png) 0 4px no-repeat; padding: 3px 0 20px 26px; color: #96a3a9; 
							float: left; display: inline; overflow: hidden; }
						#blog .meta a, #blog .meta a:visited { color: #96a3a9; text-decoration: none; }
						#blog .meta a:hover { color: #375260; text-decoration: none; }
							
						
			#main .ad-block { background: #edf3f4; width: 560px; padding: 20px; clear: both; }
					#main #overzicht .ad-block { margin: 10px; }
				#main .advertentie { background: #fff; width: 468px; min-height: 60px; margin: 0 auto; padding: 10px; }
					#main .advertentie img { line-height: 60px; color: #999; }
			
			#main .navigation { font-size: 14px; overflow: hidden; padding: 10px 11px 0; clear: both; }
				#main .navigation a, #main .navigation a:visited { font-weight: bold; color: #ff4800; text-decoration: none; }
				#main .navigation a:hover { color: #ff4800; text-decoration: underline; }
				
				
			#main #comments {
				padding: 0 20px 10px;
				overflow: hidden;
			}
			
				#comments h2 { font-size: 20px; color: #436c81; margin: 0 0 6px; }
					#comments h3 { font-size: 14px; font-weight: normal; color: #96a3a9; margin: 0 0 5px; }
					
				#comments .reactie { padding: 10px 0; overflow: hidden; }
					#comments .reactie .gravatar { width: 60px; height: 60px; padding: 0 15px 0 0; float: left; display: inline; overflow: hidden; }
					#comments .reactie .entry { width: 525px; float: right; display: inline; overflow: hidden; }
						#comments .reactie .entry h4 { font-size: 14px; color: #375260; margin: 0 0 3px; }
							#comments .reactie .entry h4 a, #comments .reactie .entry h4 a:visited { color: #375260; text-decoration: none; }
							#comments .reactie .entry h4 a:hover { color: #000; text-decoration: none; }
						#comments .reactie .entry .date { font-size: 11px; color: #737d82; }
							#comments .reactie .entry .date span { display: inline-block; padding: 0 5px; color: #96a3a9; }
						#comments .reactie .entry p { font-size: 12px; color: #444; padding: 6px 0; line-height: 21px; }
							#comments .reactie .entry p a, #comments .reactie .entry p a:visited { font-weight: bold; color: #63af1e; text-decoration: none; }
							#comments .reactie .entry p a:hover { color: #1c9ab1; text-decoration: none; }
							#comments .reactie .entry p.moderation { padding: 12px 0 6px; }
							
			
			#main #respond {
				padding: 0 20px 20px;
				overflow: hidden;
			}
			
				#respond h2 { font-size: 20px; color: #436c81; margin: 0 0 6px; }
				#respond p { font-size: 13px; color: #444; padding: 6px 0; line-height: 21px; }
				
				#respond form { padding: 0 0 5px; }
					#respond form fieldset { padding: 5px 0; }
						#respond form fieldset input { background: #fff; border: 1px solid #ced4d5; border-top: 1px solid #b3bbbc; border-left: 1px solid #b3bbbc; 
								font-size: 13px; color: #999; width: 200px; padding: 5px 7px; }
							#respond form fieldset input:focus { color: #444; }
						#respond form fieldset label { font-size: 13px; color: #777; padding: 0 0 0 7px; cursor: pointer; }
							#respond form fieldset label span { color: #96a3a9; }
						#respond form fieldset textarea { background: #fff; border: 1px solid #ced4d5; border-top: 1px solid #b3bbbc; border-left: 1px solid #b3bbbc; 
								font-size: 13px; color: #444; min-width: 400px; max-width: 590px; min-height: 150px; max-height: 250px; padding: 5px; line-height: 23px; }
						#respond form fieldset .submit { background: #63af1e; border: none; width: auto; font-weight: bold; color: #fff; display: block; padding: 5px 8px 7px; }
							#respond form fieldset .submit:focus, #respond form fieldset .submit:hover { background: #1c9ab1; color: #fff; cursor: pointer; }


	/*--------------------------------------------------------------
	[3.2. Sidebar / #sidebar]
	*/
	
		#sidebar {
			background: #e9f1f2 url(images/sidebar.png) top left no-repeat;
			width: 280px;
			min-height: 180px;
			padding: 20px;
			float: right;
			display: inline;
			overflow: hidden;
		}
		
			#sidebar .block { padding: 15px; }
				#sidebar .block.meta { background: url(images/icons/meta.png) 243px 7px no-repeat; }
				#sidebar .block.chat { background: url(images/icons/chat.png) 243px 7px no-repeat; }
				#sidebar .block.tag { background: url(images/icons/tag.png) 243px 7px no-repeat; }
			
				#sidebar .block h2 { font-weight: normal; font-size: 20px; color: #436c81; margin: 0 0 20px; }
					#sidebar .block.meta h2 { margin: 0 0 18px; }
					#sidebar .block.chat h2 { margin: 0 0 8px; }
					
					#sidebar .block h3 { font-weight: normal; font-size: 16px; color: #0845a1; }
						#sidebar .block h4 { font-weight: normal; font-size: 12px; color: #698898; }
				
				#sidebar .block a, #sidebar .block a:visited { font-weight: bold; color: #ff4800; text-decoration: none; }
				#sidebar .block a:hover { color: #ff4800; text-decoration: underline; }
				
				#sidebar .block ul { list-style: none; margin: 0; }
					#sidebar .block ul li { list-style: none; display: block; padding: 2px 0 3px; }
					
				#sidebar .block ul.comments { list-style: none; padding: 15px 0 10px; font-size: 12px; }
					#sidebar .block ul.comments li { padding: 5px 0 7px; }
						#sidebar .block ul.comments li a, #sidebar .block ul.comments li a:visited { font-weight: bold; color: #0845a1; text-decoration: none; }
						#sidebar .block ul.comments li a:hover { color: #0845a1; text-decoration: underline; }
						#sidebar .block ul.comments li p { color: #516570; line-height: 21px; }
						
				#sidebar .block .tags { text-align: justify; line-height: 25px; }
					#sidebar .block .tags a, #sidebar .block .tags a:visited { font-weight: normal; color: #788e9a; text-decoration: none; }
					#sidebar .block .tags a:hover { color: #516570; text-decoration: underline; }



/*------------------------------------------------------------------
[4. Footer / #footer]
*/

	#footer {
		background: url(images/footer.png) top left no-repeat;
		padding: 25px 0 60px;
		font-size: 13px;
		color: #436c81;
		overflow: hidden;
	}
	
		#footer a, #footer a:visited { font-weight: bold; color: #0845a1; text-decoration: none; }
		#footer a:hover { color: #0845a1; text-decoration: underline; }
				


		

/*------------------------------------------------------------------
[X. Misc]
*/			
			
	.btn { display: inline-block; background: none; margin: 0; padding: 3px 0; border-width: 0; overflow: visible; font: 100%/1.2 Arial,Sans-serif; text-decoration: none; color: #333; cursor: pointer; }
    * html button.btn { padding-bottom: 1px; }
    html:not([lang*=""]) button.btn { margin: 0 -3px; }
		.btn span { background: #ddd url(images/gradient.png) repeat-x 0 0; margin: 0; padding: 3px 0; border-left: 1px solid #bbb; border-right: 1px solid #aaa; cursor: pointer; }
    	* html .btn span { padding-top: 0; }
			.btn span span { position: relative; padding: 3px .9em; font-weight: bold; color: #555; border-width: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #aaa; cursor: pointer; }
    	.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor: pointer; /* important for any clickable/pressable element */ border-color: #9cf !important; 	color: #000; }
		.btn:active span { background-position: 0 -400px; outline: none; }
    .btn:focus, .btn:active { outline: none; /* doesn't seem to be respected for <button>, only <a> */ }
	
	
	img.centered,
	img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.alignright {
		padding: 4px 0 0;
		margin: 0 0 2px 16px;
		display: inline;
	}
	
	img.alignleft {
		padding: 4px 0 0;
		margin: 0 16px 2px 0;
		display: inline;
	}
	
	.alignright {
		float: right;
	}
	
	.alignleft {
		float: left;
	}