/********************* PORTFOLIO OVERVIEW **********************/

#PortfolioContainer {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

	#PortfolioContainer h1 {
		background: #141414;
		color: #fff;
		float: left;
		padding: 15px;
		width: 200px;
	}

	#PortfolioContainer h2 {
		background: #141414;
		clear: both;
		color: #fff;
		float: left;
		margin: 50px 0 30px 0;
		padding: 12px;
		width: 836px;
	}

	#PortfolioContainer h2.showMeOne {
		width: 885px;
	}

	#PortfolioContainer a.showMe {
		background: #141414;
		border: 0;
		color: #fff;
		float: right;
		padding: 10px;
	}

	#PortfolioContainer a.showMe:hover {
		background: #fff;
		color: #141414;
	}

	#PortfolioContainer a.showMeUp,
	#PortfolioContainer a.showMeDown {
		border: 0;
		display: block;
		float: right;
		height: 49px;
		margin: 50px 0 30px 0;
		text-indent: -9999em;
		width: 49px;
	}

	#PortfolioContainer a.showMeUp {
		background: url(../images/bg_gif.gif) no-repeat -524px 0;
	}

	#PortfolioContainer a.showMeDown {
		background: url(../images/bg_gif.gif) no-repeat -475px 0;
	}

	#PortfolioContainer a.showMeUp:hover {
		background: url(../images/bg_gif.gif) no-repeat -524px -49px;
	}

	#PortfolioContainer a.showMeDown:hover {
		background: url(../images/bg_gif.gif) no-repeat -475px -49px;
	}

	#PortfolioContainer a.showMeDownFirst {
		margin-top: 0;
	}

	#PortfolioContainer ul.gallery li {
		background: url(/wp-content/themes/michael/images/bg_png_repeat-x.png) repeat-x 0 -707px;
		display: inline;
		float: left;
		height: 125px;
		margin: 10px;
		padding: 5px;
		position: relative;
		width: 450px;
	}
	
		#PortfolioContainer ul.gallery h3 {
			background: #141414;
			bottom: -5px;
			color: #FFF;
			font: 11px/normal Verdana, Geneva, sans-serif;
			left: 10px;
			position: absolute;
			width: auto;
			z-index: 1000;
		}
		
			#PortfolioContainer ul.gallery h3 a, 
			#PortfolioContainer ul.gallery h3 a:hover {
				background: none;
				border: 0;
				color: #FFF;
				display: block;
				padding: 10px;
			}
			
		#PortfolioContainer ul.photoshop h3 {
			padding: 10px;
		}
	
		#PortfolioContainer ul.gallery a {
			background: none;
			display: block;
			padding: 0;
		}
		
		#PortfolioContainer ul.gallery a.thumb {
			width: 450px;
			height: 125px;
			cursor: pointer;
			line-height: normal;
		}
	
		#PortfolioContainer ul.gallery span { /*--Used to crop image--*/
			width: 450px;
			height: 125px;
			overflow: hidden;
			display: block;
		}
		
		#PortfolioContainer ul.gallery a.thumb:hover {
			width: 450px;
			height: 125px;
			line-height: normal;
		}

/***************************************** BLOG ENTRIES / FRONTPAGE *****************************************/

.entry {
	position: relative;
}

.FrontEntry {
	padding: 0 0 50px 0;
}

	.FrontEntry .extra {
		margin: 0 0 0 -40px;
	}
	
		.FrontEntry .extra p {
			margin: 0;
		}
	
		.FrontEntry .extra a {
			font-size: 10px;
		}

	.entry .date,
	.MyPage .type {
		background: url(../images/bg_gif.gif) no-repeat -575px 0;
		color: #fff;
		float: left;
		font: 10px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 30px;
		margin: 0 0 0 -100px;
		padding: 0 10px 0 0;
		text-align: right;
		width: 75px;
	}
	
	#content span.month {
		color: #000;
		text-transform: uppercase;
	}
	
	#container p.categories,
	#container p.who {
		margin: 0;
	}
	
		.categories a,
		.who a {
			border: 0;
			font-size: 10px;
			line-height: 30px;
		}
	
	#container h1 {
		clear: both;
		margin: 5px 0 20px 0;
	}
	
	#container h1 a {
		border: 0;
		color: #000;
		display: block;
		font: normal 22px/normal Tahoma,Geneva,sans-serif;
	}
	
	#container a[rel="bookmark"] {
		border: 0;
	}
	
	.entry img.postImage,
	.MyPage img.portfolioImage {
		border: 5px #fff solid;
		border-left: 0;
		clear: both;
		margin: 0 0 15px -40px;
	}
	
	.MyPage img.portfolioImage {
		border-right: 0;
	}
	
	.tag {
		background: #141414;
		color: #fff;
		float: left;
		font: 10px/normal "Trebuchet MS",Arial,Helvetica,sans-serif;
		height: 15px;
		margin: 0 10px 25px -10px;
		padding: 10px 5px;
		text-align: right;
		width: 29px;
	}
	
	p.tags {
		float: left;
		margin: 9px 0;
		width: 510px;
	}
	
		p.tags a {
			font-size: 10px;
		}
		
		.entry blockquote {
			border-left: 1px #141414 solid;
			color: #999;
			font: italic 11px/normal "Courier New", Courier, monospace;
			margin: 10px;
			padding: 10px 20px;
		}
		
			.entry blockquote p {
				margin: 5px 0;
			}
	
	.commentCount a,
	.commentCount a:hover,
	.commentCount a:visited {
		background: url(../images/bg_gif.gif) no-repeat -615px -30px;
		border: 0;
		color: #FFF;
		display: block;
		font-size: 10px;
		line-height: 30px;
		padding: 0 0 7px 0;
		position: absolute;
		text-align: center;
		width: 50px;
	}
	
	.countFrontpage a {
		left: -65px;
		top: 35px;
	}
	
	.countSubpage a {
		left: -30px;
		top: 70px;
	}
	
	a.more-link {
		background: url(../images/bg_gif.gif) no-repeat -655px -75px;
		border: 0;
		color: #000;
		display: block;
		margin: 25px 0;
		padding: 1px 0 3px 23px;
	}

	.entry ul,
	.entry ol {
		padding: 0 0 0 25px;
	}

	.entry ul {
		list-style: none;
		padding: 0 0 0 10px;
	}

		.entry ul li {
			background: url(../images/bullet.gif) no-repeat left 10px;
			padding: 3px 0 3px 15px;
		}

		.entry li {
			padding: 3px 0;
		}

	.entry h2+ul,
	.entry h2+ol,
	.entry h3+ul,
	.entry h3+ol {
		padding-top: 15px;
	}

	.entry pre {
		background: #e6e6e6;
		color: #666;
		font: 11px/normal "Courier New", Courier, monospace;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.entry a.LinkButton {
		background: url(../images/bg_buttons.png) no-repeat 0 0;	
		border: 0;		
		display: block;
		float: left;
		height: 55px;
		margin: 25px 0 0 -5px;
		padding: 0;
		text-indent: -9999em;
		width: 285px;
	}
	
	.entry a.LinkButton:hover,
	.entry a.LinkButton:focus:hover {
		background: url(../images/bg_buttons.png) no-repeat 0 -52px;			
	}
	
	.entry a.LinkButton:focus {
		background: url(../images/bg_buttons.png) no-repeat 0 -104px;			
	}
	
	.entry .share {
		float: left;
		padding: 40px 0 0 5px;
	}
	
		.share a,
		.share a:visited {
			background: url(../images/bg_gif.gif) no-repeat -570px -180px;
			border: 0;
			color: #333;
			display: block;
			float: left;
			font: 10px/17px Verdana;
			height: 20px;
			letter-spacing:-1px;
			margin: 0 10px 0 0;
			text-align: center;
			text-decoration: none;
			width: 100px;
		}
		
		.share a:hover {
			color: #000;
		}

	.entry img.snap {
		border: 1px #eee solid;
		margin: 10px 0;
	}
	
	.entry a[rel="lightbox"] {
		/*border: 0;*/
	} 

	.entry img.wp-smiley {
		margin: 0 0 -3px 0;
	}
	
	.extra {
		background: #F2F2F2;
		border-bottom:1px solid #EDEDED;
		border-top:1px solid #EDEDED;
		font-size: 10px;
		margin: 30px 0 30px -40px;
		padding: 10px 10px 10px 40px;
		width: 490px;
	}
	
		.extra p {
			margin-top: 0;
		}
	
		.extra h2 {
			margin: 20px 0 0 0;
		}

.wp-pagenavi {
	border-top: 1px #e6e6e6 solid;
	float: right;
	font-size: 10px;
	margin: 0 -10px -10px 0;
	padding: 10px 0 0 0;
	width: 200px;
}

	.wp-pagenavi form {
		float: right;
	}

	.wp-pagenavi select {
		font-size: 10px;
		padding: 2px;
		width: 100px;
	}

/***************************************** BLOG COMMENTS *****************************************/

.tabs {
	position: relative;
}

	.tabs ol {
		list-style: none;
		margin: 0 0 0 -40px;
		padding: 0;
	}
	
	.tabs li.comment,
	.tabs li.pingback,
	.tabs li.trackback {
		background: #f2f2f2;
		border-top: 1px #ededed solid;
		border-bottom: 1px #ededed solid;
		margin: 0 0 20px 0;
		padding: 20px 30px;
		position: relative;
	}
	
		li.comment a.followMe {
			background: #101010;
			border: 0;
			color: #CCCCCC;
			font-size: 10px;
			padding: 5px;
			position: absolute;
			right: 0;
			top: 0;
		}
	
	.tabs li.comment-author-admin {
		background: #fbfeed;
	}
	
	.tabs li.pingback:last-child,
	.tabs li.trakback:last-child {
		margin: 0;
	}
	
		.tabs li.pingback .commentator,
		.tabs li.pingback .comment-date,
		.tabs li.trackback .commentator,
		.tabs li.trackback .comment-date {
			padding: 0;
			width: 100%;
		}
	
		.tabs li.pingback span.author,
		.tabs li.pingback .comment-meta,
		.tabs li.trackback span.author,
		.tabs li.trackback .comment-meta {
			display: block;
		}
	
			.tabs li.pingback p,
			.tabs li.trackback p {
				margin: 0;
			}
		
		.tabs li.pingback .comment, 
		.tabs li.pingback .comment a,
		.tabs li.pingback .commentator,
		.tabs li.pingback span.author,
		.tabs li.pingback .comment-meta,
		.tabs li.pingback .comment-txt,
		.tabs li.trackback .comment, 
		.tabs li.trackback .comment a,
		.tabs li.trackback .commentator,
		.tabs li.trackback span.author,
		.tabs li.trackback .comment-meta,
		.tabs li.trackback .comment-txt {
			line-height: normal;
		}
	
	.tabs img.avatar {
		border: 1px #FFF solid;
		float: left;
		margin: 15px 15px 0 0;
	}
	
		.tabs .comment-date a,
		.tabs .comment-date a:hover {
			background: none;
			color: #909090;
			line-height: 18px;
		}
	
		.tabs .comment-author {
			color: #141414;
			padding: 0 0 5px 0;
		}
	
		.tabs cite {
			font-style: normal;
		}
	
		.tabs comment-author a,
		.tabs comment-author a:hover {
			color: #950000;
			line-height: 18px;
		}
	
	.tabs .comment-txt {
		float: left;
		width: 400px;
	}
	
	li.trackback .comment-txt,
	li.pingback .comment-txt {
		width: 510px;
	}
	
		.tabs .comment-txt img.wp-smiley {
			margin: 0 0 -3px 0;
		}
	
		.tabs span.cluv,
		.tabs span.commentDate {
			color: #707070;
			display: block;
			font: normal 10px/normal Tahoma, Geneva, sans-serif;
		}
	
		li.trackback span.commentDate,
		li.pingback span.commentDate {
			padding: 15px 0 0 0;
		}
	
		.tabs span.cluv {
			padding: 15px 0 0 0;
		}
	
			.tabs span.cluv a,
			.tabs span.commentDate a {
				font: normal 10px/normal Tahoma, Geneva, sans-serif;
			}

/***************************************** LEAVE COMMENTS | KONTAKT MIG *****************************************/

fieldset#LeaveComment {
	background: #FFF;
	border: 1px #e6e6e6 solid;
	border-left: 0;
	margin: 30px 0 0 -40px;
	padding: 20px 20px 20px 30px;
}

	fieldset#LeaveComment legend span {
		background: url(../images/bg_gif.gif) 0 -210px;
		display: block;
		height: 13px;
		text-indent: -9999em;
		width: 175px;
	}
	
	fieldset#LeaveComment label {
		display: block;
	}
	
	fieldset#LeaveComment textarea {
		color: #666;
		font-size: 12px;
		height: 150px;
		padding: 5px;
		width: 450px;
	}
	
	fieldset#LeaveComment input.txtfield {
		color: #666;
		font-size: 12px;
		width: 320px;
		padding: 6px;
	}

	fieldset#LeaveComment input.btn {
		background: url(../images/bg_buttons.png) no-repeat 0 -156px;		
		border: 0;
		cursor: pointer;		
		display: block;
		height: 55px;
		margin: 25px 0 0 -5px;
		padding: 0;
		text-indent: -9999em;
		width: 285px;
	}
	
	fieldset#LeaveComment input.btn:hover,
	fieldset#LeaveComment input.btn:focus:hover {
		background: url(../images/bg_buttons.png) no-repeat 0 -208px;
	}
	
	fieldset#LeaveComment input.btn:focus {
		background: url(../images/bg_buttons.png) no-repeat 0 -260px;
	}
	
	fieldset#LeaveComment form span, fieldset#LeaveMessage form small {
		color: #999;
	}
	
	fieldset#LeaveComment form span#mylastpost {
		color: #363636;
	}
	
	fieldset#LeaveComment .subscribe-to-comments input#subscribe {
		float: left;
	}
	
	fieldset#LeaveComment .subscribe-to-comments label {
		float: left;
	}

.subscribe-to-comments {
	overflow: hidden;
}

/***************************************** SHADOWBOX *****************************************/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:1999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/***************************************** TOOLTIP *****************************************/

#easyTooltip {
	background: #141414;
	border: 1px solid #000;
	color: #FFF;
	padding: 8px 10px;
	z-index: 10000;
}

/***************************************** COMMENT LUV *****************************************/

#commentluv input#doluv,
input#subscribe {
	margin-left: 0;
}

/***************************************** jQuery Tabs *****************************************/

h2 + ul.tabNavigation {
	padding-top: 0;
}

ul.tabNavigation {
	border-bottom: 1px #ededed solid;
	height: 25px;
	list-style: none;
	margin: 25px 0 25px -35px;
	padding: 0 0 0 35px;
}

	ul.tabNavigation li {
		background: none;
		float: left;
		padding: 0;
	}
	
		ul.tabNavigation a {
			background: none;
			border: 0;
			float: left;
			font-size: 10px;
			display: block;
			line-height: 26px;
			margin: 0 0 -10px 0;
			padding: 0 10px 9px 10px;
			text-align: center;
			width: 120px;
		}
		
ul.tabNavigation a.selected {
	background: url(../images/bg_gif.gif) no-repeat -535px -98px;
	color: #fff;
	padding: 0 0 9px 0;
}

#commentList,
#trackbacks {
	float: left;
}