/* LIGHTBOX */

html, body { height: 100% } 

#lightbox{
	background-color:white;
	padding: 10px;
	/*border-bottom: 2px solid #666;
	border-right: 2px solid #666;*/
	}
#lightboxDetails{
	font-size: 0.9em;
	padding-top: 5px;
	}	
#lightboxCaption{ float: left; font-weight:bold; }
#keyboardMsg{ float: right; }
#closeButton{ top: 3px; right: 3px; }

#lightbox img{ border: none;} 
#overlay img{ border: none;}

#overlay{ background-image: url(/lightbox/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/lightbox/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/images/overlay.png", sizingMethod="scale");
	}
	

/*<group=Global>*/

.alert {
	color:#c00;
	margin:10px 0 30px 0;
	padding:5px 5px;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background-color: #FEF8F8;
}

.thanks {
	color:#090;
	margin:10px 0 30px 0;
	padding:5px 5px;
	border-top: 1px solid #090;
	border-bottom: 1px solid #090;
	background-color: #F3FAF3;
}	

#sidebar p.confirm{
	margin:15px 0 30px 0;
	padding:5px 0 5px 0;
	font-weight:bold;
	line-height:1.5em;
	border-top:1px solid green;
	border-bottom:1px solid green;
	background-color:#F3F9F3;
	color:green;
}
#sidebar p.confirmerror{
	margin:15px 0 15px 0;
	padding:5px 0 5px 0;
	font-weight:bold;
	line-height:1.5em;
	display:none;
	border-top:1px solid #C00;
	border-bottom:1px solid #C00;
	background-color:#FEF8F8;
	color:#C00;
}

#content p.confirm{
	margin:5px 0 15px 0;
	padding:5px 0 5px 0;
	font-weight:bold;
	line-height:1.5em;
	border-top:1px solid green;
	border-bottom:1px solid green;
	background-color:#F3F9F3;
	color:green;
}
#content p.confirmerror{
	margin:5px 0 15px 0;
	padding:5px 0 5px 0;
	font-weight:bold;
	line-height:1.5em;
	display:none;
	border-top:1px solid #C00;
	border-bottom:1px solid #C00;
	background-color:#FEF8F8;
	color:#C00;
}

#sidebar #updates form{
	margin:10px 0 30px 0;
}
#sidebar #updates input{
	margin:0 0 5px 0;
	padding:0;
	width: 198px;
	border:1px solid #b3b3b3;
}
#sidebar #updates input.subscribe{
	margin:5px 0 5px 0;
	padding:0;
	width: 80px;
	color:white;
	border:1px solid black;
	background-color:black;
}
label{
	display:block;
	margin: 0;
}
label.error{
	color:#C00;
	font-weight:bold;
}

.box {
	width:630px;
	margin:30px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #b3b3b3;
	float:left;
}

.heading-box {
	width:630px;
	margin:0;
	padding:10px 0 5px 0;
	border-bottom:1px solid black;
	float:left;
}

.blank-box {
	width:630px;
	margin:0 0 0 0;
	padding:10px 0 5px 0;
	float:left;
}

.blank-box-500 {
	width:500px;
	margin:0;
	padding:20px 0 30px 0;
	float:left;
}

.comment-box {
	width:630px;
	margin: 0;
	padding:5px 0 30px 0;
	border-bottom:1px solid #b3b3b3;
	float:left;
}

.comment-writebox {
	width:630px;
	margin: 0;
	padding:5px 0 0 0;
	float:left;
}

.col1 {
	width:130px;
	float:left;
}
.col2 {
	width:500px;
	float: right;
	margin: 0;
	padding: 0;
}

.commentOfficialUser {
	display:block;
	margin: 5px 0 0 0;
	background-color: #FEF8F8;
	border-bottom:1px solid #c00;
}

#comments {
	margin: 0;
	float: left;
	width:630px;
}

body	{
	margin: 0;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-image: url(img/topleft-line.gif);
	background-repeat: no-repeat;
	color: black;
}

#page {
	position:absolute;
	top: 56px;
	left:30px;
	padding: 0;
	width: 860px;
	font-size: 1em;
	line-height: 1.7em;
	color: black;
}

	#page p
	{
		margin: 1.4em 0 0 0;
	}

	#page p.teaser
	{
		margin: 5px 0 0 0;
	}

#head{
	width:630px;
	margin:0;
}

#blogbox{
	width:630px;
	margin:0;
	/*border:1px solid red;*/
}


#blogbox .entry p{
	margin: 10px 0 0 0;
}


#logo{
	margin:2px 0 0 0;
}

a, a:hover, a:visited, a:active {
	margin: 0;
	padding: 0;
}

/*</group>*/

/*<group=Navigation>*/

#navi{
	width:130px;
	margin:0;
	float:left;
	/*border:1px solid red;*/
}
	#navi ul{
		margin:20px 0 0 0;
		padding:0;
	}
	#navi li{
		font-weight:bold;
		margin:0 0 5px 0;
		list-style:none;
	}
	#content #navi a{
		color: white;
		background-color: black;
		padding: 3px;
		border: none;
	}
	
	#content #navi a.there, 
	#content #navi a:hover, 
	#content #navi a.there:hover{
		color: white;
		background-color: #E68080;
	}
	
/*</group>*/

/*<group=Images>*/

.subline
{
	font-size: 0.8em;
	float: left;
  	padding: 0;
}

.teaserimage{
	display:block;
	margin:10px 0 10px 0;
	padding:10px;
	background-color: #FBEBEB;
}

.teaser{
	border: 1px solid #b3b3b3;
}

img
{
	border: none;
	margin: 0;
	padding: 0;
}

img.outline
{
	border: 1px solid #b3b3b3;
	margin: 0;
	padding: 0;
}

img.left {
	float:left;
  	margin:0 10px 10px 0;
}

img.right {
  	float:right;
  	margin:0 0 0 10px;
}

img.center {
  	display: block;
  	margin:0 auto;
}
	
/*</group>*/

/*<group=Forms>*/

.required {
	color: #c00;
}

form p {
	margin: 0;
	padding: 0 0 10px 0;
}

form{
	margin: 0;
	padding: 0;
}

form .button {
	background-color:black;
	color:white;
  	border:0;
	width:auto;
}

form textarea
{
	width: 490px;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

form .textfeld
{
	width: 235px;
	font-size: 1em;
}
	
/*</group>*/

/*<group=Family Header>*/

#family
{
	font-size: 0.9em;
	background-color: black;
	height: 25px;
	width: auto;
	padding: 0 0 0 30px;
	color: white;
	border-bottom: solid 5px #b3b3b3;
}

	#family a
	{
		color: white;
		text-decoration: none;
	}

	#family .container-one
	{
		width:130px;
		padding:5px 0 0 0;
		margin:0;
		float:left;
	}

	#family .container-selected
	{
		width:94px;
		font-weight:bold;
		color:fuchsia;
		border-left:1px solid fuchsia;
		padding:5px 0px 0 5px;
		float:left;
		margin: 0;
	}

	#family .container
	{
		width:94px;
		border-left:1px solid white;
		padding:5px 0px 0 5px;
		float:left;
		margin: 0;
	}
	
	#family strong
	{
		font-weight: bold;
		color: fuchsia;
	}
	
	#family a:hover
	{
		background-color: #c00;
	}
	
/*</group>*/

/*<group=Content Column>*/

/* My Comment */

#content
{	
	margin:0;
	width: 630px;
}

#content .archivebox{
		margin: 5px 0 30px 0;		
}

#content .archivebox ul {	
		margin: 5px 0 0 0;
		padding: 0;
		list-style: none;
	}
	
	#content .archivebox li
	{
		padding: 0;
	}

	#content a, 
	#content a:visited, 
	#content a:active
	{
		color: #c00;
		text-decoration:none;
	}

	#content a:hover
	{
		color: #c00;
		background-color: #FEF8F8;
	}

	#content h1
		{
		font-size: 1.3em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		}
		
	#content h1.plain
		{
		font-size: 1.3em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #000;
		}

	#content h1.archive
		{
		font-size: 1.3em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #b3b3b3;
		}
		
	#content h1.follow
		{
		font-size: 1.3em;
		font-weight: bold;
		margin: 0 0 30px 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #000;
		}
		
	#content h1 a, 
	#content h1 a:visited,
	#content h1 a:active,
	#content h1 a:hover
		{
		color: black;
		}

	#content h2
		{
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom:1px solid #b3b3b3;
		}
	#content h2.tease
		{
		font-size: 1.3em;
		font-weight: bold;
		margin: 10px 0 0 0;
		padding: 0 0 3px 0;
		border: none;
		}
		
	#content h2 a, 
	#content h2 a:visited, 
	#content h2 a:active, 
	#content h2 a:hover
		{
		color: black;
		}
	#content h3
		{
		font-size: 1em;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000;	
		}
	#content h3 a, 
	#content h3 a:visited, 
	#content h3 a:active, 
	#content h3 a:hover
		{
		color: black;
		}
	#content #coretxt
	{
		margin: 0;
		padding: 0;
		height: 150px;
		background-image: url("/img/core_txt.gif");
		background-repeat: no-repeat;
	}
	
	#content #maininfo
	{
		margin: 0;
		padding:0;
	}

	#content .authorinfo{
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}
	
	#content #maininfo .itemlabel, #content .authorinfo .itemlabel
	{
		color: #E68080;
		float:left;	
		width: 95px;
		margin: 0;
		padding: 5px 0 5px 5px;
		border-bottom:1px solid #F5CDCD;
		background-color: #FEF8F8;
	}
	
	#content #maininfo .item, #content .authorinfo .item
	{
		float:left;
		width: 395px;
		font-weight: bold;
		margin: 0;
		padding: 5px 0 5px 5px;
		border-bottom:1px solid #F5CDCD;
	}
	
	#content #maininfo .itemlabel-alt, #content .authorinfo .itemlabel-alt
	{
		color: #E68080;
		float:left;	
		width: 95px;
		margin: 0 0 0 0;
		padding: 5px 0 5px 5px;
		border-top:1px solid #F5CDCD;
		border-bottom:1px solid #F5CDCD;
		background-color: #FEF8F8;
	}
	
	#content #maininfo .item-alt, #content .authorinfo .item-alt
	{
		float:left;
		width: 395px;
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 5px 0 5px 5px;
		border-top:1px solid #F5CDCD;
		border-bottom:1px solid #F5CDCD;
	}
	
	/* TEASERS FOR PERSONAL PORTFOLIO OVERVIEW (2 COLUMNS)*/
	#content .case-left
	{
		width:240px;
		margin: 0 20px 0 0;
		float: left;
	}
	
	#content .case
	{
		width:240px;
		margin: 0;
		float: left;
	}

	#content .case img, 
	.case-left img
	{
		margin: 10px 0 0 0;
	}

	/* TEASERS FOR PERSONAL PORTFOLIO OVERVIEW (3 COLUMNS)*/
	#content .worktease-left
	{
		width:151px;
		margin: 0 23px 0 0;
		float: left;
		line-height:1.5em;
	}
	#content .worktease-center
	{
		width:151px;
		margin: 0 22px 0 0;
		float: left;
	}
	
	#content .worktease-right
	{
		width:151px;
		margin: 0;
		float: left;
	}

	#content .worktease-left img,
	#content .worktease-center img,
	#content .worktease-right img
	{
		margin: 10px 0 0 0;
		border:1px solid black;
	}
	#content .worktease-left a:hover img,
	#content .worktease-center a:hover img,
	#content .worktease-right a:hover img
	{
		border:1px solid #c00;
	}

	#content .worktease-left p,
	#content .worktease-center p,
	#content .worktease-right p
	{
		margin:5px 0 0 0;
		line-height:1.5em;
		/*font-weight:bold;*/
	}

	#content p.empty{
		width:152px;
		height:79px;
		margin:10px 0 0 0;
		/*background-color:#efefef;*/
		/*border:1px solid #eee;*/
		background-image:url(img/deactivated.gif);
		background-repeat:repeat;

	}

	#content .caption{
		color:black;
		margin:3px 0 0 0;
		padding:0;
		font-size: 0.9em;
	}

	small {
		font-size: 0.9em;
		color:#b3b3b3;		
	}


	/* ZOOM ICON */
	#content a.zoom {
		margin:2px 0 0 0;
		padding:0;
		background:transparent url("/lightbox/images/zoom.gif") no-repeat 0 0;
		width:16px;
		display:block;
		text-decoration:none;
		text-indent:-99999999em;
		float:left;
		height:16px;
		float:right;
	}
	#content a:hover.zoom {
		background-position:-16px 0;
	}



	#content .screenshot a span{
		display:none;
	}

	#content .screenshot{
		margin:10px 0 0 0;
		padding:0 0 10px 0;
	}




	#content p
	{
		margin:0;
	}
	
	#content p.introtext
	{
		margin:10px 0 0 0;
	}

	#content p em
	{
		background-color: white;
	}

	#content p strong
	{
		font-weight: bold;
		background-color: white;
	}
	#content #samples {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#content #samples li{
		margin: 0 2px 0 0;
		padding: 0 2px;
		float: left;
		font-weight:bold;
	}

	#content #portfoliosamples {
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
	}
		#content #portfoliosamples li{
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	#content #placeholder{
	padding: 10px 0 0 0;
}

	
/*</group>*/

/*<group=Sidebar Column>*/

#sidebar
{	
	position:absolute;
	top:0px;
	left:660px;
	width:200px;
}

#sidebar #call{
	width:200px;
	height:46px;
	background-image: url(img/call.gif);
	background-repeat: no-repeat;	
}

#sidebar a, 
#sidebar a:visited,
#sidebar a:active
{
	color: #c00;
	text-decoration: none;
}

#sidebar a:hover
{
	background-color: #FEF8F8;
}

#sidebar h2
		{
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom:1px solid black;
		}

#sidebar h2 a, 
#sidebar h2 a:visited,
#sidebar h2 a:active,
#sidebar h2 a:hover
		{
		color: black;
		}

	#sidebar .sidebox
	{
		margin:0 0 20px 0;
	}
	
	#sidebar p
	{
		margin: 5px 0 0 0;
	}
	
#sidebar ul {	
		margin: 5px 0 0 0;
		padding: 0;
		list-style: none;
	}
	
	#sidebar li
	{
		display: block;
		padding: 0;
	}
	
	#sidebar li.active
	{
		font-weight:bold;
	}
	
/*</group>*/

/*<group=Weblog Headlines>*/

#sidebar #headlines ul {	
		margin: 0;
		padding: 0 0 5px 0;
		list-style: none;
	}
	
	#sidebar #headlines li
	{	
		margin:0;
		border-bottom:1px solid #F5CDCD;
	}

	#sidebar #headlines li a
	{
		display: block;
		padding: 5px 0 5px 0;
	}

	#sidebar #headlines li a:hover
	{
		background-color: #FEF8F8;
	}

/* UNDERLINED LINKS IN SIDEBAR */

#sidebar .underlined ul {	
		margin:0;
		padding: 0 0 5px 0;
		list-style: none;
	}
	
	#sidebar .underlined li
	{	
		margin:0;
		padding: 1px 0 1px 0;
		border-bottom:1px dotted #F5CDCD;
	}

	#sidebar .underlined li a
	{
		/*display: block;*/
		padding: 0;
	}

	#sidebar .underlined li a:hover
	{
		background-color: #FEF8F8;
	}
	
/*</group>*/

/*<group=Footer>*/

#footer
{	
	width:610px;
	background-image: url("/img/precious_copyright.gif");
	background-position: 0 9px;
	background-repeat: no-repeat;
	margin: 30px 0 0 0;
	padding: 5px 0 30px 18px;
	border-top: 1px solid black;
	float:left;
}

	#footer a, 
	#footer a:visited, 
	#footer a:active
	{
		color: #c00;
		text-decoration: none;
	}

	#footer a:hover
	{
		background-color: #FEF8F8;
	}
	
/*</group>*/

/*<group=Case studies>*/
	#case {
	margin: 0;
	float: left;
	width:860px;
	}
	
#case-content {
	margin: 0;
	float: left;
	width:630px;
	}

#case-sidenote{
	float:right;
	width:200px;
	padding:0;
	margin: 7px 0 0 0;
}

#case-sidenote h2
		{
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 3px 0;
		border-bottom:1px solid black;
		}
		
#case-sidenote ul {	
		border-top:1px solid black;
		margin: 23px 0 0 0;
		padding: 5px 0 0 0;
		list-style: none;
	}
	
	#case-sidenote li
	{
		display: block;
		padding: 0;
	}
	
#case-sidenote a, #case-sidenote a:visited, #case-sidenote a:active
{
	color: #036;
	text-decoration: none;
}

#case-sidenote a:hover
{
	color: fuchsia;
}
/*</group>*/