/*
Theme Name: Hope Recordings
Theme URI: http://hoperecordings.com/
Description: Custom theme for hoperecordings.com
Version: 1.0
Author: @jonthepon
*/

/*  Some empty class/ID declarations have been left in to maintain hierarchy */
@import url(assets/css/reset.css);

body {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	background: #FFF url(assets/gfx/bcg/page_bcg3.jpg) top center repeat-y;
}
:focus {
	outline:none;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

#mainContainer {
	position:relative;
	width:920px;
	margin:0 auto;
	overflow:hidden;
}
a{color: black; text-decoration: none;}
a:hover{color: black; text-decoration: underline;}

/*
	HEADER
*/
	#header {
		height:183px;
		position:relative;
	}

		#header h1 {
			position:absolute;
			text-indent:-9999px;
			width:339px;
			height:142px;
			top:20px;
			background:url(assets/gfx/bcg/hope_recordings_logo.png) top left no-repeat;
		}

			#header h1 a {
				display:block;
				width:333px;
				height:143px;
			}

		#header #nav {
			position:absolute;
			background:url(assets/gfx/bcg/navPanel.png) top left no-repeat;
			right:0;
			top:0;
			width:486px;
			height:185px;
		}

			#header ul {
				position:absolute;
				top:100px;
				left:40px;
			}

				#header ul li {
					float:left;
					padding:0 25px 0 0;
				}

					#header ul li a {
						color:#ffcc00;
						text-decoration:none;
						font-size:14px;
						font-weight:bold;
					}

						#header ul li a:hover,
						#header ul li a:focus,
						#header ul li.current_page_item a{
							color:#FFF;
						}

/*
	CONTENT
*/
	#content {
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
	}
/*
	LEFT HAND COLUMN CONTENT
*/

	#contentLeft {
		width:546px;
		float:left;
		background:url(assets/gfx/bcg/leftCol_top.png) top left no-repeat;
		height:100%;
	}

		#contentLeft #leftInner {
			width:520px;
			padding:0 0 0 26px;
			background:url(assets/gfx/bcg/leftCol_inner.png) top left repeat-y;
			margin-top:21px;
		}

		#contentLeft #leftInner ul.homeList {
				width:500px;
			}

				#contentLeft #leftInner ul.homeList li {
					padding:0 0 10px 0;
					min-height:119px;
					overflow:hidden;
				}

					#contentLeft #leftInner ul.homeList img {
						width:145px;
						height:143px;
						float:left;
					}
					ul.homeList img{
						background-color:#666;	
					}

					#contentLeft #leftInner ul.homeList div {
						width:318px;
						float:right;
						padding:12px;
						background:#ebebeb;
					}
					ul.homeList div{
						min-height: 119px;newArchiveList
					}

					#contentLeft #leftInner ul a {

					}

					#contentLeft #leftInner ul.homeList div p {
						font-size:12px;
						padding-bottom:10px;
						color:#6f6d6d;
					}

					#contentLeft #leftInner ul.homeList div h2 {
						font-size:13px;
						font-weight:bold;
						padding-bottom:10px;
					}

		#contentLeft #leftInner ul li.lastListItem,
		#contentRight .mod .modInner ul li.lastListItem {
			padding-bottom:0;
		}

		#contentLeft #leftBottom {
			width:546px;
			height:54px;
			background:url(assets/gfx/bcg/leftCol_bottom.png) top left no-repeat;
		}

	#contentLeft .signup h2,
	#contentLeft .contact h2 {
		background:#ececec;
		width:490px;
		font-size:18px;
		font-weight:bold;
		padding:6px 0 8px 10px;
	}

	#contentLeft .contentWide .contentWideBox {
		width:480px;
		padding:10px;
		background:#e7e7e7;
		margin:10px 0 0 0;
		position:relative;
	}

		#contentLeft .contentWide .contentWideBox p {
			font-size:12px;
			color:#5a5a5a;
			line-height:1.4em;
			padding-bottom:12px;
		}

		#contentLeft .signup p{
			width:224px;
		}

		#contentLeft .contentWide strong {
			color:#000;
		}

			#contentLeft .signup .signupBox {
				position:absolute;
				top:10px;
				right:10px;
				width:228px;
				height:88px;
			}

				.signupBox label {
					font-weight:bold;
					font-size:12px;
					display:block;
					padding:0 0 4px 0;
				}

				.signupBox input[type=text] {
					width:222px;
					border:0;
					padding:4px;
					font-size:12px
				}

				.signupBox input[type=button] {
					width:74px;
					height:28px;
					border:0;
					background:#013162;
					color:#ffd500;
					font-weight:bold;
					font-size:12px;
					cursor:pointer;
					position:absolute;
					top:48px;
					right:0;
				}

		#contentLeft .contact p{
			width:310px;
		}

	#contentLeft .contactDropBox {
		position:absolute;
		top:10px;
		right:10px;
		width:147px;
		height:171px;
	}

		#contentLeft .contactDropBox a {
			display:block;
			width:147px;
			height:171px;
			text-indent:-9999px;
			background:url(assets/gfx/but/dropBoxContactPage.gif) top left no-repeat;
		}

	#contentLeft #recordNav {
		width:500px;
		height:50px;
	}

		#contentLeft #recordNav ul {
			width: 510px;
		}

			#contentLeft #recordNav ul li {
				width:245px;
				float: left;
				height:50px;
				padding:0 10px 0 0;
			}

				#contentLeft #recordNav ul li a {
					display:block;
					width:246px;
					height:50px;
					color:#656364;
					text-decoration:none;
					background:#eceaeb;
					font-weight:bold;
					line-height:4.2em;
					text-indent:10px;
					margin:0px!important;
				}

					#contentLeft #recordNav ul li.lastListItem {
						padding-right:0;
					}

					#contentLeft #recordNav ul li a:hover,
					#contentLeft #recordNav ul li a:focus,
					#contentLeft #recordNav ul li.slctd a {
						background:#013162;
						color:#f3d117;
					}


			#contentLeft ul.releasesList {

			}

				#contentLeft .releasesList li {
					min-height:83px;
					padding:0 0 10px 0;
				}

					#contentLeft .releasesList li.lastListItem {
						padding-bottom:0;
					}

					#contentLeft .releasesList li img {
						clear:both;
						float:left;
					}

					#contentLeft .releasesList li div {
						position:relative;
						float:right;
						width:370px;
						min-height:73px;
						background:#fafafa;
						padding:10px 0 0 10px;
					}

						#contentLeft .contentWideBox .releasesList li div h2 {
							font-size:14px;
							font-weight:bold;
						}

						#contentLeft .contentWideBox .releasesList li div h3 {
							font-size:14px;
							color:#717171;
							font-weight:normal;
							padding:3px 0 0 0;
						}

						#contentLeft .contentWideBox .releasesList li div p {
							font-size:12px;
							color:#939393;
							font-weight:normal;
							padding:0;
						}

						#contentLeft .releasesList li div span {
							position:absolute;
							bottom:4px;
							right:10px;
						}


			.singleReleaseTop {

			}

				.singleReleaseTop img {
					width:165px;
					height:165px;
					float:left;
				}

				.singleReleaseIntro {
					width:284px;
					float:right;
					margin-right:1px;
					background:#f3f3f3;
					min-height:165px;
					padding:10px;
					padding-bottom: 0px

				}

				.releases .contentWideBox h2 {
					font-size:14px;
					font-weight:bold;
				}

				.releases .contentWideBox h3  {
					font-size:14px;
					font-weight:normal;
					color:#6c6a6b;
				}

				#contentLeft .contentWide .contentWideBox .singleReleaseIntro p {
					font-size:12px;
					color:#5A5A5A;
					padding:0;
					margin:0;
					line-height:1.2em;
					padding:8px 0 10px 0;
				}

				.singleReleaseIntro a {
					padding:4px 8px;
					margin:10px 0 0 0;
					background:#033165;
					color:#FFCC00;
					font-weight:bold;
					text-decoration:none;
					font-size:12px;
					text-align:center;
					line-height:2em;
				}

					.singleReleaseIntro a:hover,
					.singleReleaseIntro a:focus {
						text-decoration:underline;
					}

					.releaseMod {
						padding:10px;
						margin:10px 0 0 0;
						background:#f3f3f3;
						clear:both;
					}

						.trackInfo h2 {
							padding-bottom:10px;
						}

						.trackList ul {
							color:#5c5c5c;
							font-size:12px;
							padding:10px 0 0 0;
						}

						#contentLeft .contentWide .contentWideBox .releaseMod  p {
							font-size:12px;
							line-height:1.4	em;
						}



/*
	RIGHT HAND COLUMN
*/

	#contentRight {
		width:351px;
		float:right;
	}

		#contentRight .mod {
			background:url(assets/gfx/bcg/rightCol_top.png) top left no-repeat;
			padding:21px 0 0 0;
		}

			#contentRight .mod .modInner {
				background:url(assets/gfx/bcg/rightCol_inner.png) top left repeat-y;
				padding:0 0 0 23px;
			}

				#contentRight .mod ul.bigThumbsList {
				}

					#contentRight .mod ul.bigThumbsList li {
						clear:both;
						padding:0 0 10px 0;
						min-height:124px;
					}

						#contentRight .mod ul.bigThumbsList li img {
							float:left;
							width:124px;
							height:124px;
							padding:0 10px 0 0;
						}

							#contentRight .mod ul.bigThumbsList li div {
								width:164px;
								float:left;
							}

								#contentRight .mod ul.bigThumbsList li div h2 {
									font-size:12px;
									font-weight:bold;
									padding-bottom:2px;
								}

								#contentRight .mod ul.bigThumbsList li div h3 {
									font-size:12px;
									font-weight:normal;
									padding-bottom:2px;
									color:#6f6d6d;
								}

								#contentRight .mod ul.bigThumbsList li div p {
									font-size:12px;
									font-weight:normal;
									color:#9b9b9b;
								}

				#contentRight .mod ul.littleThumbsList {
				}

					#contentRight .mod ul.littleThumbsList li {
						clear:both;
						padding:0 0 10px 0;
						min-height:55px;
					}

						#contentRight .mod ul.littleThumbsList li img {
								float:left;
								width:55px;
								height:55px;
								padding:0 10px 0 0;
							}

								#contentRight .mod ul.littleThumbsList li div {
									width:224px;
									float:left;
									background:#eaeaea;
									padding:6px 0 0 8px;
									min-height:49px;
								}

									#contentRight .mod ul.littleThumbsList li div h2 {
										font-size:12px;
										font-weight:bold;
										padding-bottom:0;
									}

									#contentRight .mod ul.littleThumbsList li div h3 {
										font-size:12px;
										font-weight:normal;
										color:#6f6d6d;
									}

									#contentRight .mod ul.littleThumbsList li div p {
										font-size:12px;
										font-weight:normal;
										color:#9b9b9b;
									}

			#contentRight .dropbox a {
				display:block;
				width:300px;
				height:78px;
				font-size:12px;
				color:#000;
				text-decoration:none;
				line-height:1.4em;
				background:url(assets/gfx/bcg/buttons/dropbox2.gif) 185px 10px no-repeat;
			}

				#contentRight .dropbox a:hover,
				#contentRight .dropbox a:focus {
					text-decoration:underline;
				}

				#contentRight .dropbox a span {
					display:block;
					font-weight:bold;
					font-size:16px;
					padding:0 0 4px 0;
				}

			#contentRight .newsArchive h2 {
				background:#ececec;
				width:288px;
				height:26px;
				font-weight:bold;
				padding:12px 0 0 12px;
				line-height:1em;
			}
				h2 a{color: black; text-decoration:none;}
				h2 a:hover{text-decoration:underline;}
				
				#contentRight ul.newArchiveList  {
					width:300px;
				}
				#leftInner h2{font-weight: bold; margin-bottom: 13px;}

				.newArchiveList a{
					color: black; text-decoration: none;	
				}
				
					#contentRight ul.newArchiveList li {
						padding:o;
						height:28px;
						position:relative;
					}

					#contentRight ul.newArchiveList li.altRow {
						background:#e3e3e3;
					}

						#contentRight ul.newArchiveList li h3  {
							color:#777777;
							font-weight:bold;
							font-size:12px;
							width:200px;
							float:left;
							padding:6px 0 0 10px;
						}

						#contentRight ul.newArchiveList li a.more {
							position:absolute;
							right:10px;
							top:6px;
						}

			#contentRight .twitter {
			}

				#contentRight .twitter .twitBlurb {
					height:16px;
					padding:8px 0 0 0;
					position:relative;
				}

					.twitBlurb .twitterLink {
						display:block;
						width:60px;
						height:14px;
						text-indent:-9999px;
						background:url(assets/gfx/bcg/buttons/twitter.png) top left no-repeat;
					}

					.twitBlurb a.wayOutWestLink {
						display:block;
						position:absolute;
						right:30px;
						top:8px;
						font-size:12px;
						color:#5e5e5e;
						text-decoration:none;
					}
						.twitBlurb a.wayOutWestLink:hover,
						.twitBlurb a.wayOutWestLink:focus{
							text-decoration:underline;
						}

				#contentRight .twitScroller {
					position:relative;
					height:100px;
					width:300px;
					overflow-y:scroll;
				}

					#contentRight .twitScroller li{
						min-height:50px;
						width:280px;
						padding:0 0 5px 0;
						position:relative;
						overflow:hidden;
					}

						#contentRight .twitScroller li img {
							float:left;
							width:48px;
							height:48px;
						}

							#contentRight .twitScroller li p {
								width:225px;
								padding:0;
								font-size:12px;
								left:53px;
								float:right;
							}

								#contentRight .twitScroller li p a {
									color:#003062;
									text-decoration:none;
								}

									#contentRight .twitScroller li p a:hover,
									#contentRight .twitScroller li p a:focus {
										text-decoration:underline;
									}

							#contentRight .twitScroller li span {
								float:right;
								width:225px;
								font-size:10px;
								color:#afb0b0;
							}

		a.more {
			color:#000;
			display:block;
			width:42px;
			height:22px;
			text-decoration:none;
			line-height:1.5em;
			font-size:12px;
			font-weight:bold;
			background:url(assets/gfx/but/more.png) right top no-repeat;
			padding:0 12px 0 0;
		}

		a.more:hover,
		a.more:focus {
			text-decoration:underline;
		}

		#contentRight .mod .modBottom {
			background:url(assets/gfx/bcg/rightCol_bottom.png) top left no-repeat;
			height:47px;
		}

		.newsItem h2 {
			font-weight:bold;
		}

		#contentLeft .newsItem .contentWideBox p {
			color:#5A5A5A;
			font-size:12px;
			line-height:1.4em;
			padding-bottom:12px;
		}

		#contentLeft .newsItem .contentWideBox p.lastListItem {
			padding-bottom:0;
		}

			.newsItemSmall {
				font-weight:bold;
				padding:4px 0 0 0;
			}

			#contentLeft .newsItem .contentWideBox p strong {
				color:inherit;
			}

		/*  These are the standard WP classes for post images - they may need editing! */

		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-text {
			padding: 0 !important;
			/*  background: #6b6b6b url(images/image-caption-background.jpg) repeat-x top; */
			color: #fff;
			padding: 5px 0 !important;
		}

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

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

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

/*
	FOOTER
*/
#footer{
	height:131px;
	background:url(assets/gfx/bcg/footer.png) top left repeat-x ;
}

	#footerInner {
		width:920px;
		margin:0 auto;
		position:relative;
	}

		#footerInner ul {
			position:absolute;
			top:50px;
			left:0;
		}

			#footerInner ul li {
				font-size:12px;
				float:left;
				color:#9d9d9d;
				padding:0 0 0 22px;
			}

				#footerInner ul li a {
					font-size:12px;
					float:left;
					color:#9d9d9d;
					disply:block;
					text-decoration:none;
				}

					#footerInner ul li a:hover,
					#footerInner ul li a:focus {
						text-decoration:underline;
					}

				#footerInner ul li.footTandc  {

				}

				#footerInner ul li.footFB a {
					width:58px;
					height:23px;
					background:url(assets/gfx/bcg/buttons/foot_fb.png) top left no-repeat;
					text-indent:-9000px;
                    position: relative;
                    top: -3px;
				}
				#footerInner ul li.footMS a {
					width:77px;
					height:23px;
					background:url(assets/gfx/bcg/buttons/foot_ms.png) top left no-repeat;
					text-indent:-9000px;
                    position: relative;
                    top: -3px;
				}
				#footerInner ul li.footYT a {
					width:41px;
					height:23px;
					background:url(assets/gfx/bcg/buttons/foot_yt.png) top left no-repeat;
					text-indent:-9000px;
                    position: relative;
                    top: -3px;
				}
				#footerInner ul li.footNW a {
					width:78px;
					height:23px;
					background:url(assets/gfx/bcg/buttons/foot_nw.png) top left no-repeat;
					text-indent:-9000px;
                    position: relative;
                    top: -3px;
				}
				#footerInner ul li.footHD a {
					width:72px;
					height:23px;
					background:url(assets/gfx/bcg/buttons/foot_hdm.png) top left no-repeat;
					text-indent:-9000px;
                    position: relative;
                    top: -3px;
				}
				#footerInner ul li.footJT a {
					padding-left:20px;
				}


/*
	clearfix
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* related items */

#relatedPosts{margin-top: 12px; font-weight: bold;}
#related{
	font-size: 11px;
	color: gray;
}
#related a{
	color: #333333;
	font-weight: bold;
}

/**
 * Twitter Widget
 */
.widget_twitter li {
	clear:both;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 10px;
	background-color:#eee;
	width: 261px;
	color: #666;
	margin-left: 3px;
}
.widget_twitter li img {
	float:left;
	margin-right:.5em;
}
.widget_twitter a{
	font-weight: bold;
	color:#555;
}
.widget_twitter li .clear {
	clear:both;
}
.widgettitle{
	display: none;	
}
.time-meta{
	display:block;
	clear: both;
}
.time-meta a{color: #888;}