/*
--------------------------------------------------------------------------------------------------
 Title:			Weblog Styles 
 Created on: 	16-04-2008
 Author:     	Rinse van Dijk
 Client:		SNN / Nordconnect
 Project:		Weblog Nordconnect
 Copyright:  	Vincis B.V. The Netherlands
-------------------------------------------------------------------------------------------------- 
*/

@media	screen, handheld
{
	/*********************************************************************************************/
	/* =Module Correction Styles of normal layout                         					 	 */
	/*********************************************************************************************/
		
	#containerContent h2
	{
		color: 			#E91C3D;
		font-size:		1.3em;
		margin:			0 0 5px 0;
		padding:		0;
	}
	
	.readmore
	{
		float:			left;
	}
	
	.readmore a
	{	
		color:				#ef8529;
		font-weight:		bold;
		text-decoration:	none;
	}
		.readmore a:hover
		{
			text-decoration:	underline;
		}
	
	
	a.link
	{
			text-decoration:		none;
			font-size:				0.9em;
	}
	
		a.link:hover
		{
			text-decoration:		underline;
		}
	
	#containerPagemenuBlue
	{
		float:			left;
	}
	
	/*********************************************************************************************/
	/* =Weblog Page Styles			                                      					 	 */
	/*********************************************************************************************/

			#containerHistory
			{
				float:				left;
				height:				160px;
				width:				748px;
				
				margin:				10px 0 0 0;
				padding:			15px 11px 11px 11px;
				
				
				background-color:	#d5eefa;
			}
			*>#containerHistory
			{
				min-height:			165px;
				height:				auto;	
			}
			
				#thisTime
				{
					float:			left;
					width:			422px;
				}
				
					.photo
					{
						float:				left;
						
						width:				85px;
						height:				130px;
						margin:				0 15px 40px 0;
						padding:			5px;
						
						background-color:	#FFFFFF;
						border:				1px solid #D2CAAD;
					}
					
									
					.content .title, .content .date 
					{
						padding:			0 10px 0 0;
					}
					
						.content .title a
						{
							font-weight:		bold;
							color:				#000;
							text-decoration:	none;
						}
						
							.content .title a:hover
							{
								text-decoration:	underline;
							}
					
					.date, .reactions
					{
						color:				#999;
					}
					
					.date a
					{
						color:				#999!important;
						font-weight:		normal;
						text-decoration:	underline;
					}
			
					.readMore a
					{
						padding:			0 0 0 3px;
						color:				#06a0e1!important;
					}
					*>.readMore a
					{
						padding:			0;
					}
				
				#containerMiddle
				{
					float:				left;
					height:				80px;
					
					margin:				15px 0 20px 0;
				}
				
				*>#containerMiddle
				{
					min-height:			80px;
					height:				auto;
				}
				
					.overview
					{
						float:			left;
												
						width:			444px;
						padding:		10px 0px 0 0;
					}
					
					.overview h2
					{
						padding:				0 0 5px 0;
						margin:					0;
		
						font-size:				1.1em;
						line-height:			100%;
									
						color:					#172983;
					}
					
					.overview ul
					{
						float:					left;
						display:				block;
						list-style:				none;
						margin:					0 40px 0 0!important;
						padding:					0;
					}

						.overview ul li
						{
							float:					left;
						
						}
					.search
					{
						float:				left;
						width:				337px;
						height:				140px;
						*height:			150px; /* only read by IE */
						
						color:				#6a6e72;
						
						background-color:	#f5f5f5;
						border:				1px solid #BCBCBC;
						
						padding:			11px;
					}
					*>.search
					{
						width:				337px;						
					}
					
						#quickSearchWeblog #containerSearchField
						{
							float:				left;
							margin:				20px 0 0 0;	
						}
					
				

	
	/*********************************************************************************************/
	/* =Weblog Item/Archive Styles			                                      			 	 */
	/*********************************************************************************************/

		.date
		{
			color:			#999999;
			line-height:	180%;
		}
	
		.intro
		{
			font-weight:		bold;
			margin:				15px 0 5px 0;
		}
		
		
		#containerArchive .reactionBy
		{	
			
			width:				698px;
		}
		
		
		
		
		#containerArchive .reactionPost
		{	
			
			width:				680px;
		}
		
		#weblogOptions
		{
			float:				right;
		
			margin:				0;
			padding:			0;
		}

		#weblogOptions #user
		{
			float:				left;
			display:			inline;
			
			width:				175px;
			height:				125px;
			padding:			10px;
			margin:				0 0 0 0px;
			

		}
		*>#weblogOptions #user
		{
			min-height:			125px;
			height:				auto;
		}
	
			#weblogOptions #user h3
			{
				color:			#9cbc15;
				font-size:		1.3em;
				margin:			0 0 0 0;
			}
			
			#weblogOptions #user img
			{
				float:			left;
				margin:			0 10px 0 0;
			}
			
			#weblogOptions #user p
			{
				float:			left;
				width:			90px;
			}
				
			#previousBlogs
			{
				float:				left;
				display:			inline;
				
				width:				175px;
				height:				68px;
				padding:			10px;
				margin:				0 0 0 0px;
				
				font-size:			1.1em;
			}
			*>#previousBlogs
			{
				min-height:			68px;
				height:				auto;
			}
			
			#previousBlogs ul
			{
				margin:				0;
				padding:			0;
			}
											
			#previousBlogs ul li
			{
				width:					155px;
				background-image:		none;
				list-style:				none;
				padding:				0;
				margin:					0 0 10px 0;
			}		

		#blogArchive, #otherBlogs
		{
			float:				left;
			display:			inline;
			margin:				0 0 0 0px;
			padding:			10px;
			
			font-size:			1.1em;
			
			/*width:				175px;*/
		}

		#otherBlogs
		{
			float:				left;
			display:			inline;
		
			margin:				10px 0 0 0px;
			padding:			10px;
					
			width:				175px;
		}
	
		
			#otherBlogs .title
			{
				padding:			0 0 10px 0;
				color:				#000;
				
			}
			
			#otherBlogs .photo
			{
				width:			28px;
				height:			43px;
				margin:			5px 10px 5px 0px;
				padding:		3px;
			
				border-top:		1px solid #D2CAAD;
			}


				#otherBlogs ul li
				{
					list-style:				none;
				}				
			
		#containerArchive ul
		{
			float:					left;
			list-style:				none;
			margin:					0;
		}				
	
		#containerWeblogUser
		{
			float:				left;
			position:			relative;
			display:			inline;
			
			width:				200px;
			height:				125px;
			padding:			10px 5px 10px 10px;
			margin:				0 0 0 10px;
		}
		*>#containerWeblogUser
		{
			min-height:			125px;
			height:				auto;
		}
	
		
			#containerWeblogUserInfo
			{
				height:			150px;
				margin:			10px 0 0 10px;
			}
			*>#containerWeblogUserInfo
			{
				min-height:		150px;
				height:			auto;
			}
			
				#containerWeblogUserInfo .photo
				{
					position:		relative;
					float:			left;
					
					padding:		5px;
					
					margin:			0 5px 0 0;
						
					border:			1px solid #d2caad;
				}
				
				#containerWeblogUserInfo .name
				{
					position:		relative;
					color:			#fff;
					font-size:		1.3em;
				}
				
				#containerWeblogUserInfo .function
				{
					*float:			left;
					color:			#000;
				}
			
	
			#containerPrevWeblogs
			{
				float:				left;
				display:			inline;
				position:			relative;
				
				width:				200px;
				height:				68px;
				padding:			10px;
				margin:				0 0 20px 10px;
				
				font-size:			1.1em;
				
				background-color:	#d5eefa;
			}
			*>#containerPrevWeblogs
			{
				min-height:			68px;
				height:				auto;
			}
			
											
			#containerPrevWeblogsItem
			{
				margin:				10px 0 0 10px;
				width:				160px;
				color:				#6a6e72;
			}
	
				#containerPrevWeblogsItem .date
				{	
					float:				left;
					width:				100%;
					clear:				both;
					margin:				0;
					padding:			0;
					color:				#6a6e72;
				}
				
				#containerPrevWeblogsItem .title
				{
					float:				left;
					margin:				-4px 0 12px 0;
					width:				165px;
					padding:			0;	
				}
				
					#containerPrevWeblogsItem .title a
					{	
						color:			#172983;
					}
					
				
					#containerPrevWeblogsItem .title span
					{
						display:		block;
						clear:			both;
					}
		
		#containerArchiveMore
		{
			float:				left;
			display:			inline;
			margin:				0 0 20px 10px;
			padding:			10px;
			
			font-size:			1.1em;
			
			width:				200px;
			background-color:	#d5eefa;
		}
		
			#containerArchiveMore .title
			{
				padding:		0 0 10px 0;
			}
			
			#containerPagemenuOrangeBackground form
			{
				width:			165px;
				margin:			10px 0 0 10px;
			}
			
			#containerPagemenuOrangeBackground form select
			{
				width:			90px;	
				margin:			0 5px 0 0;
			}
		
		#containerPagemenuBlueBackground
		{
			height:				auto;	
		}
		
		#containerOtherWeblogs
		{
			float:				left;
			display:			inline;
		
			margin:				10px 0 0 10px;
			padding:			0;
					
			width:				165px;
		}
	
		
			#containerOtherWeblogs .title
			{
				padding:			0 0 10px 0;
				color:				#000;
				
			}
			
			#containerOtherWeblogs .photo
			{
				width:			28px;
				height:			43px;
				margin:			5px 10px 5px 0px;
				padding:		3px;
			
				border-top:		1px solid #D2CAAD;
			}

			
		#containerArchive ul
		{
			list-style:				none;
			margin:					0;
			padding:				0;
		}		
		
		#containerArchive ul li
		{
			list-style:				none;
		}
		

}

@media print
{

}