﻿

@media all
{
	html *
	{
		font-size: 14px;
	}

	textarea, pre, tt, code
	{
	}

	body
	{
	font-family:Arabic Transparent;
		font-size: 95.00%;
		color: #444444;
	}
/*201109*/
a
	{
		color: #2E5D9D;
		text-decoration: none;
	}
	a:focus, a:hover, a:active
	{
		color: #b45d16;
		text-decoration: underline;
	}
/**************************************************/

	h1, h2, h3, h4, h5, h6
	{
		font-weight: bold;

	}
	h1
	{
		font-size: 200%;
	}
	/* 24px */
	h2
	{
	}
	/* 20px */
	h3
	{
		font-size: 150%;
	}
	/* 18px */
	h4
	{
		font-size: 133.33%;
	}
	/* 16px */
	h5
	{
		font-size: 116.67%;
	}
	/* 14px */
	h6
	{
		font-size: 116.67%;
	}
	/* 14px */

	p
	{
		margin: 0 0 1em 0;
	}

	/* ### Lists | Listen  #### */

	ul, ol, dl
	{
		line-height: 1.5em;
		margin: 0 0 1em 1em;
	}
	li
	{
		margin-left: 1.5em;
		line-height: 1.5em;
	}

	dt
	{
		font-weight: bold;
	}
	dd
	{
		margin: 0 0 1em 2em;
	}

	/* ### text formatting | Textauszeichnung ### */

	cite, blockquote
	{
		font-style: italic;
	}
	blockquote
	{
		margin: 0 0 1em 1.5em;
	}

	strong, b
	{
		font-weight: bold;
	}
	em, i
	{
		font-style: italic;
	}

	pre, code
	{
		font-family: monospace;
		font-size: 1.1em;
	}

	acronym, abbr
	{
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}

	/**
															   * Generic Content Classes
															   * (en) standard classes for positioning and highlighting
															   * (de) Standardklassen zur Positionierung und Hervorhebung
															   *
															   * @section content-generic-classes
															   */

	.note
	{
		background: #dfd;
		padding: 1em;
		border-top: 1px #bdb dotted;
		border-bottom: 1px #bdb dotted;
	}
	.important
	{
		background: #ffd;
		padding: 1em;
		border-top: 1px #ddb dotted;
		border-bottom: 1px #ddb dotted;
	}
	.warning
	{
		background: #fdd;
		padding: 1em;
		border-top: 1px #dbb dotted;
		border-bottom: 1px #dbb dotted;
	}

	.float_left
	{
		float: left;
		display: inline;
		margin-right: 1em;
		margin-bottom: 0.15em;
	}
	.float_right
	{
		float: right;
		display: inline;
		margin-left: 1em;
		margin-bottom: 0.15em;
	}
	.center
	{
		text-align: center;
		margin: 0.5em auto;
	}

	/**
															   * External Links
															   *
															   * (en) Formatting of hyperlinks
															   * (de) Gestaltung von Hyperlinks
															   *
															   */

	

	/**
															   * (en) Emphasizing external Hyperlinks via CSS
															   * (de) Hervorhebung externer Hyperlinks mit CSS
															   *
															   * @section             content-external-links
															   * @app-yaml-default    disabled
															   */


	.postContent p a[href^="http:"], .postContent p a[href^="https"]
	{
		padding-right: 15px;
		background-image: url( 'images/external_link.png' );
		background-repeat: no-repeat;
		background-position: right center;
	}
	
	#page * a[href^="http:"], #page * a[href^="https"]
	{
		padding-right: 15px;
		background-image: url( 'images/external_link.png' );
		background-repeat: no-repeat;
		background-position: right center;
	}


	/**
															   * Tables | Tabellen
															   * (en) Generic classes for table-width and design definition
															   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
															   *
															   * @section content-tables
															   */

	

	/**
															   * Miscellaneous | Sonstiges
															   *
													   * @section content-misc
															   */
hr{
background-color:Gray; 
line-height:1;
background: transparent;

}
	.hr
	{
		color: #fff;
		background: transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border: 0;
		border-bottom: 1px #000 solid;
		
	}

	/* Custom Silverlight css */

	/* Global */

	input
	{
		/* border: 1px solid silver;*/
		font-size: 11px;
		padding: 3px;
	}

	img
	{
		border: none;
	}
	
	#col3 img
	{
		/*border:1px solid silver;
		padding:5px;*/
	}

	.button
	{
		padding: 2px;
	}


	#col3 H1
	{
		background-image: url(images/headline_bg.gif);
		line-height: 24px;
		border: 1px solid silver;
		margin: 0;
		padding-left: 3px;
		font-size: 11px;
		color: #CC6714;
	}

	/********************************************/

	/* Header */
	#logo
	{
		position: relative;
		left: 1px;
		top: 1px;
	}

	#header p
	{
		position: relative;
		color: #444444;
		left: 77px;
		top: 27px;
		font-size: 15px;
		font-weight: bold;
	}

	#searchbox
	{
		float: right;
		margin-top: 60px;
		font-size: 10px;
		margin-right: 10px;
	}

	#searchbutton
	{
		margin-left: 3px;
		padding: 2px;
	}

	/********************************************/

	/* Footer */

	#footer
	{
		background-image: url(images/headline_bg.gif);
		background-repeat: repeat-x;
		margin-top: 15px;
		text-align: center;
		border: 1px solid silver;
	}

	#footer p
	{
		padding: 4px;
	}

	/**************************/

	/* Post */

	#postnavigation
	{
		margin-bottom: 5px;
	}

	.post
	{
		margin-bottom: 15px;
	}

	.postHeader
	{
		margin-bottom: 5px;
	}

	.postHeaderTitle
	{
		background-image: url(images/headline_bg.gif);
		height: 24px;
		border: 1px solid silver;
	}

	.postHeaderTitle H2
	{
		padding: 4px;
	}

	.postHeaderDate
	{
		background-image: url(images/grey-bg.jpg);
		background-repeat: repeat-x;
		text-align: right;
		padding: 4px;
	}

	.postContent
	{
		padding: 4px;
		background-color: #ffffff;
	}

	.postFooter
	{
		margin-top: 8px;
		border: 1px solid silver;
		background-color: #fafafa;
		padding: 5px;
		line-height: 20px;
	}

	.FooterLabel
	{
		color: #999999;
		font-weight: bold;
	}

	.PostActions
	{
		height: 20px;
	}

	.PostActionItem
	{
		float: left;
		color: Silver;
	}

	.post .PostActions a
	{
		padding-left: 20px;
		padding-bottom: 2px;
		background-repeat: no-repeat;
		background-position: left center;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.MailLink
	{
		background-image: url(images/email_go.png);
	}

	.PermaLink
	{
		background-image: url(images/page_white_link.png);
	}

	.CommentLink
	{
		background-image: url(images/comments.png);
	}

	.TrackbackLink
	{
		background-image: url(images/newspaper_link.png);
	}


	.rating p
	{
		display: inline;
		position: relative;
		top: 14px;
		left: 55px;
	}

	.star-rating
	{
		position: relative;
		width: 125px;
		height: 25px;
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;
		background-position: left top;
	}

	.star-rating li
	{
		display: inline;
	}

	.star-rating a, .star-rating .current-rating
	{
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -1000em;
		height: 25px;
		line-height: 25px;
		outline: none;
		overflow: hidden;
		border: none;
		margin: 0;
		padding: 0;
	}

	.star-rating a:hover, .star-rating a:active, .star-rating a:focus
	{
		background-position: left bottom;
	}

	.star-rating a.one-star
	{
		width: 20%;
		z-index: 6;
	}

	.star-rating a.two-stars
	{
		width: 40%;
		z-index: 5;
	}

	.star-rating a.three-stars
	{
		width: 60%;
		z-index: 4;
	}
	.star-rating a.four-stars
	{
		width: 80%;
		z-index: 3;
	}
	.star-rating a.five-stars
	{
		width: 100%;
		z-index: 2;
	}
	.star-rating .current-rating
	{
		z-index: 1;
		background-position: left center;
	}

	/* smaller star */
	.small-star
	{
		width: 50px;
		height: 10px;
	}
	.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating
	{
		background-image: url(../../pics/star_small.gif);
		line-height: 10px;
		height: 10px;
	}
	/**************************/

	/* code styles for CodeFormatter Extension*/

	.csharpcode-wrapper, .csharpcode-wrapper pre
	{
		background-color: #f4f4f4;
		border: solid 1px silver;
		cursor: text;
		font-size: 8pt;
		line-height: 12pt;
		margin: 15px 15px 10px 0px;
		overflow: hidden;
		padding: 4px 4px 4px 4px;

	}

	.csharpcode-wrapper pre
	{
		border-style: none;
		margin: 0px 0px 0px 0px;
		overflow: visible;
		padding: 0px 0px 0px 0px;
	}

	.csharpcode, .csharpcode pre, .csharpcode .alt
	{
		background-color: #f4f4f4;
		border-style: none;
		color: black;
		font-size: 8pt;
		line-height: 12pt;
		overflow: visible;
		padding: 0px 0px 0px 0px;
		width: 100%;
	}
	.csharpcode pre
	{
		margin: 0em;
	}
	.csharpcode .alt
	{
		background-color: white;
	}
	.csharpcode .asp
	{
		background-color: #ffff00;
	}
	.csharpcode .attr
	{
		color: #ff0000;
	}
	.csharpcode .cls
	{
		color: #cc6633;
	}
	.csharpcode .html
	{
		color: #800000;
	}
	.csharpcode .kwrd
	{
		color: #0000ff;
	}
	.csharpcode .lnum
	{
		color: #606060;
	}
	.csharpcode .op
	{
		color: #0000c0;
	}
	.csharpcode .preproc
	{
		color: #cc6633;
	}
	.csharpcode .rem
	{
		color: #008000;
	}
	.csharpcode .str
	{
		color: #006080;
	}

	/**************************/

	/**************************/
	/* Comment */

	#commentList
	{
	}

	.commentDate
	{
		margin: 0;
		padding: 0px 5px 0px 0px;
		float: right;
		margin-right: 5px;
	}

	.commentHeader
	{
		background-image: url(images/grey-bg.jpg);
		background-repeat: repeat-x;
		height:21px;
	}

	.comment
	{
		border: 1px solid silver;
		margin-top: 5px;
		margin-bottom: 10px;
		padding-bottom: 35px;
	}

	.commentContent
	{
	}

	.commentHeader .author
	{
		margin-left: 5px;
	}

	.self
	{
		background-color: #F5F5F5;
	}

	.comment .gravatar
	{
		float: right;
		margin: 5px 5px 5px 5px;
	}

	.comment .gravatar img
	{
		height: 80px;
		width: 80px;
	}

	.comment .content
	{
		min-height: 85px;
		margin: 5px 0 0 5px;
	}
	.commentForm
	{
		margin-top: 10px;
		background-color: #fafafa;
	}

	.commentForm #addcomment
	{
		margin-bottom: 10px;
	}

	.commentForm label
	{
		float: left;
		display: block;
		width: 80px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.commentForm input
	{
		width: 200px;
		margin-bottom: 5px;
	}

	.commentForm textarea
	{
		width: 95%;
		height: 150px;
	}

	/**************************/

	/* Related Posts */

	#relatedPosts
	{
		padding: 10px;
		border-left: 1px solid silver;
		border-bottom: 1px solid silver;
		border-right: 1px solid silver;
		background-color: #fafafa;
		margin-bottom: 10px;
	}

	#relatedPosts a
	{
		display: list-item;
		list-style-type: none;
	}

}

/* Articles / Pages */

#page #ctl00_cphBody_divText
{
	padding:5px;
}

.breadCrumb
{
	margin-bottom:5px;
}

/**************************/


/* Archive */

#archive
{
}

#archive img
{
	border:0px;
	padding:0px;
}

#archive a
{
	color: #CC6714;
}

#archive h2
{
	background-image: url(images/headline_bg.gif);
	line-height: 24px;
	height:24px;
	border: 1px solid silver;
	margin: 0;
	margin-top: 15px;
	padding-left: 3px;
	font-size: 11px;
	color: #CC6714;
}

#archive h2 img
{
	margin-right: 3px;
}

#archive ul
{
	list-style-type: none;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li
{
	margin-right: 20px;
	padding-left: 20px;
	background-image: url(images/bullet_orange.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#archive table
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#archive th
{
	background-image: url(images/grey-bg.jpg);
	background-repeat: repeat-x;
	padding: 7px 2px 7px 2px;
}

#archive table td, #archive table th
{
	text-align: left;
}

#archive table td
{
	text-align: left;
	padding: 7px 2px 7px 2px;
	vertical-align: top;
}

#archive .date
{
	width: 70px;
}


#archive .comments
{
	/*width: 70px;*/
	text-align: center;
}

#archive .rating
{
}

/**************************/

/* Contact */

#contact p
{
}

#contact label
{
	display: block;
	padding-top: 15px;
	font-weight: bold;
}

#contact input.field
{
	width: 200px;
}

#contact textarea
{
	display: block;
	overflow: auto;
	width: 85%;
	height: 150px;
	margin: 0;
	border: 1px solid silver;
}

/**************************/

/* Search page */

.searchresult
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.searchresult a
{
	font-weight: bold;
}

.searchresult span.text
{
	display: block;
	margin: 5px 0;
}

.searchresult span.type
{
	display: block;
}

.searchresult span.url
{
	color: Gray;
	display: none;
}

.searchpage ul.paging
{
	list-style-type: none;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}

.searchpage ul.paging li
{
	display: inline;
	border: 1px solid gray;
	background: #f1f1f1;
	margin-right: 5px;
}

.searchpage ul.paging li a
{
	padding: 5px 8px;
}

.searchpage ul.paging li.active
{
	background: #f1f1f1;
	border: 1px solid black;
}

/**************************/

/**************************/

/* XFN tags */

div.post .entry a[rel]
{
	padding-right: 11px;
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .entry a[rel="me"]
{
	background-image: url(  '../../pics/xfn/me.gif' );
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .entry a[rel~="contact"], div.post .entry a[rel~="acquaintance"], div.post .entry a[rel~="friend"]
{
	background-image: url(  '../../pics/xfn/contact.gif' );
}
/*-------- [ Normal contacts youve met ]--*/
div.post .entry a[rel~="contact"][rel~="met"], div.post .entry a[rel~="acquaintance"][rel~="met"], div.post .entry a[rel~="friend"][rel~="met"]
{
	background-image: url(  '../../pics/xfn/contactMet.gif' );
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .entry a[rel~="colleague"], div.post .entry a[rel~="co-worker"]
{
	background-image: url(  '../../pics/xfn/colleague.gif' );
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .entry a[rel~="colleague"][rel~="met"], div.post .entry a[rel~="co-worker"][rel~="met"]
{
	background-image: url(  '../../pics/xfn/colleagueMet.gif' );
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .entry a[rel~="muse"], div.post .entry a[rel~="crush"], div.post .entry a[rel~="date"], a[rel~="sweetheart"]
{
	background-image: url(  '../../pics/xfn/sweet.gif' );
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .entry a[rel~="muse"][rel~="met"], div.post .entry a[rel~="crush"][rel~="met"], div.post .entry a[rel~="date"][rel~="met"], div.post .entry a[rel~="sweetheart"][rel~="met"]
{
	background-image: url(  '../../pics/xfn/sweetMet.gif' );
}

/**************************/
