/*
Theme Name: Dan Hylander
Theme URI: http://www.danhylander.com/
Description: Dan Hylander WordPress Theme
Version: 1.0
Author: Stormen kommunikation
Author URI: http://www.stormen.nu/
Tags: 
Text Domain: danhylander
*/


* { margin: 0; padding: 0; cursor: default; }
a, a img { cursor: pointer; }
p { cursor: text; }
.clear { clear: both; }
html { height: 100%; width: 100%; background: #22190e; }

body {
	color: #fff;
	background: #22190e url(images/background.png) top center repeat-x;

	width: 950px;

	margin: 0 auto;

	font-family: georgia, times, serif;
	font-size: 16px;
	line-height: 22px;
}

a {
	color: #24bee5;
}

#header {
	position: relative;
}

	#header h1 {
		height: 236px;

		background: url(images/header_2.jpg);
		position: relative;
	}

		#header h1 span {
			display: none;
		}

	#header .menu ul {
		position: absolute;
		right: 0;
		bottom: 0;

		list-style: none;
	}

		#header .menu ul li {
			display: block;
			float: left;
			margin: 0 14px 34px 0;
		}

			#header .menu ul li a {
				color: #fff;
				text-decoration: none;
			}
			#header .menu ul li a span {
				color: #24bee5;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				font-size: 60%;
				margin-right: 4px;
			}

			#header .menu ul li.current_page_item a {
				color: #fff;
			}
			#header .menu ul li.current_page_item a span {
				color: #140E07;
				background: #24bee5;

				padding: 0 1px 1px 2px;

				position: relative;
				top: -1px;

				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
			}

#base {
	clear: both;
}

#base.cols_eq_2 {
	margin-right: -25px;

	overflow: hidden;
}

	#base.cols_eq_2 .col {
		width: 458px;
		float: left;

		background: #2a2016;
		padding: 2px 2px 2000px 2px;
		margin: 0 25px -2000px 0;
	}

	#base.cols_eq_2 .col.main {
		width: 621px;
	}

	#base.cols_eq_2 .col.aside {
		width: 296px;
	}

#base.cols_eq_3 {
	margin-right: -25px;

	overflow: hidden;
}

	#base.cols_eq_3 .col {
		width: 296px;
		float: left;

		background: #2a2016;
		padding: 2px 2px 2000px 2px;
		margin: 0 25px -2000px 0;
	}

	.col #section {
		clear: both;
	}


	.col #section h2 {
		font-family: helvetica, arial, sans-serif;
		font-size: 18px;
		font-weight: bold;

		margin: 10px 0 4px 10px;
	}


	/* Section: Page Contents */

	.col .post {
		padding: 20px;
	}

		.col .post h2 {
			font-size: 32px;
			font-weight: normal;
			margin-bottom: 10px;
		}

		.col .post p {
			font-size: 14px;
			line-height: 22px;
			margin-top: 0.8em;
		}

		.col .post ul li {
			margin: 0.8em 0 0 1.8em;
			font-size: 14px;
		}

#base .big-news {
	color: #000;
	background: #eef1f0 url(images/den-forsenade-mannen.jpg) top left;
	padding: 20px 290px 20px 178px;
	margin: 0 25px 20px 0;
	height: 130px;
}

	#base .big-news h2 {
		font-size: 20px;
		font-weight: normal;
		padding-top: 10px;
	}

	#base .big-news p, #base .big-news ul {
		font-size: 13px;
		line-height: 19px;
		font-family: helvetica, arial, sans-serif;
		margin: 10px 0;
	}

	#base .big-news ul.buttons {
		margin: 12px 0 0 0;
		padding: 0;
	}
		#base .big-news ul.buttons li {
			margin: 0;
			padding: 0;
			
			font-size: 12px;
			font-weight: bold;
			display: inline;
		}
		#base .big-news ul.buttons li a {
			color: #fff;
			background-color: #2a1e16;

			display: inline-block;
			padding: 3px 6px 3px 20px;

			text-decoration: none;
		}
		
		#base .big-news ul.buttons li a:active {
			background-color: #000;
		}
		
		
		#base .big-news ul.buttons li a.cd,
		#base .big-news ul.buttons li a.lp,
		#base .big-news ul.buttons li a.cd-lp {
			background-repeat: no-repeat;
			background-position: 6px 7px;
		}
		
		#base .big-news ul.buttons li a.cd {
			background-image: url(images/cd.png);
		}
		#base .big-news ul.buttons li a.lp {
			background-image: url(images/lp.png);
		}
		#base .big-news ul.buttons li a.cd-lp {
			background-image: url(images/cd-lp.png);
			padding-left: 24px;
		}


	/* Section: About */

	.col #section.about {
		padding: 6px 10px 364px 10px;
		margin-bottom: 2px;

		background: url(images/about_dh_2.jpg) bottom left no-repeat;
	}


	/* Section: Albums */

	.col #section.albums {

	}
		.col #section.albums .album img.cover {
			height: 296px;
			width: 296px;

			margin-bottom: 2px;
		}

		.col #section.albums .album .title {
			font-family: helvetica, arial, sans-serif;
			font-size: 11px;
			font-weight: bold;

			background: #261d11;
			border-bottom: 1px solid #251c11;

			padding: 0 10px;

			margin: 0 0 2px 0;
		}

		.col #section.albums .browser {
			display: block;
		}


	/* Section: More (iTunes, Ticnet, CDON, Spotify, ...) */

	.col #section.more {
		margin: 0 -2px 0 -2px;
	}
		.col #section.more ul {
			list-style: none;
		}
		.col #section.more ul li {
			width: 49%;
			float: left;
			height: 42px;

			background: url(images/buy_bg.png);
			margin: 0 0 2px 2px;

			position: relative;
		}
			.col #section.more ul li a {
				font-family: helvetica, arial, sans-serif;
				font-size: 14px;
				font-weight: bold;

				color: #fff;
				text-decoration: none;

				display: block;
				position: absolute;
				top: 9px;
				left: 10px;
			}

			.col #section.more ul li img {
				position: absolute;
			}
				.col #section.more ul li.itunes img {
					top: 9px;
					right: 10px;
				}
				.col #section.more ul li.ticnet img {
					top: 14px;
					right: 10px;
				}
				.col #section.more ul li.cdon img {
					top: 14px;
					right: 10px;
				}
				.col #section.more ul li.spotify img {
					top: 9px;
					right: 10px;
				}


	/* Section: Music Player */

	.col #section.musicplayer {

	}

		.col #section.musicplayer ul.songs {
			list-style: none;
		}

			.col #section.musicplayer ul.songs li {
				background-color: #261d11;
				border-bottom: 1px solid #20180d;
				margin-bottom: 2px;
				padding: 0 10px;

				font-family: helvetica, arial, sans-serif;
				font-size: 11px;
				font-weight: bold;
			}
				.col #section.musicplayer ul.songs li a {
					color: #fff;
					text-decoration: none;
				}


	/* Section: Events */

	.col #section.events {

	}

		.col #section.events .vevent {
			background-color: #261d11;
			border-bottom: 1px solid #20180d;

			margin-bottom: 2px;
			padding: 4px 10px 5px;

			font-family: helvetica, arial, sans-serif;
			font-size: 11px;
			line-height: 15px;
			font-weight: bold;

			clear: both;
		}

			.col #section.events .vevent .dtstart {
				float: left;
				width: 90px;
			}

			.col #section.events .vevent .location {
				float: right;
				width: 184px;
			}

			.col #section.events .vevent .summary {
				display: none;
			}

		.col #section.events .vevent.next {
			background: #62a714;
			height: 62px;
			position: relative;

			color: #fff;
			text-shadow: rgba(0,0,0,0.25) 0 1px 2px;
		}

			.col #section.events .vevent.next .location {
				font-size: 22px;
				line-height: 21px;

				/*position: absolute;
				top: 10px;
				left: 10px;
				width: 274px;*/
				float: none;
				display: block;
				width: auto !important;

				text-overflow: ellipsis;
			}

			.col #section.events .vevent.next .dtstart {
				/*position: absolute;
				top: 32px;
				left: 10px;
				width: 274px;*/
				float: none;
				display: block;
				width: auto !important;

				font-size: 13px;
			}


	/* Section: Booking */

	.col #section.booking {

	}

		.col #section.booking h2 {
			margin-top: 1em;
		}

		.col #section.booking p {
			margin: 0 10px;
			font-family: helvetica, arial, sans-serif;
			font-size: 12px;
			line-height: 15px;
		}



	#sidebar {
		font-family: helvetica, arial, sans-serif;
		font-size: 13px;

		padding: 10px;
	}
	#sidebar ul {
		list-style: none;
	}

#footer {
	color: #4f4639;

	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;

	clear: both;
}

	#footer a {
		color: #4f4639;
		text-decoration: none;
	}
		#footer a:hover {
			color: #685f52;
		}
		#footer a:active {
			color: #b0a99e;
		}

	#footer .col {
		float: left;
	}
	#footer .col.right {
		float: right;
	}