/*
Theme Name: Horttcore
Theme URI: 
Description: 
Author: <a href="http://horttcore.de">Ralf Hortt</a>
Version: 1.0
*/



/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* change colours to suit your needs */
ins { background-color:.ff9; color:.000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:.ff9; color:.000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid .cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle; }



/* Clearfix */
/* For modern browsers */
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }



/**
 *
 * HTML ELEMENTS
 *
 */
html {
	background: url('./images/bg-html.png') center top;
}

body {
	color: #4c4c4c;
	font: 16px/1.5 'MuseoSans500', sans-serif;
}

.blog h2, h1 {
	font: bolder 34px/1.3 sans-serif;
	margin: 0 0 10px;
	text-shadow: 1px 1px #fff, 2px 2px #aaa;
	
}

h2 {
	font: bolder 24px/1.3 sans-serif;
	margin: 0 0 20px;
	text-shadow: 1px 1px #fff, 2px 2px #aaa;
}

h3 {
	font: bolder 18px/1.3 'MuseoSans500', sans-serif;
	margin: 0 0 10px;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

pre {
	-moz-tab-size: 4;
	-webkit-tab-size: 4;
	tab-size: 4;
}

h1, h2, h3, h4, h6, h6 {
	color: #333;
	font-family: 'MuseoSlab500';
}

p, ul, ol, table, dl {
	margin:  0 0 20px 0;
}

li, dd {
	margin: 0 0 5px 15px;
}

a {
	color: #333;
	text-decoration: none;
	-moz-transition: color .3s ease-in;
	-ms-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	-webkit-transition: color .3s ease-in;
	transition: color .3s ease-in;
}

a[rel=tag] {
	background: url('./images/icon-tag.png') left 3px no-repeat;
	color: #4C4C4C;
	padding: 0 0 0 10px;
}

.post-meta a[rel=tag] {
	background-position: left 0px;
}

a[rel=tag]:hover {
	background: url('./images/icon-tag.png') left -18px no-repeat;
	color: #000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

form {
	
}

	fieldset {
	
	}

		legend {
	
		}

		label {
	
		}

		input[type=text], textarea {
			border: 1px solid #ccc;
			box-shadow: inset 0 0 3px #ccc;
			padding: 10px;
			width: 400px;
		}

		input[type=text] {
	
		}
		
		input[type=radio], input[type=checkbox] {
			
		}
		
		input[type=password] {
			
		}

		textarea {
			resize: vertical;
		}
		
		select {
			
		}
		
		button, .button, input[type="submit"], .more-link, .tagcloud a {
		    background: #323232;
		    background: -moz-linear-gradient(-90deg, #323232 0%, #000000 100%);
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#000000));
		    background: -webkit-linear-gradient(top, #323232 0%,#000000 100%);
		    background: -o-linear-gradient(top, #323232 0%, #000000 100%);
		    background: -ms-linear-gradient(top, #323232 0%, #000000 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000000',GradientType=0 );
		    background: linear-gradient(top, #323232 0%,#000000 100%);
			border: none;
			border-radius: 3px;
			box-shadow: 1px 1px 1px #000;
		    color: #ffffff;
		    font-size: 11px;
		    line-height: auto;
		    padding: 5px 15px;
		    text-align: center;
		    text-decoration: none;
		    white-space: nowrap;
		}
		button:hover, input[type="submit"]:hover, .button:hover, .more-link:hover {
			box-shadow: none;
			position: relative;
			top: 1px;
		}
		


/**
 *
 * HEADER
 *
 */
.header {
	margin: 0 0 50px;
}

	.logo {
		float: left;
		margin: 0;
		padding: 0;
		transition: all .1s ease-in .1s;		
	}
	
	.logo:hover {
		transform: rotate(8deg);
	}


	/**
	 *
	 * NAV
	 *
	 */
	.nav {
		font: bolder 28px/1.3 sans-serif;
		font-family: 'MuseoSlab500';
		float: right;
		padding: 55px 0;
		text-shadow: 1px 1px #fff, 2px 2px #aaa;
	}



/**
 *
 * CONTENT
 *
 */
.content {
	float: left;
	margin: 0 50px 0 0;
	width: 670px;
}



/**
 *
 * SIDEBAR
 *
 */
.sidebar {
	background: url('./images/bg-footer.jpg') center top;
	box-shadow: 0px 0px 3px #666;
	color: #fff;
	float: left;
	padding: 10px;
	width: 260px;
}

	.sidebar a {
		color: #fff;
	}

	.sidebar > li {
		list-style: none;
		margin: 0;
	}

		.tagcloud a {
			display: inline-block;
			margin: 0 5px 5px 0;
		}
	
	.sidebar .post-date {
		border-bottom: 1px solid #000;
		color: #666;
		line-height: 1;
		padding: 0 0 10px;
		text-shadow: 1px 1px #000;
	}
	
		.sidebar .entry-date {
			background: url('./images/icon-calendar.png') 5px 5px no-repeat;
			color: #fff;
			font-size: 22px;
			padding: 0 0 0 30px;
			text-shadow: 2px 2px #000;
		}
	
	
	.sidebar .post-comments {
		background: url('./images/bg-comment-count-big.png') 5px 33px no-repeat;
		border-bottom: 1px solid #000;
		border-top: 1px solid #464646;
		font-size: 22px;
		margin: 0px;
		padding: 15px 0 15px 0;
		text-shadow: 2px 2px #000;
	}
	
		.sidebar .post-comment-count {
			padding: 0 0 0 30px;
		}
	
	.sidebar > div {
		border-bottom: 1px solid #000;
		border-top: 1px solid #464646;
		font-size: 22px;
		padding: 15px 0 15px 0;
		text-shadow: 2px 2px #000;
	}
	
	.sidebar > div:first-child {
		border-top: none;
	}
	
	.sidebar > div > span {
		color: #666;
		display: block;
		font-size: 12px;
		line-height: 1;
		text-shadow: 2px 2px #000;
	}

	.sidebar .category-list {
		background: url('./images/icon-folder.png') 5px 7px no-repeat;
		padding: 0 0 0 30px;
		
	}

	.sidebar .post-tags {
		border-bottom: none;
	}
	
		.sidebar .tag-list {
			background: url('./images/icon-tag-big.png') 5px 7px no-repeat;
			padding: 0 0 0 30px;
		}
	
		.sidebar a[rel=tag] {
			background: none;
			padding: 0;
		}	
		
		.sidebar a:hover, .sidebar a[rel=tag]:hover {
			color: #666;
		}

/**
 *
 * FOOTER
 *
 */
.footer {
	background: url('./images/bg-footer.jpg') center top;
	box-shadow: inset 0 15px 15px -15px #000;
	clear: both;
	margin: 20px 0 0;
}

	.social {
		position: relative;
		top: -30px;
	}

	.footer h3 {
		color: #fff;
		margin: 0 0 15px;
	}

	.footer a {
	}
	
	.twitter, .flickr, .profiles {
		float: left;
		margin: 0 0 0 40px;
		width: 300px;
	}
	
	.twitter {
		font-size: 12px;
		margin: 0;
	}
	
		.tweet {
			margin: 0 0 10px;
		}
		
			.tweet-content {
				background: #eee;
				box-shadow: 2px 2px #000;
				color: #666;
				padding: 10px;
			}
			
			.tweet-date {
				color: #fff;
			}
		
			.tweet p {
				margin: 0;
			}
	
		#tweet-1 {
			opacity: 1;
		}
	
		#tweet-2 {
			opacity: .66;
		}
	
		#tweet-3 {
			opacity: .33;
		}
	
		.flickr {
		}
	
		.flickr a img {
			border: 2px solid #fff;
			box-shadow: 2px 2px #000;
			margin: 0 10px 5px 0;
		}

		.profiles h3 {
			background: url('./images/bg-badge.png') no-repeat;
			height: 30px;
			line-height: 30px;
			text-align: center;
			width: 178px;
		}
		
		.profiles a {
			display: inline-block;
			margin: 0 10px 10px 0;
		}
		
		.profiles img {
			opacity: .5;
			transition: opacity .3s ease-in;
		}
		
		.profiles img:hover {
			opacity: 1;
		}
		
	.footer-nav {
		background: #000;
		font-size: 12px;
		padding: 10px;
	}

		.footer-nav li {
			display: inline;
			padding: 0 0 0 10px;
		}
		
			.footer-nav a {
				color: #fff;
			}

			.footer-nav .current-menu-item a, .footer-nav .current-menu-ancestor a, .footer-nav a:hover {
				text-decoration: underline;
			}


/**
 *
 * HELPERS
 *
 */
.aligncenter {
	display: block;
	text-align: center;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.container {
	margin: auto;
	padding: 20px;
	width: 1000px;
}

.featured-image {
	background: url('./images/bg-featured-thumbnail.png') no-repeat;
	height: 300px;
	margin: 0 0 15px;
	padding: 10px 10px 40px;
	width: 980px;
}

	.featured-image a {
		display: inline-block;
		height: 300px;
		overflow: hidden;
		position: relative;
		width: 980px;
	}

		.featured-image img {
			position: relative;
			top: 0;
			transition: all .3s ease-in-out;
		}
		
		.featured-image:hover img {
			top: -30px;
		}

		.featured-image h3 {
			background: rgba(0,0,0,.3);
			color: #fff;
			bottom: -150px;
			margin: 0;
			padding: 5px 10px;
			position: absolute;
			transition: all .3s ease-in-out;
			width: 980px;
		}
		
		.featured-image:hover h3 {
			bottom: 0px;
		}

.left {
	float: left;
}

.more-wrap {
	background: rgba( 255, 255, 255, .5 );
	margin: 25px 0 0;
	padding: 10px;
	text-align: center;
}

.hidden {
	display: none;
}

.right {
	float: right;
}

.wp_syntax table {
	margin: 0;
}


/**
 *
 * HOME
 *
 */
.attachment-featured {

}

	.blog .post {
		padding: 0 0 20px;
		margin: 0 0 20px;
	}

	.blog .post, .blog .reference {
		float: left;
		margin: 0 0 0 20px;
		width: 320px;
	}

.blog .featured {
	float: none;
	margin: 0 0 50px;
	width: auto;
}

.blog .posts {
	margin: 0 0 35px;
	padding: 0 0 35px;
}

	.blog .posts > :first-child {
		margin: 0;
	}

.blog .attachment-post-thumbnail {}

.posts > article h2 {
	font-size: 22px;
}



/**
 *
 * ARCHIVE
 *
 */
.archive .post {
	margin: 0 0 50px;
}



/**
 *
 * TPL:SINGLE
 *
 */
.post-meta {
	font-size: 12px;
	margin: 0 0 10px;
}

	.comments {
		border-right: 1px solid #333;
		margin: 0 5px 0 0;
		padding: 0 5px 0 0;
	}

.comment-count {
	background: url("./images/bg-comment-count.png") no-repeat scroll left top transparent;
	color: #FFFFFF;
	display: inline-block;
	height: 18px;
	line-height: 13px;
	margin: 0 2px 0 0;
	padding: 2px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 21px;
}

.comment-toggle {
	background: rgba( 255, 255, 255, .5 );
	margin: 30px 0 50px;
	padding: 10px;
	text-align: center;
}

#comments {
	margin: 60px 0 0;
}

	#comments-title {
		margin: 0 0 25px;
	}

	.commentlist {
		margin: 0;
	}

		li.comment, li.comment li.comment:first-child {
			border-top: 1px solid #d2d2d2;
			list-style: none;
			margin: 20px 0 0;
			padding: 20px 0 0;
		}
		
		li.comment:first-child {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		li.comment li.comment {
			margin-left: 20px !important;
		}
		
			.bypostauthor {
				background: url('./images/icon-horttcore.png') right 20px no-repeat;
			}
		
			.comment-meta {
				margin: 0 0 15px;
			}
		
				.commentlist .avatar {
					border: 5px solid #fff;
					box-shadow: 1px 1px #ccc;
					float: left;
					margin: 0 20px 0 0;
				}
			
				.comment-author {
					color: #444;
					font-size: 18px;
					font-weight: bold;
				}
			
				.comment-date {
					color: #999;
				}

			.comment-content {
				padding: 0 0 0 105px;
			}
			
			.reply {
				text-align: right;
			}
			
				.reply a {
					color: #d2d2d2;
				}

	#respond {
		margin: 25px 0 0;
	}
	
		#reply-title {

		}
	
		#commentform {

		}

			#commentform label {
				display: block;
			}

			span.required {
				display: none;
			}

	.form-allowed-tags {
		color: #999;
		font-size: 10px;
	}



/**
 *
 * PORTFOLIO
 *
 */
.page-template-tpl-portfolio-php .reference, .archive .reference {
	float: left;
	margin: 0 20px 20px 0;
}

.page-template-tpl-portfolio-php .image-frame:nth-child(3n + 2), .archive .image-frame:nth-child(3n +2) {
	margin-right: 0;
}

/*
.portfolio:nth-child(2n + 2) {
	transform: rotate(.4deg);
}

.portfolio:nth-child(3n + 3) {
	transform: rotate(-2deg);
}

.portfolio:nth-child(5n + 5) {
	transform: rotate(3deg);
}

.portfolio:nth-child(7n + 7) {
	transform: rotate(-0.5deg);
}
*/

.image-frame {
	background: url('./images/bg-thumbnail.png') no-repeat;
	display: inline-block;
	height: 190px;
	margin: 0 15px 20px 0;
	padding: 10px 10px 40px;
	width: 300px;
}

.page-template-plugins-php .image-frame:nth-child(3n + 2), .archive .image-frame:nth-child(3n + 2) {
	margin-right: 0;
}


	.image-frame a {
		display: inline-block;
		height: 200px;
		overflow: hidden;
		position: relative;
		width: 300px;
	}
	
		.image-frame img {
			position: relative;
			top: 0;
			transition: all .3s ease-in-out;
		}
		
		.image-frame:hover img {
			top: -20px;
		}

		.image-frame h2, .image-frame h3 {
			background: rgba(0,0,0,.3);
			color: #fff;
			bottom: -150px;
			font-size: 16px;
			margin: 0;
			padding: 5px 10px;
			position: absolute;
			transition: all .3s ease-in-out;
			text-shadow: none;
			width: 280px;
		}
		
		.image-frame:hover h2, .image-frame:hover h3 {
			bottom: 0px;
		}



/**
 *
 * SINGLE REFERENCE
 *
 */

.single-reference .content {
	float: none;
	width: auto;
}

	.single-reference dl {
		float: left;
		height: 80px;
		margin: 0 0 25px 0;
		width: 280px;
	}
	
		.single-reference dt {
			border-radius: 2px;
			color: #000;
			display: inline-block;
			font-weight: bold;
			margin: 0 0 5px;
			padding: 2px 7px;
		}
		
		.single-reference dd {
			margin: 0 0 0 7px;
		}
		
		.single-reference  .project-description {
			float: right;
			height: auto;
		}

.reference-frame {
	background: url('./images/bg-reference.png') no-repeat;
	height: 620px;
	margin: 0;
	padding: 10px 10px 40px;
	width: 980px;
}

	.reference-frame span {
		display: none;
		height: 600px;
		overflow: hidden;
		position: relative;
		width: 980px;
	}
	
		.reference-frame .current {
			display: inline-block;
		}

		.reference-frame .images > div {
			cursor: pointer;
			position: relative;
			top: 0;
			transition: all .3s ease-in-out;
		}

		.reference-frame .fluxslider:hover .images > div {
			top: -50px !important;
		}

		.reference-frame .fluxslider .caption {
			background: rgba(0,0,0,.3);
			color: #fff;
			bottom: -20px !important;
			margin: 0;
			padding: 5px 10px;
			position: absolute;
			text-shadow: none;
			transition: all .3s ease-in-out !important;
			width: 980px;
		}

		.reference-frame .fluxslider:hover .caption {
			bottom: 50px !important;
		}
		
		.reference-frame h3 {
			color: #fff;
			margin: 0;
		}
		
		.indicators {
			margin: 0px;
			position: relative;
			text-align: center;
			top: -20px;
		}

			.indicator {
				background: url('./images/sprite-indicators.png') 0 -25px no-repeat;
				display: inline-block;
				height: 25px;
				width: 25px;
				transition: all .1s ease-in;
			}
		
			.indicator:hover, .indicators .current {
				background-position: 0 0px;
			}


/**
 *
 * CONTACTFORM
 *
 */
.contactform {
	 float: left;
	 width: 480px;
}

	.contactform textarea {
		height: 200px;
	}


/**
 *
 * FLUX Slider
 *
 */
.fluxslider {
	height: 600px !important;
	overflow: hidden !important;
}



/**
 *
 * tipTip
 *
 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}