/*
Theme Name: audiohyperspace
Theme URI: www.audiohyperspace.de
Description: Theme for audiohyperspace.de
Version: 2.8
Author: Tim Tilhard
Author URI: www.timtilhard.de
Tags: timtilhard, minimal, technologic
*/

/***
 GENERAL
***/

* {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

img {
	border: 0;
	display: block;
}

.clear {
	clear: both;
}

#page-wrap {
	overflow: hidden;
	width: 1003px;
}

.sIFR-active .delicious-title, .sIFR-active .delicious-title-alt {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}

/***
 FORMULARE
***/

form label {
	float: left;
	font-weight: bold;
	width: 120px;
}

form input, form textarea {
	color: white;
	background: #969899;
	border: 1px solid #555;
	font: 12px Arial;
	padding: 2px;
}

form p {
	clear: both;
}

#main div.wpcf7-response-output {
	border: 0;
	color: #78fafd;
	font: bold 12px Arial;
}

#main .wpcf7-not-valid-tip {
	display: none;
}

#main #mainleft .entry img.ajax-loader {
	border: 0;
	float: none;
	margin: 20px 0 0 110px;
}

/***
 HEADER
***/

#header {
	height: 170px;
	position: relative;
}

	#header #logo {
		left: 184px;
		position: relative;
		top: 64px;
	}
	
	#header #language {
		left: 800px;
		position: absolute;
		bottom: 0;
	}
	
		#header #language ul {
			list-style-type: none;
		}
		
			#header #language ul li {
				color: #b1b1b1;
				padding: 8px 8px 4px 8px;
				float: left;
				font: 12px Arial;
			}
			
				#header #language ul li a {
					color: #b1b1b1;
				}
			
			#header #language ul li.active {
				background: #78fafd;
			}
			
				#header #language ul li.active a {
					color: #555;
				}

/*** 
 LEFT 
***/

#left {
	float: left;
	width: 203px;
}

	#left .box {
		background: url(img/box_bg.gif) repeat-y;
		margin-bottom: 24px;
		width: 195px;
	}
	
	#left .box.alt {
		background: url(img/box2_bg.gif) repeat-y;
	}
	
		#left .box h2.delicious-title {
			color: #fff;
			font: 18px Delicious, Arial, sans-serif;
			margin: 19px 0 0 0;
			padding: 0 0 0 16px;
			text-transform: uppercase;
		}
		
		#left .box h2.delicious-title-alt {
			color: #555;
			font: 18px Delicious, Arial, sans-serif;
			margin: 19px 0 0 0;
			padding: 0 0 0 16px;
			text-transform: uppercase;
		}
		
		#left .box ul {
			list-style: none;
		}
		
			#left .box ul li {
				border-left: 3px solid #b1b1b1;
				color: #fff;
				font: 12px Arial;
				margin: 5px 0 0 0;
				padding: 2px 16px 0 13px;
			}
			
			#left .box ul li.current-cat {
				border-left: 3px solid #78fafd;
			}
			
			#left .box ul li:hover {
				border-left: 3px solid #78fafd;
			}
			
				#left .box ul li a {
					color: #fff;
				}
				
			#left .box.alt ul li {
				border-left: 3px solid #cafcfd;
				color: #555;
			}
			
			#left .box.alt ul li.current_page_item {
				border-left: 3px solid #555;
			}
			
			#left .box.alt ul li:hover {
				border-left: 3px solid #555;
			}
			
				#left .box.alt ul li a {
					color: #555;
				}
				
/***
 MAIN CONTENT
***/

#main {
	background: url(img/mainbox_bg.gif) repeat-y;
	float: left;
	width: 800px;
}

	#main a {
		color: #78fafd;
	}
	
	#main a:hover {
		text-decoration: underline;
	}
	
	#main #mainleft {
		float: left;
		padding: 0 42px;
		width: 467px;
	}
		
		#main #mainleft #breadcrumb {
			border-bottom: 2px solid #bababa;
			color: white;
			font: 10px Arial;
			margin: 15px 0 0 0;
		}
			
			#main #mainleft #breadcrumb a {
				color: white;
			}
	
		#main #mainleft .entry {
			width: 100%;
			margin: 0 0 50px 0;
		}
	
			#main #mainleft .entry .headers {
				margin: 0 0 24px 0;
			}
	
			#main #mainleft .entry h2.delicious-title {
				color: #fff;
				font: 18px Delicious, Arial, sans-serif;
				margin-top: 30px;
				margin-bottom: -7px;
				text-transform: uppercase;
				width: 100%;
			}
				#main #mainleft .entry h2 a {
					color: #fff;
					text-decoration: none;
				}
			
			#main #mainleft .entry h3 {
				color: #fff;
				font: italic 12px Arial;
				width: 100%;
			}
	
			#main #mainleft .entry img {
				border: 3px solid white;
				float: right;
				margin: 0 0 2px 8px;
			}
			
			#main #mainleft .entry .wp-caption {
				float: right;
			}
			
			#main #mainleft .entry .wp-caption .wp-caption-text {
				font-style: italic;
				font-size: 10px;
				margin-left: 7px;
			}
	
			#main #mainleft .entry p {
				color: #fff;
				font: 12px Arial;
				line-height: 16px;
				margin: 10px 0;
			}
			
			#main #mainleft .entry table {
				margin: 0 0 10px 0;
			}
			
			#main #mainleft .entry table td {
				color: #fff;
				font: 12px Arial;
				line-height: 16px;
				vertical-align: top;
			}
			
			#main #mainleft .entry ul {
				color: #fff;
				font: 12px Arial;
				line-height: 16px;
				margin: 10px 0;
			}
				
				#main #mainleft .entry ul li {
					margin: 0 0 0 16px
				}
			
			#main #mainleft .entry h4 {
				clear: both;
				border-left: 8px solid #78fafd;
				color: #fff;
				font: bold 12px Arial;
				margin: 10px 0 4px -12px;
				padding: 0 0 0 4px;
			}
			
			#main #mainleft .entry .links {
				margin: 16px 0 0 0;
			}
			
				#main #mainleft .entry .links ul {
					list-style: none;
				}
			
					#main #mainleft .entry .links ul li {
						font: italic 12px Arial;
						color: #fff;
					}
			#main #mainleft .entry .date {
				margin: 16px 0 0 0;
			}
		
		#main #mainleft #paginate {
			clear: both;
			width: 499px;
			margin: 0px -16px 16px -16px;
		}
		
			#main #mainleft #paginate #paginate_left {
				background: url(img/paginate_left.gif) no-repeat;
				float: left;
				padding: 0 0 0 16px;
			}
		
			#main #mainleft #paginate #paginate_right {
				background: url(img/paginate_right.gif) top right no-repeat;
				float: right;
				padding: 0 16px 0 0;
				text-align: right;
			}
			
			#main #mainleft #paginate .first {
				font: bold 12px Arial;
			}
			
				#main #mainleft #paginate .first a {
					color: #555;
				}
			
			#main #mainleft #paginate .second {
				font: bold 14px Arial;
			}
				#main #mainleft #paginate .second a {
					color: #fff;
				}
		
		#main #mainleft .pagenumbers {
			background: #bababa;
			text-align: center;
		}
		
	#main #mainright {
		float: left;
		margin: 42px 0px 0px 24px;
		width: 184px;
	}
	
		#main #mainright .item {
			margin: 0 0 32px 0;
		}
		
			#main #mainright .item h5 {
				color: #555;
				font: bold 12px Arial;
			}
				#main #mainright .item h5 a {
					color: #555;
				}
			
			#main #mainright .item p {
				font: 12px Arial;
				color: #555;
			}
				
				#main #mainright .item p a {
					color: #555;
				}
				
/***
 FOOTER
***/

#footer {
	background: #262626;
	border-top: 2px solid #78fafd;
	color: #757677;	
	font: 12px Arial;
	width: 100%;
	height: 120px;
}
	#footer #min-width {
		width: 1003px;
	}

	#footer a {
		color: #b1b1b1;
		text-decoration: none;
	}
	
		#footer a:hover {
			text-decoration: underline;
		}

	
	#footer .left {
		padding: 0 16px;
		width: 171px;
	}

	#footer .center {
		padding: 0 42px;
		width: 467px;
	}
	
	#footer .right {
		padding: 0 24px;
		width: 200px;
	}
	
	#footer .left, #footer .center, #footer .right {
		float: left;
		margin: 16px 0 0 0;
	}
	
		#footer .left div, #footer .center div, #footer .right div {
			margin: 4px 0px;
		}
	
		#footer #seknav ul {
			list-style: none;
		}
			
			#footer #seknav ul li {
				float: left;
				margin: 0 4px 0 0;
			}
		
		#footer #seknav .clear {
			height: 0;
			margin: 0;
		}