/******************************************************************

PUBLIC WEBSITE
==============
 
Use:	Blog

Author(s):
- Isabel Stolze
- Christoph Seydel
- Jan Unger

Last changes:
- heavily refactored [ju]

*******************************************************************/


#public-blog {
	
}

	#public-blog #header {
	}
		#public-blog #header h2 {
			background:url('../../images/public/header_mission.jpg');
		}

	#public-blog #content-wrapper {
		
	}
		/* content column */
	
		#public-blog #content-wrapper .column {
		}

			#public-blog #content-wrapper .column .pagination {

			}
			
			#public-blog #content-wrapper .column .wrapper {
				padding-bottom: 30px;
			}
			
				#public-blog #content-wrapper .column .wrapper .button-to.edit {
					
				}								
					#public-blog #content-wrapper .column .wrapper .button-to.edit a {
						
					}
								
				#public-blog #content-wrapper .column .wrapper h4 {
					font-size:100%;
					font-weight:bold;
					line-height:120%;
				}
				
				/* post */
				
				#public-blog #content-wrapper .column .wrapper.post {
					margin-bottom:50px;
				}
				
				#public-blog #content-wrapper .column .wrapper.post .headline,
				#public-blog #content-wrapper .column h3 {
					font-size:150%;
					font-weight:normal;
					line-height:120%;
					margin:10px 0 20px 0;				
				}
					#public-blog #content-wrapper .column .wrapper.post .headline a,
					#public-blog #content-wrapper .column h3 a {
						color:#0F5B6C;
						text-decoration:none;				
					}
					#public-blog #content-wrapper .column .wrapper.post .headline a:hover, 
					#public-blog #content-wrapper .column h3 a:hover {
						color:#421F1D;					
					}
				
				#public-blog #content-wrapper .post .body {

				}	
					#public-blog #content-wrapper .post .body p {
						
					}
					
					/* .set-index */
					
					#public-blog #content-wrapper .post .body dl.set-index {
						border:1px solid #D5E9ED;
						float:left;
						margin:10px 10px 10px 0;
						padding:10px;
						width:180px;
					}
						#public-blog #content-wrapper .post .body dl.set-index dt {
							clear:both;
							float:left;
							font-size:105%;
							line-height:130%;
						}
						#public-blog #content-wrapper .post .body dl.set-index dd {
							clear:both;
							float:left;
							font-size:95%;
							line-height:130%;
						}
							#public-blog #content-wrapper .post .body dl.set-index ol {
								clear:both;
								float:left;
								margin:5px 0 5px 25px;
							}
								#public-blog #content-wrapper .post .body dl.set-index li {
									clear:both;
									display:list-item;
									float:left;
									list-style:decimal outside;
									margin:5px 0 0;
								}
									#public-blog #content-wrapper .post .body dl.set-index li a {
										
									}
									#public-blog #content-wrapper .post .body dl.set-index li strong {
										font-weight:bold;
									}
											
					/* table */
					
					#public-blog #content-wrapper .post .body table {
						margin:20px 0;
						width:100%;	
					}
						#public-blog #content-wrapper .post .body caption {
							font-size:120%;
							font-weight:normal;
							margin:20px 0 0;
							padding:2px 5px;
						}
						#public-blog #content-wrapper .post .body thead {
							background-color:#e2ebf3;
						}
						#public-blog #content-wrapper .post .body tbody {
							
						}
						#public-blog #content-wrapper .post .body tfoot {
							
						}
							#public-blog #content-wrapper .post .body tr {
								
							}
							#public-blog #content-wrapper .post .body tbody tr.odd {
								background-color:#fff;
							}
							#public-blog #content-wrapper .post .body tbody tr.even {
								background-color:#e2ebf3;
							}
								#public-blog #content-wrapper .post .body th,
								#public-blog #content-wrapper .post .body td {
									padding:2px 5px;
									text-align:left;
									vertical-align:top;	
								}
								#public-blog #content-wrapper .post .body th {
									font-weight:bold;
								}
								
					#public-blog #content-wrapper .column .wrapper.post .body a, 
					#public-blog #content-wrapper .column a {
						text-decoration:none;
					}
					#public-blog #content-wrapper .column .wrapper.post .body .biglink{
						font-size:18px;
						font-weight:bolder;
					}
					#public-blog #content-wrapper a.photo {
						clear:left; 
						display:block; 
						float:left; 
						margin:0 10px 10px 0;
					}
					#public-blog #content-wrapper .column .wrapper ol.comments li p {
						clear:both;
						float:left;
					}
				#public-blog #content-wrapper .column .wrapper.post .meta-data, 
				#public-blog #content-wrapper .column .meta-data {
					clear:both;
					float:none;
					margin:15px 0 0 0;
				}
				#public-blog #content-wrapper .column .meta-data {
					margin-top:75px;
				}
					#public-blog #content-wrapper .column .wrapper.post .meta-data li,
					#public-blog #content-wrapper .column .meta-data li {
						color:#888;
						float:left;
						margin:0 15px 0 0;
					}

						#public-blog #content-wrapper .column .wrapper.post .meta-data li a, 
						#public-blog #content-wrapper .column .meta-data li a {
							color:#888;
							text-decoration:none;
						}								
				
				/* comments */
				
				#public-blog #content-wrapper .column .wrapper.comments ol.comments {
					clear:both;
					float:left;
					margin-top:30px;
				}
					#public-blog #content-wrapper .column .wrapper.comments ol.comments li {
						clear:both;
						float:left;
						border-bottom:1px solid #e2ebf3;
						padding:10px 0 20px;
						width:100%;
					}
					#public-blog #content-wrapper .column .wrapper.comments ol.comments * {

					}
					#public-blog #content-wrapper .column .wrapper.comments ol.comments li.alternate {
						border-bottom:1px solid #e2ebf3;
						padding:10px 0 20px;						
					}

						#public-blog #content-wrapper .column .wrapper.comments ol.comments li ul.meta-data {
							margin:0 0 15px;
							width:100%;
						}
							#public-blog #content-wrapper .column .wrapper.comments ol.comments li ul.meta-data li {
								border-bottom:0;
								border-left:1px solid #888;
								clear:none;
								color:#888;
								float:left;
								font-size:80%;
								line-height:120%;
								margin:0 15px 0 0;
								padding:0 0 0 10px;
								width:auto;
							}

							#public-blog #content-wrapper .column .wrapper.comments ol.comments li ul.meta-data li:first-child {
								border-left:0;
								padding-left:0;
							}
																						
			/* comment form */
			
			#public-blog #content-wrapper .column .wrapper.comment-form {
				clear:both;
				float:left;
				margin-top:20px;
			}
			
			#public-blog #content-wrapper .column .wrapper.comment-form form {
				margin-top:20px;
			}
					#public-blog #content-wrapper .column .wrapper.comment-form form fieldset.buttons input {
						background-position:-3610px -397px;
						text-indent:70px;
						width:70px;
					}	
				#public-blog #content-wrapper .column .wrapper.comment-form form fieldset.honeypot {
					display:none;
				}
						
		/* content secondary */
	
		#public-blog #content-wrapper #sidebar.secondary {

		}	
				#public-blog #content-wrapper #sidebar.secondary ul li a {

						text-decoration:none;
				}		
		
			#public-blog #content-wrapper .secondary h3.caption {
				background:url('../../images/public/page_captions.png');
				margin-top:10px;
				overflow:hidden;
				text-indent:165px;
				white-space:nowrap;
				width:165px;
			}

			#public-blog #content-wrapper h2.widgettitle {
				color:#421f1d;
				text-decoration:none;
				text-transform:uppercase;
				margin-top: 35px;
				font-size:110%;
			}

			#public-blog #content-wrapper .secondary h3.caption#sidebar-articles {
				background-position: -1804px 0;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-categories {
				background-position: -1804px -27px;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-archive {
				background-position: -1804px -55px;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-blogroll {
				background-position: -1804px -80px;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-search {
				background-position: -1804px -106px;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-meta {
				background-position: -1804px -130px;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-friendblog {
				background-position: -1804px -156px;
				margin-top:30px;
			}
			#public-blog #content-wrapper .secondary h3.caption#sidebar-tagcloud {
				background-position: -1804px -180px;
				margin-top:30px;
			}

			/* search form */
			
			#public-blog #content-wrapper .secondary form#searchform {
				margin:0;
			}
				#public-blog #content-wrapper .secondary form#searchform .field-text {
					float:left;
					margin:0;
				}
					#public-blog #content-wrapper .secondary form#searchform .field-text input,
					#public-blog #content-wrapper .secondary form#searchform input {
						height:18px;
						padding:0 18px 0 0;
						width:160px;
					}
				#public-blog #content-wrapper .secondary form#searchform input#searchsubmit {
					background-position:-3616px -1076px;
					border:0;
					height:20px;
					margin:4px 0 0 -22px;
					text-indent:18px;
					width:18px;					
				}
				#public-blog #content-wrapper .secondary form#searchform input{
					border:1px solid #B5D9E1;
					height:18px;
				}
				

/* twitter link */
a.tweet {
	background:url("../../images/public/social_sprite.png") no-repeat -700px 0;
	display:inline;
	float:left;
	height:45px;
	overflow:hidden;
	/*margin-top:17px;*/
	padding:0;
	text-indent:168px;
	width:168px;
	white-space:nowrap;
	margin-bottom:10px;
}
a.tweet:hover {
	background-position:-700px -61px;
}
a.facebook {
	background:url("../../images/public/social_sprite.png") no-repeat -950px 0;
	display:inline;
	float:left;
	height:45px;
	overflow:hidden;
	padding:0;
	text-indent:180px;
	width:180px;
	white-space:nowrap;
}
a.facebook:hover {
	background-position: -950px -61px;
}

#public-blog #header ul.menu li.recruiter a {
	width: 163px;
}

#public-blog #content-wrapper .secondary a.follow-links{
	background:url("../../images/public/social_sprite.png") no-repeat;
	display:block;
	height:40px;
	text-indent:180px;
	overflow:hidden;
	white-space:nowrap;
	width:180px;
}
	#public-blog #content-wrapper .secondary a#rss-follow {
		background-position:-250px 0;
	}		
	#public-blog #content-wrapper .secondary a:hover#rss-follow{
		background-position:-250px -61px;
	}
	#public-blog #content-wrapper .secondary a#facebook-follow {
		background-position:-450px 0;
	}
	#public-blog #content-wrapper .secondary a:hover#facebook-follow {
		background-position:-450px -61px;
	}		
	#public-blog #content-wrapper .secondary a#twitter-follow {
		background-position:0 0;
	}
	#public-blog #content-wrapper .secondary a:hover#twitter-follow {
		background-position:0 -61px;
	}	
/* Lightbox CSS include */

#lightbox{	
	left:0; 
	line-height:0; 
	position: absolute;
	text-align:center; 
	width:100%;
	z-index:100;
}
	#lightbox img{
		height:auto;
		width:auto;
	}
	#lightbox a img{ 
		border:none; 
	}
#outerImageContainer{ 
	background-color:#fff; 
	height:250px;
	margin:0 auto;
	position:relative;
	width:250px; 
}
#imageContainer{ 
	padding: 10px; 
}
#loading{   
	height:25%;
	left:0%;
	line-height:0; 
	position:absolute; 
	text-align:center;
	top:40%;
	width:100%;  
}
#hoverNav{ 
	height:100%; 
	left:0;
	position:absolute; 
	top:0; 
	width:100%; 
	z-index:10; 
}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}
/*
#prevLink, 
#nextLink{ 
	background-image:url(data:image/gif;base64,AAAA); 
	display:block; 
	height:100%; 
	width:49%;
}
#prevLink { 
	float:left;
	left:0;
}
#nextLink { 
	float:right;
	right:0;
}*/
#imageDataContainer{ 
	background-color:#fff;
	font:10px Verdana, Helvetica, sans-serif; 
	line-height:1.4em; 
	margin:0 auto; 
	overflow:auto; 
	width:100%; 
}
#imageData{	
	color:#666;
	padding:0 10px;  
}
	#imageData #imageDetails{
		float:left; 
		text-align:left;
		width: 70%;  
	}	
	#imageData #caption{ 
		font-weight: bold;	
	}
	#imageData #numberDisplay{ 
		clear:left;
		display:block;  
		padding-bottom:1.0em;	
	}			
	#imageData #bottomNavClose{  
		float:right;   
		outline:none;
		padding-bottom:0.7em;
		width:66px;
	}	 	
#overlay{ 
	background-color:#000;
	height:500px; 
	left:0; 
	position:absolute;
	top:0;  
	width:100%;
	z-index:90; 
}
#public-blog #content-wrapper #sidebar a.external {
	background:url("../../images/public/page_captions.png") no-repeat right -955px;
	padding-right:15px;
}
#public-blog #content-wrapper #sidebar a.external:hover {
	background-position:right -920px;
	color:#604236 !important;
}