/*
Theme Name: AMF 1.0
Theme URI: 
Description: 
Version: 
Author: Sermo Consulting
Author URI: 
Tags: 
*/

@import 'css/navigation.css';
@import 'css/sidebar.css';
@import 'css/flickr.css';
@import 'css/various.css';
@import 'css/comments.css';

/* ####################### */
/* General settings
/* ####################### */


h1, h2, h3, h4, p, ul, ul li, img, a img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

/*ul
{
    list-style: none;
}

	ul li
	{
		display: inline;
	}*/

.alignleft
{
    float: left;
    display: inline;
	margin: 0px 10px 10px 0px;
}

.alignright
{
    float: right;
    display: inline;
	margin: 0px 0px 10px 10px;
}

.page .post-edit-link
{
	float: left;
}

.clearfix
{
	clear: both;
	visibility: hidden;
}

/* ####################### */
/* Body
/* ####################### */

body
{
	color: #333333;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(graphics/backgrounds/bg.gif) repeat-x left top;
}


/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	display: block;
	color: #000000;
	line-height: 1.25em;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
} 

h1
{
	font-size: 2em;
	margin: 0px 0px 12px 0px;
} 

h2
{
	font-size: 1.3em;
	margin: 0px 0px 5px 0px;
}

h3
{
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
}

h4
{
	font-size: 13px;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

p
{
	line-height: 1.425em;
	margin: 0px 0px 13px 0px;
}	

	#main p
	{
		margin: 0px 0px 17px 0px;
	}

	p.wp-caption-text
	{
		margin-top: 3px;
		font-size: 0.95em;
	}


#main ul
{
	padding: 0px 0px 13px 20px;
}


/* ####################### */
/* Links
/* ####################### */

a
{
	outline: none;
	color: #01549f;
	text-decoration: none;
}

	a:hover, a:visited:hover
	{
		text-decoration:underline;
	}
	
	a:visited
	{
		color: #82468c;
	}
	
	a:active, a:visited:active
	{
		color: #000000;
	}
	
	a.lnk_arrow
	{
		padding: 0px 0px 0px 17px;
		background: url(graphics/icons/lnk_large_arrow.gif) no-repeat left 1px;
	}
	
		a.lnk_arrow:hover
		{
			background: url(graphics/icons/lnk_large_arrow_hov.gif) no-repeat left 1px;
		}
	
	a.lnk_rss
	{
		padding: 0px 0px 0px 20px;
		background: url(graphics/icons/ico_rss.gif) no-repeat left top;
	}
	
	a.lnk_twitter
	{
		padding: 0px 0px 0px 20px;
		background: url(graphics/icons/ico_twitter.gif) no-repeat left top;
	}
	
	a.lnk_facebook
	{
		padding: 0px 0px 0px 20px;
		background: url(graphics/icons/ico_facebook.gif) no-repeat left top;
	}
	
	a.lnk_email
	{
		padding: 0px 0px 0px 20px;
		background: url(graphics/icons/ico_email.gif) no-repeat left 1px;
	}
	

/* ####################### */
/* Framework / Container
/* ####################### */

#framework
{
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#container
{
	float: left;
	width: 940px;
	margin: 0px auto 0px auto;
	padding: 10px 20px 0px 20px;
	background: url(graphics/backgrounds/bg_container.gif) repeat-x left top;
}


/* ####################### */
/* Header
/* ####################### */

#header
{
	float: left;
	width: 940px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(graphics/backgrounds/bg_header.jpg) no-repeat 0px 0px;
}

	/* Minimum height for Firefox */
	#header {
	min-height: 120px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #header {
	height: 120px;
	}
	/**/
	
	#header #logo
	{
		float: left;
		position: absolute;
		left: 20px;
		top: 16px;
	}


/* ######################### */
/* Content / Main / Sidebar
/* ######################### */

#content
{
	float: left;
	width: 940px;
	margin: 0px 0px 133px 0px;
	padding: 19px 0px 20px 0px;
	background: #FFFFFF;
}

#main
{
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 0px 20px;
}

	#main.list_page
	{

	}

.sidebar
{
	float: right;
	width: 380px;
	padding: 20px 0px 0px 0px;
}


/* ####################### */
/* Footer
/* ####################### */

#footer
{
	float: left;
	width: 940px;
	display: inline;
	margin: 0px 0px 18px 0px;
	padding: 15px 0px 13px 0px;
	border-bottom: 1px solid #e9e7d8;
	background: url(graphics/backgrounds/bg_footer.gif) no-repeat 0px top;
}

	#footer .textwidget div
	{
		float: left;
		width: 210px;
		padding: 0px 25px 0px 0px;
	}
	
	#footer .textwidget h2
	{
		float: left;
		width: 210px;
		margin: 0px 0px 7px 0px;
	}
	
	#footer .textwidget p
	{
		float: left;
		width: 210px;
		margin: 0px 0px 10px 0px;
	}

	#footer .textwidget ul
	{
		float: left;
		width: 210px;
		margin: 0px 0px 8px 0px;
	}
	
		/* Minimum height for Firefox */
		#footer .textwidget ul {
		min-height: 40px; 
		height: auto;
		}
		/* Minimum height for IE */
		/*\*/
		* html #footer .textwidget ul {
		height: 40px;
		}
		/**/

		#footer .textwidget ul li
		{
			float: left;
			display: inline;
			width: 210px;
			margin: 0px 0px 4px 0px;
			padding: 0px 0px 0px 0px;
		}
		
		#footer .textwidget ul li a.lnk_rss,
		#footer .textwidget ul li a.lnk_twitter,
		#footer .textwidget ul li a.lnk_facebook
		{
			float: left;
		}

	
	#footer .textwidget .ico_pensionsbloggen
	{
		float: right;
		margin: 0px 0px 10px 15px;
	}
		

/* ####################### */
/* Posts
/* ####################### */

#main .post
{
	float: left; 
	width: 500px;
	position: relative;
	margin: 0px 0px 17px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #e9e7d8;
}

#main.single_post
{
	position: relative;
}

	#main .post .date, #main.single_post .date
	{
		float: left;
		width: 52px;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		margin: 0px 0px 0px -11px;
		padding: 6px 0px 0px 3px;
		background: url(graphics/various/calendar_date.jpg) no-repeat left top;
	}
	
		* html #main .post .date, #main.single_post .date
		{
			width: 55px;
		}
	
		/* Minimum height for Firefox */
		#main .post .date, #main.single_post .date {
		min-height: 49px; 
		height: auto;
		}
		/* Minimum height for IE */
		/*\*/
		* html #main .post .date, * html #main.single_post .date {
		height: 49px;
		}
		/**/
		
		#main .post .date span, #main.single_post .date span
		{
			float: left;
			width: 52px;
			text-align: center;
		}
		
			#main .post .date span.month, #main.single_post .date span.month
			{
				line-height: 10px;
				color: #FFFFFF;
				margin: 0px 0px 2px 0px;
				display: inline;
				width: 52px;
			}
			
			#main .post .date span.day, #main.single_post .date span.day
			{
				font-size: 18px;
				line-height: 18px;
				margin: 0px 0px 1px 0px;
				font-family: "Times New Roman", Times, serif;
				display: inline;
				width: 52px;
			}
			
			#main .post .date span.year, #main.single_post .date span.year
			{
				line-height: 10px;
				color: #818181;
				display: inline;
				width: 52px;
			}
	
	
	#main .post .logo_pension
	{
		position: absolute;
		width: 55px;
		left: -10px;
		top: 65px;
		background: url(graphics/icons/ico_pensionsbloggen_list.gif) no-repeat left top;
	}
	
	#main.single_post .logo_pension
	{
		position: absolute;
		width: 55px;
		left: 10px;
		top: 80px;
		background: url(graphics/icons/ico_pensionsbloggen_list.gif) no-repeat left top;
	}
	
		/* Minimum height for Firefox */
		#main .post .logo_pension, #main.single_post .logo_pension {
		min-height: 55px; 
		height: auto;
		}
		/* Minimum height for IE */
		/*\*/
		* html #main .post .logo_pension, * html #main.single_post .logo_pension {
		height: 55px;
		}
		/**/
	
	
	#main .post .author_avatar, #main.single_post .author_avatar
	{
		float: left;
		width: 53px;
		top: 64px;
		left: -9px;
		position: absolute;
	}


	#main .post .content, #main.single_post .content
	{
		float: right;
		width: 440px;
	}
	
		#main .post .content h2
		{
			float: left;
			width: 440px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0px 0px 6px 0px;
		}
		
		#main.single_post .content h1
		{
			float: left;
			width: 440px;
			font-weight: bold;
			font-size: 1.3em;
			color: #01549f;
			margin: 0px 0px 5px 0px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#main .post .content .postmetadata, #main.single_post .content .postmetadata
		{
			float: left;
			width: 440px;
			color: #818181;
			line-height: 1.425em;
			margin: 0px 0px 15px 0px;
		}
		
		#main .post .content .postmetadata
		{
			font-size: 0.95em;
			margin: 0px 0px 10px 0px;
		}
		
		#main .post .content p
		{
			float: left;
			width: 440px;
			margin: 0px 0px 10px 0px;
		}

		#main .post .content a.read_more
		{
			float: left;
			margin: 0px 0px 7px 0px;
			padding: 0px 0px 0px 17px;
			background: url(graphics/icons/lnk_large_arrow.gif) no-repeat left 1px;
		}
		
			#main .post .content a.read_more:hover
			{
				background: url(graphics/icons/lnk_large_arrow_hov.gif) no-repeat left 1px;
			}
	
		.author
		{
			float: left;
			width: 368px;
			font-size: 0.95em;
			position: relative;
			margin: 0px 0px 20px 0px;
			padding: 0px 0px 0px 72px;
		}

		
		/* Minimum height for Firefox */
		.author {
		min-height: 60px; 
		height: auto;
		}
		/* Minimum height for IE */
		/*\*/
		* html .author {
		height: 60px;
		}
		/**/
		
			.author .author_thumb
			{
				float: left;
				width: 60px;
				height: 60px;
				position: absolute;
				left: 0px;
				top: 1px;
				margin: 0px 0px 0px 0px;
			}

				.author h3
				{
					float: right;
					width: 368px;
					font-size: 0.95em;
					font-weight: normal;
					font-family: Arial, Helvetica, sans-serif;
					margin: 0px 0px 2px 0px;
				}
			
				.author .author_link
				{
					float: right;
					color: #818181;
					margin: 20px 0px 0px 0px;
				}
				
				.author .author_title, .author .author_phone, .author .author_email
				{
					float: right;
					width: 368px;
					color: #818181;
					margin: 0px 0px 0px 0px;
				}
				
				.author span
				{
					float: left;
					width: 120px;
				}


/* ####################### */
/* Author page
/* ####################### */

#main.author_page
{

}

	#main.author_page h2.list_header
	{
		border-bottom: 1px solid #e9e7d8;
		padding: 0px 0px 12px 0px;
		margin: 0px 0px 16px 0px;
	}

		#main.author_page .author_content
		{
			float: left;
			width: 500px;
			margin: 0px 0px 31px 0px;
		}
	
			#main.author_page .author_content p.author_description
			{
				width: 300px;
			}
			
			#main.author_page .author_content .author_details
			{
				width: 300px;
			}
			
				#main.author_page .author_content .author_details div span
				{
					float: left;
					width: 68px;
					font-weight: bold;
				}

	
			#main.author_page .author_content .photo
			{
				float: right;
			}


/* ####################### */
/* Glossary page
/* ####################### */

#main.glossary_page
{

}

	#main.glossary_page h2.list_header
	{
		border-bottom: 1px solid #e9e7d8;
		padding: 0px 0px 12px 0px;
		margin: 0px 0px 16px 0px;
	}
	
	#main.glossary_page .glossary_content
	{
		float: left;
		width: 500px;
		margin: 0px 0px 31px 0px;
	}