/* Project: Bella+Ben-Portal
 * TASK four / Haiko Ruttmann
 * Created: 04.06.2007
 * ---------------------------
 * Ben - Template:Blog
 * ---------------------------
 */
/* -------------------------------------------------------------------------------  */
/* Blog - Infobox       								*/
/* -------------------------------------------------------------------------------  */
#bloginfo		{
 					border:				0px solid #000000;
 					height:				*;
					width:				225px;
					float:				left;
 			}

#bloginfohead	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				27px;
					width:				225px;
					float:				left;
					background-image: 	url(../images/navbar_header_top.png);
					background-repeat: 	no-repeat;
 			}

#bloginfohead span {
					display:			block;
 					border:				0px solid #000000;
 					height:				20px;
					width:				205px;
					padding-top:		7px;
					padding-left:		10px;
					color:				#ffffff;
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			14px;
					font-weight: 		bold;
					text-align:			left;
 			}

#bloginfocontent	{
					position:			relative;
 					border:				0px solid #000000;
 					height:				*;
					width:				225px;
					float:				left;
					background-image: 	url(../images/navbar_bg.png);
					background-repeat: 	fixed repeat-y;
 			}

#bloginfocontent span {
					display:			block;
 					border:				0px solid #000000;
 					height:				*;
					width:				200px;
					padding-top:		1px;
					padding-bottom:		2px;
					padding-left:		15px;
					padding-right:		5px;

					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			11px;
					font-weight: 		bold;
					font-variant: 		normal;
					color: 				#3e3e3e;
					text-decoration: 	none;
					font-style: 		normal;
					text-align:			left;
 			}

#bloginfocontent span a 	{
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			12px;
					font-weight: 		bold;
					font-variant: 		normal;
					color: 				#960732;
					text-decoration: 	none;
					word-spacing: 		normal;
					font-style: 		normal;
					line-height: 		normal;
					text-align:			left;
				}

#bloginfocontent span a:hover 		{
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			12px;
					font-weight: 		bold;
					color: 				#3e3e3e;
					text-decoration: 	none;
					text-align:			left;
				}

#bloginfobottom	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				14px;
					width:				225px;
					float:				left;
					background-image: 	url(../images/navbar_bottom.png);
					background-repeat: 	no-repeat;
 			}
/* -------------------------------------------------------------------------------  */
/* Blog - Content       								*/
/* -------------------------------------------------------------------------------  */
#blogbox		{
 					border:				0px solid #000000;
 					height:				*;
					width:				506px;
					text-align:			left;
 				}

#bloghead	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				27px;
					width:				506px;
					background-image: 	url('../images/content_header_top.png');
					background-repeat: 	no-repeat;
					float:				left
 			}

#bloghead span {
					display:			block;
 					border:				0px solid #000000;
 					height:				20px;
					width:				470px;
					padding-top:		7px;
					padding-left:		15px;
					text-align:			left;
					color:				#ffffff;
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			14px;
					font-weight: 		bold;
					font-variant: 		normal;
 			}

#blogcontentspace	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				5px;
					width:				506px;
					background-image: 	url('../images/blog_bg_spacer.png');
					background-repeat: 	no-repeat;
					float:				left;
 			}

#blogcontent		{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				*;
					width:				506px;
					background-image: 	url('../images/content_pl_bg_white.png');
					background-repeat: 	repeat-y;
					float:				left;
 			}





#blogcontentbella	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				*;
					width:				506px;
					background-image: 	url('../images/content_pl_bg_ben.png');
					background-repeat: 	repeat-y;
					float:				left;
 			}


#bloglogobella	{
					position:			relative;
					top:				15px;
					bottom:				15px;
					left:				10px;
 					border:				0px solid #000000;
 					height:				0px;
					width:				0px;
					/*background-image: 	url('../images/blog_logo_ben.gif');*/
					background-repeat: 	no-repeat;
					float:				left;
 			}

#bloglogoben	{
					position:			relative;
					top:				15px;
					bottom:				15px;
 					border:				0px solid #000000;
 					height:				0px;
					width:				0px;
					/*background-image: 	url('../images/blog_logo_ben.gif');*/
					background-repeat: 	no-repeat;
					float:				left;
 			}


#blogcontentben	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				*;
					width:				506px;
					background-image: 	url('../images/content_pl_bg_ben.png');
					background-repeat: 	repeat-y;
					float:				left;
 			}

#blogcontenttextben	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				*;
					width:				438px;
					float:				left;
 			}

#blogcontenttextbella	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				*;
					width:				438px;
					float:				left;
 			}

#blogcontentben span.text,
#blogcontentben span.headline,
#blogcontentben span.postinfo,

#blogcontentbella span.text,
#blogcontentbella span.headline,
#blogcontentbella span.postinfo,

#blogcontent span.text,
#blogcontent span.headline,
#blogcontent span.postinfo
			{
					display:			block;
 					border:				0px solid #000000;
 					height:				*;
					width:				460px;
					padding-top:		5px;
					padding-left:		15px;
					padding-right:		15px;
					padding-bottom:		5px;
 			}

#blogcontentben span.headline,
#blogcontentbella span.headline,
#blogcontent span.headline
				{
					text-align:			left;
					color:				#3e3e3e;
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			14px;
					font-weight: 		bold;
				}

#blogcontentben span.postinfo,
#blogcontentbella span.postinfo,
#blogcontent span.postinfo
				{
					text-align:			left;
					color:				#3e3e3e;
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			11px;
					font-weight: 		bold;
				}

#blogcontentben span.text,
#blogcontentbella span.text,
#blogcontent span.text
				{
					text-align:			left;
					color:				#3e3e3e;
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			12px;
					font-weight: 		normal;
				}

#blogcontentben span.text a,
#blogcontentbella span.text a,
#blogcontent span.text a 		{
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			12px;
					font-weight: 		bold;
					color: 				#960732;
					text-decoration: 	none;
					text-align:			left;
				}

#blogcontentben span.text a:hover,
#blogcontentbella span.text a:hover,
#blogcontent span.text a:hover 	{
					font-family: 		Arial, Helvetica, sans-serif;
					font-size: 			12px;
					font-weight: 		bold;
					color: 				#3e3e3e;
					text-decoration: 	none;
					text-align:			left;
				}

#blogbottom	{
					position:			relative;
					top:				0px;
					left:				0px;
 					border:				0px solid #000000;
 					height:				14px;
					width:				506px;
					background-image: 	url('../images/content_pd_bottom.png');
					background-repeat: 	no-repeat;
					float:				left;
 			}