/*

## Developed by: Dominik Mertz (2009)
## Copyright by clan.drei GmbH 2009

*/

/*-------------------------------------------------
Global
-------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica", "Arial", "Verdana", sans-serif;
	font-size: 12px;
	color: #929292;
	background: #000 url(../images/background-pattern.gif);
	overflow-x: hidden;
}

body div {
	text-align: left;
}

br {
	clear: both;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a {
	outline: none;
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.invisible {
	visibility: hidden;
}

.visible {
	visibility: hidden;
}

.hide {
	display: none;
}

.show {
	display: block;
}

h2.borders {
	padding: 13px 0 13px 15px;
	margin: 0 0 20px 0;
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
	font-size: 14px;
	color: #fff;
}

h2.borders.clear {
	margin: 0 0 10px 0;
}

h2.borders.slideshow {
	margin: 0 0 15px 0;
}

h2.borders.comments {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 0 0 15px 0;
}

h3.notice {
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
}

#pagination span.active,
#commentsPagination span.active {	
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding: 0 2px 1px 2px;
	border-bottom: 2px solid #fff;
}


/*-------------------------------------------------
Structure & Links
-------------------------------------------------*/

#messageToolTip {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100000000;
	width: 270px;
}

#messageToolTip .top {
	height: 30px;
	background: url(../images/tooltip/top.png) no-repeat;
}

#messageToolTip .bottom {
	height: 30px;
	background: url(../images/tooltip/bottom.png) no-repeat;
}

#messageToolTip .middle {
	background: url(../images/tooltip/middle.png) no-repeat;
}

#messageToolTip .middle .content {
	padding: 0 30px 0 30px;
}

#site {
	background: url(../images/background-2.jpg) no-repeat center top;
	z-index: 1000;
	width: 980px;
	height: 100%;
	overflow: hidden;
}

#header {
	height: 120px;
}
	
	#header .inner {
		padding: 15px 19px 0 30px;
		height: 105px;
	}
	
	#header .inner .navigation {
		margin: 15px 0 0 0;
		width: 628px;
		height: 56px;
		background: url(../images/navi-background.png) no-repeat;
	}
	
	#header ul#navigation {
		margin: 4px 0 0 0;
		padding: 1px 0 0 0;
		width: 621px;
		height: 0;
		list-style: none;
	}
	
		#header ul#navigation li {
			float: left;
		}
				
		#header li a.active {
			height: 47px;
			background-position: 0 -47px;
		}
	
		#header ul#navigation li#photos {
			width: 87px;
			height: 48px;
		}

		#header ul#navigation li#videos {
			width: 86px;
			height: 48px;
		}

		#header ul#navigation li#homeAudio {
			width: 130px;
			height: 48px;
		}

		#header ul#navigation li#myHomeNav {
			width: 102px;
			height: 48px;
		}

		#header ul#navigation li#location {
			width: 101px;
			height: 48px;
		}

		#header ul#navigation li#residents {
			width: 109px;
			height: 48px;
		}
		
		#header a#btnPhotos {
			height: 47px;
			display: block;
			background: url(../images/nav/btn_photos.gif) no-repeat;
		}

		#header a#btnVideos {
			height: 47px;
			display: block;
			background: url(../images/nav/btn_videos.gif) no-repeat;
		}

		#header a#btnHomeAudio {
			height: 47px;
			display: block;
			background: url(../images/nav/btn_homeaudio.gif) no-repeat;
		}

		#header a#btnMyHome {
			height: 47px;
			display: block;
			background: url(../images/nav/btn_myhome.gif) no-repeat;
		}

		#header a#btnLocation {
			height: 47px;
			display: block;
			background: url(../images/nav/btn_location.gif) no-repeat;
		}

		#header a#btnResidents {
			height: 47px;
			display: block;
			background: url(../images/nav/btn_residents.gif) no-repeat;
		}
		
		#header a#btnPhotos:hover,
		#header a#btnVideos:hover,
		#header a#btnHomeAudio:hover,
		#header a#btnMyHome:hover,
		#header a#btnLocation:hover,
		#header a#btnResidents:hover {
			height: 47px;
			display: block;
			background-position: 0 -47px;
		}

		#header a#btnPhotos.active,
		#header a#btnVideos.active,
		#header a#btnHomeAudio.active,
		#header a#btnMyHome.active,
		#header a#btnLocation.active,
		#header a#btnResidents.active {
			height: 47px;
			display: block;
			background-position: 0 -47px;
		}
			
	.headerLine {
		overflow: hidden;
		margin: 0;
		padding: 0;
		height: 2px;
		background: url(../images/header-line.gif) no-repeat;
	}

#content {
	padding: 20px 30px 25px 15px;
}

	#events {
		width: 960px;
		height: 360px;
		overflow: hidden;
		position: relative;
	}
	
	#pagination {
		margin: 0;
		padding: 13px 0 13px 15px;
		border-top: 1px solid #333;
		color: #fff;
		border-bottom: 1px solid #333;
	}
	
	#pagination.photo {
		margin: 52px 0 0 0;
		border: 0;
		padding: 0;
	}

	#pagination.photo .pagination {
		font-size: 14px;
		padding: 13px 15px 8px 15px;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}

	#pagination.photo .back {
		font-size: 14px;
		padding: 13px 15px 8px 15px;
		border-bottom: 1px solid #333;
	}
	
	#backPage {
		padding: 15px 15px 12px 15px;
		border-bottom: 1px solid #333;
	}
	
	#commentsPagination {
		margin: 0;
		padding: 13px 0 13px 15px;
		color: #fff;
		border-bottom: 1px solid #333;
	}
	
	#comments {
		padding: 15px 10px 0 10px;
	}
	
	#comments .comment {
		width: 580px;
		padding: 14px 15px 14px 15px;
		border-bottom: 1px solid #333;
	}

	#comments .comment.first {
		padding: 0 15px 14px 15px;
	}

	#comments .comment .info {
		margin: 4px 0 0 0;
		width: 110px;
		color: #fff;
	}
	
	#comments .comment .userInfo {
		width: 201px;
	}

	#comments .comment .text {
		margin: 4px 0 0 0;
		line-height: 16px;
		width: 370px;
	}

	#comments .comment .info span.ago {
		margin: 10px 0 0 0;
		color: #929292;
		font-size: 10px;
	}
	
	span.red {
		color: #dd0000;
	}
	
	#comments .comment img,
	.avatar img {
		border: 4px solid #474747;
		margin: 0 15px 0 0;
	}

	#galleries {
		width: 945px;
		padding: 10px 0 0 0;
	}
	
		#galleries .info {
			width: 305px;
			line-height: 18px;
		}
		
		#galleries .info.soundcloud {
			height: auto;
		}
		
		#galleries .info .description {
			height: 463px;
			overflow: hidden;
		}
		
		#galleries .info .textDescription {
			border-bottom: 1px solid #565656;	
			padding: 0 0 15px 0;	
			margin: 0 0 15px 0;
		}

		#galleries .info .description.photos {
			height: 426px; /* 468px */
		}

		#galleries .info .description.photo {
			height: auto;
		}

		#galleries .info .description.normal {
			padding: 0 15px 0 15px;
			height: auto;
		}
		
		#galleries .myhome-menu a {
			float: left;
			margin: 0 0 10px 0;
		}

		#galleries .info .description .inner, 
		#galleries .info .textDescription .inner {
			padding: 0 15px 0 15px;
		}

		#galleries .textDescription .inner span {
			color: #fff;
		}

		#galleries .info .comment.container {
			padding: 0 0 0 15px;
		}
		
		#galleries .info .comment h3 {
			font-size: 12px;
			color: #fff;
			margin: 0 0 12px 0;
		}
		
		#galleries #socialNetworks {
			color: #fff;
			padding: 14px 15px 14px 15px;
			margin: 15px 0 0 0;
			height: 40px;
			border-top: 1px solid #565656;
			border-bottom: 1px solid #565656;
		}

		#galleries #socialNetworks.photo {
			margin: 14px 0 0 0;
		}

		#galleries #socialNetworks span {
			margin: 0 0 10px 0;
		}

		#galleries #socialNetworks ul.networks {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			width: 275px;
			height: 16px;
			list-style: none;
		}
		
		#galleries ul.networks li {
			float: left;
			width: 16px;
			height: 16px;
			margin: 0 10px 0 0;
		}

		#galleries ul.networks a#facebook {
			height: 16px;
			display: block;
			background: url(../images/social_networks/facebook2.gif) no-repeat;
		}

		#galleries ul.networks a#twitter {
			height: 16px;
			display: block;
			background: url(../images/social_networks/twitter2.gif) no-repeat;
		}

		#galleries ul.networks a#webnews {
			height: 16px;
			display: block;
			background: url(../images/social_networks/webnews.gif) no-repeat;
		}

		#galleries ul.networks a#yigg {
			height: 16px;
			display: block;
			background: url(../images/social_networks/yigg.gif) no-repeat;
		}

		#galleries ul.networks a#folkd {
			height: 16px;
			display: block;
			background: url(../images/social_networks/folkd.gif) no-repeat;
		}

		#galleries ul.networks a#misterwong {
			height: 16px;
			display: block;
			background: url(../images/social_networks/misterwong.gif) no-repeat;
		}

		#galleries ul.networks a#linkarena {
			height: 16px;
			display: block;
			background: url(../images/social_networks/linkarena.gif) no-repeat;
		}

		#galleries ul.networks a#delicious {
			height: 16px;
			display: block;
			background: url(../images/social_networks/delicious.png) no-repeat;
		}
								
		#galleries ul.networks a#facebook:hover,
		#galleries ul.networks a#twitter:hover,
		#galleries ul.networks a#webnews:hover,
		#galleries ul.networks a#yigg:hover,
		#galleries ul.networks a#folkd:hover,
		#galleries ul.networks a#misterwong:hover,
		#galleries ul.networks a#linkarena:hover,
		#galleries ul.networks a#delicious:hover {
			display: block;
			background-position: 0 -16px;
		}
		
		#galleries .galleries,
		#galleries .content {
			width: 625px;
		}
		
			#galleries .content .resident {
				width: 305px;
				margin: 0 0 25px 0;
			}

			#galleries .content .resident.clear {
				margin: 0 0 0 0;
			}
			
			#galleries .content .resident .description {
				padding: 0 15px 0 15px;
				line-height: 18px;
			}
			
				#galleries .content .resident .description .image {
					margin: 0 0 15px 0;
					width: 268px;
					height: 155px;
					padding: 1px;
					background: url(../images/resident-border.png) no-repeat;
				}

			#galleries .content .normalContent {
				line-height: 18px;
				padding: 0 15px 0 15px;
			}
			
			#galleries .content .normalContent .formSide {
				width: 270px;
			}

			#galleries .content .normalContent .download {
				margin: 0 0 20px 0;
			}

			#galleries .content .normalContent .download.last {
				margin: 0;
			}
			
			#galleries .content .normalContent .download span.title {
				float: left;
				padding: 0 0 17px 0;
			}

			#galleries .content .normalContent .download .image {
				width: 270px;
				height: 80px;
				background: url(../images/background-download.gif) no-repeat;
				float: left;
				padding: 1px;
			}

			#galleries .content .normalContent .download .downloadInfo {
				line-height: 15px;
				width: 270px;
				height: 80px;
				float: right;
			}

			#galleries .content .normalContent .download .downloadLink {
				width: 270px;
				visibility: hidden;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			#fullImageLoader {
				display: block;
				width: 32px;
				height: 32px;
				margin: 190px 0 0 275px;
				position: absolute;
				z-index: 25000;
			}

			#galleries .galleries .fullPhoto {
				padding: 11px 11px 0 10px;
				height: 442px;
				background: url(../images/background-bigimage-dia.png) no-repeat;
			}
			
			#galleries .head {
				float: left;
				width: 100%;
				height: 13px;
				background: url(../images/container-top.png) no-repeat;
			}
			
			#galleries .body {
				width: 100%;
				background: url(../images/container-content.png) repeat-y;
			}
			
			#galleries .body .imageWrapper {
				padding: 2px 13px 0 13px;
				color: #fff;
			}
			
			#photo .body span {
				display: none;
			}
			
			#galleries .foot {
				float: left;
				width: 100%;
				height: 13px;
				background: url(../images/container-bottom.png) no-repeat;
			}
			
				#galleries .galleries .fullPhoto .imageWrapper {
					padding: 1px 1px 1px 2px;
					width: 604px;
					height: 402px;
					background: url(../images/background-bigimage.png) no-repeat;
				}
				
				#galleries .galleries .fullPhoto .imageWrapper.soundcloud span {
					display: none;
				}
				
				#galleries .galleries .fullPhoto .imageWrapperX {
					padding: 1px 1px 1px 0px;
					width: 604px;
					height: 402px;
					background: url(../images/background-x.png) no-repeat;
				}

				#galleries .galleries .fullPhoto .description {
					padding: 10px 0 0 0;
					color: #fff;
					font-weight: bold;
				}
		
			#galleries .galleries .row {
				width: 625px;
				height: 170px;
				overflow: hidden;
			}

			#galleries .galleries .line {
				width: 100%;
				height: 31px;
				background: url(../images/gallery-line.png) no-repeat;
			}

				#galleries .galleries .row .rowSpacer {
					width: 15px;
					height: 100%;
				}
			
				#galleries .galleries .row  .contentEntry {
					padding: 10px;
					width: 178px;
					height: 150px;
					background: url(../images/background-gallery2.png) no-repeat;
				}

				.left-0 {
					left: 0;
				}
				
				.left-213 {
					left: 213px;
				}
				
				.left-426 {
					left: 426px;
				}

				.top-0 {
					top: 0;
				}
				
				.top-200 {
					top: 200px;
				}
				
				.top-400 {
					top: 400px;
				}

				#galleries .galleries .row .contentLoader img {
					overflow: hidden;
					padding: 38% 0 0 0;
				}
				
				#bigImageLoader {
					position: absolute;
					padding: 200px 0 0 285px;
				}
				
				#galleries .galleries .row .contentEntry h2 {
					font-family: "Helvetica", "Arial", "Verdana", sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #fff;
					margin: 0;
					padding: 0;
				}

				#galleries .galleries .row .contentEntry .dateVideo {
					overflow: hidden;
					font-size: 9px;
					height: 9px;
					width: 100%;
					margin: 4px 0 4px 0;
					padding: 0;
				}

				#galleries .galleries .row .contentEntry .date {
					overflow: hidden;
					font-size: 9px;
					height: 9px;
					margin: 4px 0 4px 0;
					padding: 0;
				}

				#galleries .galleries .row .contentEntry .picSum {
					overflow: hidden;
					font-size: 9px;
					height: 9px;
					margin: 4px 0 4px 0;
					padding: 0;
				}

				#galleries .galleries .row .contentEntry .realContent {
					position: relative; 
					top: -83px;
				}

				#galleries .galleries .row .contentEntry .image {
					padding: 1px 0 0 1px;
					width: 177px;
					height: 118px;
					overflow: hidden;
					background: url(../images/background-x-small.png) no-repeat;
				}

				#galleries .galleries .row .contentEntry .singleImage {
					margin: 1px 0 0 0;
					padding: 1px 0 0 1px;
					width: 177px;
					height: 118px;
					overflow: hidden;
					background: url(../images/background-x-small.png) no-repeat;
				}

				#galleries .galleries .row .contentEntry .diaInfo {
					height: 13px;
					width: 100%;
					font-family: "Helvetica", "Arial", "Verdana", sans-serif;
					font-weight: bold;
					color: #fff;
					margin: 12px 0 0 0;
				}

				#galleries .galleries .row .contentEntry .diaInfo .comments {
					padding: 1px 0 0 0;
					overflow: hidden;
				}

	#content .event {
		width: 960px;
	}
		#content .event #infoContainerWrapper {
			width: 305px; 
			margin: 0;
			position: relative;
			left: 0;
			display: block;
			z-index: 0;
		}

		#content .event #teaserContainerWrapper {
			width: 645px; 
			margin: 0;
			position: relative;
			left: 0;
			display: block;
			z-index: 0;
		}
		
		#googleMapsWrapper {
			margin: -7px 0 0 0;
		}
		
		
		#content .event #infoContainer {
			width: 305px;
			margin: 0;
		}
		
			#content .event #infoContainer .nextHomeEvent {
				margin: 6px 0 0 0;
				width: 305px;
				height: 142px;
				background: url(../images/background-event.png) no-repeat;
			}
			
			#content .event #infoContainer ul.artistInfo {
				width: 305px;
				padding: 0;
				margin: 15px 0 10px 0;
				list-style-type: none;
				border-top:	1px solid #444;
			}

			#content .event #infoContainer ul.artistInfo li.normal {
				padding: 0 0 0 15px;
				font-family: "Helvetica", "Arial", sans-serif;
				font-size: 18px;
				letter-spacing: -1px;
				line-height: 30px;
				color: #ababab;
				border-bottom: 1px solid #444;
			}
			
			#submenuWrapper {
				width: 305px;
				left: 0;
			}
			
			#submenu {
				width: 290px;
				display: block;
				padding: 10px 0 10px 15px;
				margin: 0 0 20px 0;
				line-height: 14px;
				border-bottom: 1px solid #444;
				border-top: 1px solid #444;
			}
			
			#submenu.arrowTop {
				background: url(../images/arrow-top.gif) top right no-repeat;
				background-position: 100% 15px;
			}
			
			#submenu.arrowBottom {
				background: url(../images/arrow-bottom.gif) top right no-repeat;
				background-position: 100% 15px;
			}
			
				#submenu a:link, #submenu a:visited, #submenu a:focus, #submenu a:hover, #submenu a:active {
					font-family: "Helvetica", "Arial", sans-serif;
					font-weight: bold;
					display: block;
					font-size: 14px;
					color: #fff;
				}
				
				#submenu a:hover {
					font-family: "Helvetica", "Arial", sans-serif;
					font-weight: bold;
					display: block;
					font-size: 14px;
					color: #fff;
				}
				
				#scrollArea {
					position: relative;
					left: 0;
					display: block;
					width: 260px;
					height: 295px;
					overflow: scroll;
					line-height: 18px;
					padding: 0 38px 0 15px;
				}
				
				#scrollArea p {
					padding: 0;
					margin: -3px 0 0 0;
				}

				
				#scrollAreaNormal {
					position: relative;
					left: 0;
					display: block;
					width: 260px;
					height: 289px;
					overflow: scroll;
					line-height: 18px;
					padding: 0 38px 0 15px;
				}
				
				#scrollAreaNormal p {
					padding: 0;
					margin: -15px 0 0 0;
				}
				
				.scroll {
					/* fixes has-layout-bug in IE6*/
					zoom: 1;
				}	

			#content .event #infoContainer ul.artistInfo li.small {
				padding: 12px 0 12px 15px;
				font-family: "Helvetica", "Arial", sans-serif;
				font-size: 12px;
				line-height: 20px;
				color: #ababab;
				border-bottom: 1px solid #444;
			}

			#content .event #infoContainer ul.artistInfo li.last {
				border-bottom: none;
				padding: 12px 0 0 15px;
			}
			
			#content .event #infoContainer ul.artistInfo li {
				padding: 15px 0 0 15px;
				font-size: 12px;
				line-height: 20px;
				font-family: "Helvetica", "Arial", sans-serif;
			}
			
			#eventSliderContainer {
				float: none;
				height: 0;
				width: 590px;
				margin: -200px 0 0 340px;
				position: relative;
				cursor: pointer;
			}
		
		#content .event #teaserContainer {
			width: 645px;
			margin: 0;
			position: relative;
		}
		
		#content .event #teaserContainer .blankOverlay {
			position: relative;
			margin: -358px 0 0 0;
		}
		
#contentLine {
	width: 975px;
	overflow: hidden;
	height: 6px;
	background: url(../images/content-line.gif) no-repeat;
}

#subContent {
	padding: 25px 0 10px 30px;
	font-size: 11px;
	width: 932px;
}

	#subContent .column {
		width: 305px;
	}

	#subContent .column .background {
		padding: 17px 17px 0 17px;
		overflow: hidden;
		height: 163px;
		background: url(../images/background-column.gif) no-repeat;
	}

	#subContent .column .background a img {
		padding: 14px 0 0 1px;
	}

	* html #subContent .column .background a img,
	*+html #subContent .column .background a img  {
		padding: 13px 0 0 1px;
	}

	#subContent #myHome {
		padding: 18px 0 0 0;
	}

#footerLine {
	overflow: hidden;
	width: 100%;
	height: 2px;
	background: url(../images/footer-line.gif) no-repeat;
}

#footer {
	font-size: 11px;
	width: 947px;
	padding: 20px 15px 20px 15px;
}

#footer a {
	font-size: 11px;
}


#loader-content,
#event-loader {
	top: 300px;
	left: 50%;
	position: absolute;
	z-index: 250000;
}

#commentLoader {
	visibility: hidden;
	padding: 0 0 0 10px;
}

#loader-subcontent-left {
	padding: 57px 0 0 142px;
	position: absolute;
	z-index: 250000;
}

#loader-subcontent-middle {
	padding: 75px 0 0 142px;
	position: absolute;
	z-index: 250000;
}
	
#loader-subcontent-right {
	padding: 75px 0 0 142px;
	position: absolute;
	z-index: 250000;
}

.transPic {
	margin: 47px 0 0 0;
	position: absolute;
	width: 270px;
	height: 80px;
	z-index: 20000;
}

.transPic a {
	overflow: hidden;
	display: block;
	position: absolute;
	margin: 0 0 30px 0;
	width: 269px;
	height: 80px;
}

.transPicSmall {
	margin: -1px 0 0 0;
	position: absolute;
	width: 175px;
	height: 118px;
	z-index: 20000;
}

.transPicSmall a {
	overflow: hidden;
	display: block;
	position: absolute;
	margin: 0 0 30px 0;
	width: 175px;
	height: 118px;
}

.takeMeThere {
	margin: 14px 0 0 0;
	padding: 0 0 0 1px;
	width: 269px;
	height: 80px;
	z-index: 15000;
}

.toolTip-takeMeThere {
	position: relative;
	top: 0;
	left: 0;
	background-image: none;
	background-repeat: no-repeat;
	width: 122px;
	height: 46px;
}

.toolTip-takeMeThereSmall {
	position: relative;
	top: 0;
	left: 0;
	background-image: none;
	width: 96px;
	height: 28px;
}

.white {
	color: #fff;
}

.lightGrey {
	color: #b1b1b0;
}

.smallDarkGrey {
	font-size: 10px;
	color: #666;
}

.smallest {
	margin: 3px 0 0 0;
	font-size: 9px;
	color: #b1b1b0;
}

.subheadline {
	padding: 0 0 10px 0;
}

a:link, a:visited, a:focus, a:hover, a:active {
	color: #ababab;
	font-size: 13px;
	font-weight: lighter;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

li.small a:link, li.small a:visited, li.small a:focus, li.small a:hover, li.small a:active {
	color: #ababab;
	font-size: 12px;
	text-decoration: none;
}

li.small a:hover {
	color: #fff;
}

a.pagina:link, a.pagina:visited, a.pagina:focus, a.pagina:hover, a.pagina:active {
	color: #fff;
	padding: 0 0 2px 0;
	border-bottom: 2px solid #fff;
}

a.pagina:hover {
	border: 0;
}

a.small:link, a.small:visited, a.small:focus, a.small:hover, a.small:active {
	font-size: 11px;
	color: #fff;
}

a.small:hover {
	padding: 0 0 1px 0;
	border-bottom: 1px solid #fff;
}

a.whiteSmall:link, a.whiteSmall:visited, a.whiteSmall:focus, a.whiteSmall:hover, a.whiteSmall:active {
	font-size: 9px;
	text-decoration: underline;
	color: #fff;
}

a.whiteSmall:hover {
	text-decoration: none;
}

a.white:link, a.white:visited, a.white:focus, a.white:hover, a.white:active {
	text-decoration: none;
	color: #fff;
}

a.white:hover {
	text-decoration: none;
	color: #ababab;
}

a.artist:link, a.artist:visited, a.artist:focus, a.artist:hover, a.artist:active {
	text-decoration: none;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	color: #ababab;
	letter-spacing: -1px;
}

a.artist:hover {
	color: #fff;
}

a.pagination:link, a.pagination:visited, a.pagination:focus, a.pagination:hover, a.pagination:active {
	font-size: 11px;
	color: #929292;
}

a.pagination:hover {
	color: #fff;
}

/*-------------------------------------------------
Forms
-------------------------------------------------*/

dl,
dd,
dt {
	margin: 0;
	padding: 0;
}

dt {
	color: #fff;
	margin: 0 0 10px 0;
}

dd {
	margin: 0 0 15px 0;
}

dd.last {
	margin: 0;
}

dd .avatar {
	width: 70px;
	margin: 0 0 5px 0;
}

dd .upload {
	padding: 3px 0 0 0;
	position: relative;
}

input[type=file] {
	color: #191919;
	width: 200px;
}

.formLine {
	float: left;
	width: 100%;
	border-top: 1px solid #4b4b4b;
	margin: 0 0 20px 0;
}

.formLine.clear {
	margin: 0 0 0 0;
}

.login .fields {
	width: 207px;
	margin: 0;
	padding: 0;
}

.login .btn {
	margin: 25px 0 0 0;
	padding: 0;
}

* html .login .btn {
	margin: 29px 0 0 -10px;
}

*+html .login .btn {
	margin: 29px 0 0 0;
}

input.normal {
  outline: none;
  width: 207px;
  padding: 5px;
  margin: -1px 0 4px 0;
  border: 0;
  font-size: 11px;
  color: #ababab;
  background: url(../images/background-inputfield.gif) no-repeat;
}

input.normal.longer {
  width: 260px;
  background: url(../images/background-inputfield-longer.gif) no-repeat;
}

input.normal.short {
  width: 65px;
  background: url(../images/background-inputfield-short.gif) no-repeat;
}

input.normal.short.distance {
  margin: 0 22px 0 22px;
}


textarea.normal {
  font-family: "Helvetica", "Arial", sans-serif;
  outline: none;
  width: 265px;
  height: 126px;
  padding: 5px;
  border: 0;
  font-size: 11px;
  color: #ababab;
  background: url(../images/background-textfield.gif) no-repeat;
}

#remember {
	margin: 5px 5px 0 4px;
}

#rememberMe {
	vertical-align: middle;
}

textarea.comment {
	margin: 0 0 15px 0;
}