/*
Theme Name: Lucky Number
Theme URI: http://luckynumbermusic.com
Description: Custom theme for LuckyNumberMusic.com
CSS compressed with http://www.cssdrive.com/index.php/main/csscompressor/
(editable version file:style_SOURCE.css)
Author: dan@squarebracket.net
Author URI: http://squarebracket.net
version: 2.0
*/
/* basics */

*{margin:0; padding:0;}

body {
	background:#fff;
	color:#666666;
	font-family:Georgia,"Times New Roman",Times,serif; font-size:8.5pt;
	font-style:normal;
	line-height:14pt;
	margin:0;
	}

h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

a:link, a:visited, a:active {outline:none; color:#000000; text-decoration:underline;}
a:hover, a:focus {text-decoration:underline;}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#000;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}

/* container around the entire page */
#container {
	width: 960px;
	margin: 0 auto; padding:0 5px;
	background:#fff; color:#333;
	position:relative;
	}
	
/* header - branding and navigation */

#header {
  	height: 233px;
	}

#header h1{
	height:205px; width:207px;
	margin:0; padding:0;
	position:absolute; left:0; top:8px;
	text-indent:-1000px; overflow:hidden;
	background:url(images/logo.gif) left top no-repeat;
	}
	
#header h1 a{outline:0; display:block; width:100%; height:100%;}

/* header navigation */
#nav {

}
	#nav ul {
		width:736px; height:233px;
		position:absolute; left:229px; top:0;
	}
	#nav li {
		margin: 0; padding: 0; height:100%;
		position:relative; float:left;
		list-style-type: none;
		background:url(images/nav_bg.gif) left top no-repeat;
		text-indent:-1000px; overflow:hidden;
	}
	
	#nav #nav_news 		{width:109px; background-position:left top;}
	#nav #nav_artists	{width:132px; background-position:-109px top;}
	#nav #nav_releases	{width:146px; background-position:-241px top;}
	#nav #nav_media		{width:116px; background-position:-387px top;}
	#nav #nav_store		{width:111px; background-position:-503px top;}
	#nav #nav_about		{width:122px; background-position:-614px top;}
	
	/* Hover and current state highlighting */
	#nav li a {display:block; width:100%; height:100%; outline:0; text-decoration:none;}

	#nav #nav_news a:hover, #nav #nav_news a:focus, body.news #nav #nav_news a 					{background:url(images/nav_bg.gif) left bottom;}
	#nav #nav_artists a:hover, #nav #nav_artists a:focus, body.artists #nav #nav_artists a 		{background:url(images/nav_bg.gif) -109px bottom;}
	#nav #nav_releases a:hover, #nav #nav_releases a:focus, body.releases #nav #nav_releases a 	{background:url(images/nav_bg.gif) -241px bottom;}
	#nav #nav_media a:hover, #nav #nav_media a:focus, body.media #nav #nav_media a 				{background:url(images/nav_bg.gif) -387px bottom;}
	#nav #nav_store a:hover, #nav #nav_store a:focus, body.store #nav #nav_store a,
	#nav #nav_store.over a 																		{background:url(images/nav_bg.gif) -503px bottom;}
	#nav #nav_about a:hover, #nav #nav_about a:focus, body.about #nav #nav_about a 				{background:url(images/nav_bg.gif) -614px bottom;}

	/* Special rules for store sub nav which gets positioned below the title STORE */
	#nav #nav_store ul {
		position:absolute;
		bottom:4px; left:0; top:auto;
		height:35px;
		width:100%;
	}
		#nav #nav_store ul li {
			text-indent:0;
			text-align:center;
			text-transform:uppercase;
			height:15px; width:99px;
			margin:0 6px;
			background:transparent;
		}
		#nav #nav_store ul li a,
		#nav #nav_store.over ul li a {color:#fff; background:transparent;}
		#nav #nav_store ul li a:hover,
		#nav #nav_store ul li a:focus {color:#000; background:transparent;}
		
		/* Special rollover rules for store sub nav on javascript enabled browsers */
		body.dynamic #nav #nav_store ul li a:hover,
		body.dynamic #nav #nav_store ul li a:focus,
		body.store #nav #nav_store ul li a:hover,
		body.store #nav #nav_store ul li a:focus,
		body.dynamic #nav #nav_store.over li a:hover,
		body.dynamic #nav #nav_store.over li a:focus
		 {color:#fff; background:transparent;}

/* content - the left column */
#content {
	float:left;
	width:580px;
	}

/* posts - news stories */
.clearfix:after,
.post:after {
	/* clearfix addition */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix,
.post {
/* clearfix addition */
	width:100%;
	display: inline-block;
	margin-bottom:20px;
}

.post {
	margin:0; padding:0;
	line-height: 14pt;
	clear:left;
	position:relative;
}
	.post p.post_date {
		position:absolute;
		right:8px;
		top:8px;
		color:#999;
	}
		
.post h2.post_title {
	background:#333;
	color:#fff;
	padding:8px 12px; margin-bottom:20px;
	height:24px;
	font:normal 15pt georgia, times;
	}
	.first h2.post_title {
		margin-right:-20px;
	}
	#sidebar .post h2.post_title {
		padding-top:12px; height:20px;
		font-size:10pt;
	}
	
.post h2.post_title a {
	color: #fff;
	text-decoration: none;
	}
	
.post h2.post_title a:hover{
	text-decoration: underline;
	}

.entry p{margin:12px 0;}

.postmetadata {
	clear: both;
	color:#ccc;
	}
	ul.post-categories li {list-style:none;}
	
	/* float tags on the left */
	
	ul.post-categories li a,
	.tags a,
	a.more-link {
		display:block;
		text-decoration:none;
		float:left;
		color:#666;
		padding:6px;
		background:#ccc;
		color:#000;
		margin:0 10px 0 0;
	}
	ul.post-categories li a:hover,
	.tags a:hover,
	a.more-link:hover {
		text-decoration:underline;
	}

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}


/* sidebar */

#sidebar {
	width:360px;
	float:left;
	margin:0 0 20px 20px; padding: 0;
	}
	#sidebar ul {
		clear:left;
		margin:0;
	}
	#sidebar ul li {
		list-style:none;
	}
	
	/* special items in sidebar */
#sidebar ul#social_links,
#sidebar ul#subscriptions,
#sidebar ul#recent_news {
	display:block;
	clear:left;
	background:#333; color:#fff;
	height:40px; width:100%;
	margin-bottom:20px;
}
	/* RSS & newsletter signup box */
	#sidebar ul#subscriptions #mailing_list {
		display:block; float:left;
		height:40px; width:270px;
	}
	#sidebar ul#subscriptions h3 {
		font-weight:normal; 
		margin:11px 0 0 0;
		float:left;
	}
		#sidebar #mailing_list #email {
			font-family:Georgia,"Times New Roman",Times,serif; font-size:7pt;
			float:left; width:80px; height:10px; padding:5px; margin:10px 0 0 8px;
			background-color:#efefef; border:0;
		}
		#sidebar #mailing_list #email:focus {
			background-color:#fff;
		}
		#sidebar #mailing_list #submit {
			font-family:Georgia,"Times New Roman",Times,serif; font-size:8pt;
			float:left;  width:30px; height:20px; margin:10px 0 0 8px;
			color:#fff; background-color:#000; border:0;
			cursor: pointer;
		}
	
	#sidebar li.logo_link {
		display:block; float:left;
		height:40px; width:90px;
		text-indent:-1000px; overflow:hidden;
		background:url(images/logos.gif) left top no-repeat;
	}
		#sidebar li.link_facebook 		{background-position:-90px top;}
		#sidebar li.link_youtube 		{background-position:-180px top;}
		#sidebar li.link_myspace 		{background-position:-270px top;}
		#sidebar li.link_twitter 		{background-position:-360px top;}
/*		#sidebar li.link_ln-digital 	{background-position:-450px top;}
		#sidebar li.link_ln-physical 	{background-position:-540px top;}*/
		#sidebar li.link_amazon 		{background-position:-630px top;}
		#sidebar li.link_itunes			{background-position:-720px top;}
/*		#sidebar li.link_official		{background-position:-810px top;}*/



		#sidebar li.logo_link a {
			text-decoration:none;
			display:block; width:100%; height:100%;
		}
		#sidebar li.link_rss a:hover,			#sidebar li.link_rss a:focus 			{background:url(images/logos.gif) left -40px;}
		#sidebar li.link_facebook a:hover,		#sidebar li.link_facebook a:focus 		{background:url(images/logos.gif) -90px -40px;}
		#sidebar li.link_youtube a:hover,		#sidebar li.link_youtube a:focus 		{background:url(images/logos.gif) -180px -40px;}
		#sidebar li.link_myspace a:hover,		#sidebar li.link_myspace a:focus 		{background:url(images/logos.gif) -270px -40px;}
		#sidebar li.link_twitter a:hover,		#sidebar li.link_twitter a:focus 		{background:url(images/logos.gif) -360px -40px;}
/*		#sidebar li.link_ln-digital a:hover,	#sidebar li.link_ln-digital a:focus 	{background:url(images/logos.gif) -450px -40px;}
		#sidebar li.link_ln-physical a:hover,	#sidebar li.link_ln-physical a:focus 	{background:url(images/logos.gif) -540px -40px;}*/
		#sidebar li.link_amazon a:hover,		#sidebar li.link_amazon a:focus 		{background:url(images/logos.gif) -630px -40px;}
		#sidebar li.link_itunes a:hover,		#sidebar li.link_itunes a:focus 		{background:url(images/logos.gif) -720px -40px;}
/*		#sidebar li.link_official a:hover,		#sidebar li.link_official a:focus 		{background:url(images/logos.gif) -810px -40px;}*/

		/* the following sidebar links now use text rather than image backgrounds */
		#sidebar li.link_ln-digital,
		#sidebar li.link_ln-physical,
		#sidebar li.link_official {
			text-indent:0; background:#333;
		}
		#sidebar li.link_rss {
			/* RSS logo link is a bit special because it has a logo and styled text */
			text-indent:10px;
		}
			#sidebar li.link_rss a,
			#sidebar li.link_ln-digital a,
			#sidebar li.link_ln-physical a,
			#sidebar li.link_official a {
				color:#fff; font-size:10pt; text-align:center; padding-top:11px;
			}
			
			#sidebar li.link_rss a:hover, #sidebar li.link_rss a:focus,
			#sidebar li.link_ln-digital a:hover, #sidebar li.link_ln-digital a:focus,
			#sidebar li.link_ln-physical a:hover, #sidebar li.link_ln-physical a:focus,
			#sidebar li.link_official a:hover, #sidebar li.link_official a:focus {
				color:#f00000; text-decoration:none;
			}

		
	/* buying option links on individual release pages */
	#sidebar ul#purchase_links {
		margin-bottom:20px;
		height:40px; display:block;
		background:#333;		
	}

/*---------------------------------------------------------------------------------------------*/

	/* 
		release / artist / media image grids
		
		packshots appear in the sidebar
		except on the main releases page
		where they are bigger and span the whole
		page
		
		this makes the css a little confusing...

	*/
	
	.image_grid_ul {
		clear:both; margin:0;
	}
	.image_grid_ul li {
		float:left; list-style:none; position:relative;
	}
		.image_grid_ul li a {
			outline:0; display:block; float:left;
			height:100%; width:100%;
			text-decoration:none; color:#fff;
		}
				
		/* image grid info element */
		.image_grid_ul li .info {
			overflow:hidden;
			background:#333; color:#fff;
		}
		
		/*	small image grid on sidebar */	
		#small_image_grid li .info {
			font-size:10px; line-height:10px; width:90px; height:90px; 
		}

		/* set sizes of info link & image in image grid - avoids white vertical space when javascript is disabled */
		#small_image_grid li a,
		#small_image_grid li a img { height:90px;}
		
		#small_image_grid li .info a {padding:4px;}

		
		/* fix li size in sidebar on dynamic pages  - avoids white vertical space between images */		
		body.dynamic #small_image_grid li {width:90px; height:90px;}

		/*  add padding over the bottom part of the info  */
		.image_grid_ul li a em {display:block; padding-top:6px;}
		
		/* RELEASES image grid */
		body.releases.single-column .image_grid_ul li .info {
			font-size:14px; line-height:14px; width:192px; height:192px; 
		}
			body.releases.single-column .image_grid_ul li a {
				height:192px; width:192px;
			}

			body.releases.single-column .image_grid_ul li .info a {
				padding:20px; height:152px; width:152px;
			}
			
			/* set sizes of info link & image in image grid - avoids white vertical space when javascript is disabled */

			body.releases.single-column .image_grid_ul li a img { height:192px;}
								
				
		/* ARTISTS image grid  */
		body.artists.single-column .image_grid_ul li .info {
			font-weight:normal; width:480px; 
			height:40px;/* set height for non-javascript browsers */
			padding:0; margin:0;
		}
			body.artists.single-column.dynamic .image_grid_ul li .info {
				height:319px; 
			}
			body.artists.single-column .image_grid_ul li .info a {
				padding:10px;/* set padding for non-javascript browsers */
			}
			body.artists.single-column.dynamic .image_grid_ul li .info a {
				padding:20px;/* set padding for javascript browsers */
			}

			/* set sizes of info link & image in image grid - avoids white vertical space when javascript is disabled */
			body.artists.single-column .image_grid_ul li a,
			body.artists.single-column .image_grid_ul li a img { height:319px;}

		/* MEDIA image grid  */
		body.media.single-column .image_grid_ul li .info {
			font-size:14px; line-height:14px; 
			width:320px;
			height:40px;/* set height for non-javascript browsers */
			padding:0; margin:0;
		}
			body.media.single-column.dynamic .image_grid_ul li .info {
				height:180px; 
			}
			body.media.single-column .image_grid_ul li .info a {
				padding:10px;
			}
			body.media.single-column.dynamic .image_grid_ul li .info a {
				padding:20px;/* set padding for javascript browsers */
			}

			/* set sizes of info link & image in image grid - avoids white vertical space when javascript is disabled */
			body.media.single-column .image_grid_ul li a,
			body.media.single-column .image_grid_ul li a img { height:180px;}
		
		/* Additional rules for javascript enabled browsers */
		
		/* hide information by default */
		body.dynamic .image_grid_ul li .info {
			display:none;
			position:absolute; 
			z-index:100; top:0; left:0; cursor: pointer;
		} 
		
/*---------------------------------------------------------------------------------------------*/
		
		
		/* sidebar styling on individual RELEASE pages */
		
		/* RELEASE info */
		#sidebar .release_info_div img {
			float:left;
			margin-right:20px;
			width:250px; height:250px;
		}
		#sidebar .release_info_div .info_div {
			float:left;
			/*width:148px;*/
			width:84px;
		}
		/* tracklist */
		#sidebar .release_info_div #tracklist_div {
			clear:left;
			padding-top:20px;
		}
		#sidebar .release_info_div #tracklist ol {
			margin-left:20px; margin-bottom:20px;
		}


/* comments - redundant as we don't allow commenting */
/*
#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}
*/



/* search - redundant as we don't allow search */

/*
#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}
*/

	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
	background:#333;
	clear: both;
	width: 100%;
	}
	
#footer p{padding:14px 0;margin: 0; color: #ccc; text-align:center;}
#footer a{color: #ccc; text-decoration: none;}
#footer a:hover{color:#fff;}

.no_screen {display:none;}


/* 
	Special rules for single-column pages 
	i.e. releases, artists, media
*/

/*	sidebar just display the RSS & newsletter signup */
body.single-column #sidebar {
	position:absolute; top:233px; right:5px;
}

/*	left column spans entire width */
body.single-column #content {
	width:960px;
}
/* top title spans entire width */
body.single-column .first h2.post_title {
		margin-right:0;
	}