/*
Theme Name: City Hall Music
Theme URI: http://www.rasmusanker.com/
Description: Wordpress theme custom made for City Hall Music
Version: 1.0
Author: Rasmus Anker
Author URI: http://www.rasmusanker.com/
Tags: city hall music, custom header, fixed width, widgets

	City Hall Music v1.0
	 http://www.rasmusanker.com/

	This theme was designed and built by Rasmus Anker

*/



/* Begin Typography & Colors */
body,div,h1,h2,h3,p,ul,ol,li,form,legend,input,textarea {
	margin:0;padding:0;
}
fieldset,img {
	border:0;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
li{
	list-style:none;
}
h1,h2,h3{
	font-size:100%;font-weight:normal;
}
q:before,q:after{
	content:'';
}
input,textarea,select{
	font-family:inherit;font-size:inherit;font-weight:inherit;
}
input,textarea,select{*font-size:100%;}

a, h2 a:hover, h3 a:hover {
	color:#000;
	text-decoration: none;
}

.news a:link, .news a:visited, .news h2, .news #navigation .current_page_item a:link, .news #navigation .current_page_item a:visited, #navigation li.news a:hover, #navigation li.news a:visited:hover, .post a:link, .post a:visited, .post h2 {
	color:#56b700;
}
.artists a:link, .artists a:visited, .artists h2, .artists #navigation .current_page_item a:link, .artists #navigation .current_page_item a:visited, .artists #navigation .current_page_ancestor a:link, .artists #navigation .current_page_ancestor a:visited, #navigation li.artists a:hover, #navigation li.artists a:visited:hover {
	color:#e28000;
}
.releases a:link, .releases a:visited, .releases h2, .releases #navigation .current_page_item a:link, .releases #navigation .current_page_item a:visited, #navigation li.releases a:hover, #navigation li.releases a:visited:hover {
	color:#8a059d;
}
.management a:link, .management a:visited, .management h2, .management #navigation .current_page_item a:link, .management #navigation .current_page_item a:visited, #navigation li.management a:hover, #navigation li.management a:visited:hover {
	color:#768f01;
}
.store a:link, .store a:visited, .store h2, .store #navigation .current_page_item a:link, .store #navigation .current_page_item a:visited, #navigation li.store a:hover, #navigation li.store a:visited:hover {
	color:#828282;
}
.audiovideo a:link, .audiovideo a:visited, .audiovideo h2, .audiovideo #navigation .current_page_item a:link, .audiovideo #navigation .current_page_item a:visited, #navigation li.audiovideo a:hover, #navigation li.audiovideo a:visited:hover {
	color:#d70038;
}
.contact a:link, .contact a:visited, .contact h2, .contact #navigation .current_page_item a:link, .contact #navigation .current_page_item a:visited, #navigation li.contact a:hover, #navigation li.contact a:visited:hover {
	color:#00b3d9;
}
.links a:link, .links a:visited, .links h2, .links #navigation .current_page_item a:link, .links #navigation .current_page_item a:visited, #navigation li.links a:hover, #navigation li.links a:visited:hover {
	color:#0210b1;
}

a:hover {
	text-decoration:underline;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #000;
	text-align: left;
	background-image:url(images/gfx-navigation-bg.jpg);
	background-position:0 380px;
	background-repeat:no-repeat;
}
#navigation {
	font-family:'Arial Black', Arial;
	text-transform:uppercase;
	font-size:1.6em;
	line-height:1.3em;
	width:141px;
	float:left;
	clear:left;
	margin:0 14px 1.1em 0;
	padding-left:14px
}
	#navigation li a {
		margin:0;
		padding:0;
	}
	#navigation a:link, #navigation a:visited {
		color:#000;
	}
	#navigation a:hover, #navigation a:active {
		text-decoration:none;
	}

#header {
	clear:both;
	float:none;
	}

#headerimg 	{
	height: 380px;
	background-image:url(images/gfx-chm-bg.jpg);
	background-repeat:no-repeat;
	float:none;
	clear:both;
	}
#page {
	width:1050px;
}
#content {
	width:550px;
	margin:0;
	padding:0;
	float:left;
}
	#content div.post {
		margin-bottom:5em;
	}
	#content h2, #content h3 {
		font-size:1.8em;
		font-family:'Arial Black', Arial;
		text-transform:uppercase;
		line-height:1.1em;
		font-weight:normal;
		margin-bottom:1.1em;
	}
	#content p {
		margin-bottom:1.7em;
		font-size:1.1em;
		line-height:1.7em;
	}
	#content textarea {
		width:550px;
	}
	#content ul#artists {
		margin-left:-11px;
	}
		#content #artists li {
			float:left;
			margin:0 0 11px 11px;
			font-size:1.1em;
			font-weight:bold;
		}
	#content table {
		font-size:1.1em;
	}
		#content #releases thead {
			font-weight:bold;
		}
		#content #releases tbody tr:first-child td{
			padding-top:11px;
		}
		#content #releases td {
			padding:3px 0;
		}	
#sidebar {
	float:right;
	width:291px;
	padding:0;
	margin:0;
	position:relative;
	left:-3px;
}
	#sidebar li#search, #sidebar li#search-copy-1 {
		clear:both;
		margin-top:1.6em;
	}
		#sidebar #searchform #s {
			width:134px;
			margin:0 11px 0 0;
			border:1px solid #e2e2e2;
			padding:3px 2px;
		}

		#sidebar #wpoi, #sidebar #wpoi4 {
			clear:both;
			float:none;
			margin-top:1.6em;
		}
			#sidebar #wpoi h2, #sidebar #wpoi4 h2 {
				margin-bottom:-0.3em;
			}
			#sidebar #wpoi input[type=text], #sidebar #wpoi4 input[type=text]  {
				width:134px;
				margin:0 11px 0 0;
				border:1px solid #e2e2e2;
				padding:3px 2px;
			}

	#sidebar p, #sidebar .widget li {
		margin-top:1.1em;
		font-size:1.1em;
		line-height:1.7em;
	}
	#sidebar input {
		font-size:1.1em;
	}
	#sidebar h2 {
		font-family:'Arial Black', Arial;
		text-transform:uppercase;
		font-size:1.6em;
		line-height:1.9em;
		color:#000;
		margin:0 0 -0.7em 0;
	}
	.news #sideposts {
		height:455px;
	}
	#wpoi {
		padding-top:1.1em;
	}
	ul#sideposts {
		margin-left:-11px;
		margin-top:0;
		margin-bottom:1em;
		clear:both;
	}
		ul#sideposts li {
			margin-left:11px;
			margin-right:0;
		}
		ul#sideposts li img {
			margin-bottom:-1em;
		}
	#sideposts {
		margin-top:1.6em;
		clear:both;
	}
	#sideposts li, #sidecontent li {
		float:left;
		margin-right:11px;
	}
		#sideposts img {
			border:1px solid #e2e2e2;
			margin:-1.7em 0 -0.7em 0;
		}
		#sideposts li.break, #sidecontent li.break {
			margin-right:0;
		}
	#sidebar #events li {
		padding:0;
		margin:0;
	}
	#sidebar #events h2 {
		margin-bottom:1px;
	}
	#sidecontent {
		margin-top:-2em;
	}
		#sidecontent img {
			border:1px solid #e2e2e2;
			margin-bottom:1em;
			margin-top:0.9em;
		}
		#sidecontent h2 {
			clear:left;
			margin-top:1.1em;
		}
	#socialWeb {
		clear:both;
		display:block;
		padding-top:1.6em;
	}
	#socialWeb h2 {
		clear:left;
	}
	#socialWeb ul {
		margin-top:1.6em;
		margin-left:-11px;
		margin-bottom:1em;
		clear:both;
	}
		#socialWeb li {
			margin-left:11px;
			margin-right:0;
			float:left;
			margin-bottom:1em;
		}
		#socialWeb li img {
			border:none;
		}

#sidebar .inputButton {
	background-color:#000;
	border:1px solid #000;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	padding:2px 3px;
	line-height:16px;
	heigh:20px;
}
#footer {
	float:none;
	clear:both;
	width:141px;
	line-height:1.7em;
	margin:0 14px 1.1em;
	font-size:1.1em;
}
	#footer p {
		margin-top:1.1em;
	}

.hidden {
	display:none;
}
.alignleft {
	float:left;
	margin-right:10px;
}
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	position:relative;
	left:-10px;
	width:560px;
}
	.gallery .gallery-row {
		display: block;
		clear: both;
		overflow: hidden;
		margin: 0;
	}
	.gallery .gallery-item {
		overflow: hidden;
		float: left;
		margin: 0 0 10px 10px;
		text-align: center;
		list-style: none;
		padding: 0;
		border:1px solid #e2e2e2;
	}
	.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
		margin: 0 auto;
		width:124px;
		margin:2px;
	}
	.gallery-caption {
		margin-left: 0;
	}
ul#releases {
	position:relative;
	left:-10px;
	width:890px;
}
	#releases li {
		float:left;
		margin-left:10px;
		width:212px;
	}
		#releases li span {
			border:1px solid #e2e2e2;
			width:210px;
			height:210px;
			display:block;
		}
		#releases li img {
			margin:2px;
			width:206px;
			height:206px;
		}
		#releases li em {
			font-style:normal;
			color:#666;
			font-size:0.9em;
		}
ul#managementArtists {
	position:relative;
	left:-10px;
	width:890px;
}
	#managementArtists li {
		float:left;
		margin-left:10px;
		width:212px;
	}
		#managementArtists li span {
			border:1px solid #e2e2e2;
			width:210px;
			height:210px;
			display:block;
		}
		#managementArtists li img {
			margin:2px;
			width:206px;
			height:206px;
		}
		#managementArtists li em {
			font-style:normal;
			color:#666;
			font-size:0.9em;
		}