@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Jessie James Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jessie_main.css
	Date:			Jul 30, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("jessie_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		line-height:1;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#546063;
		background:#000 url(../../images/bg_body.png) top center repeat-x;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#headerBG {
		background:url(../../images/bg_header.png) center 86px repeat-x;
	}
	#contentBG {
		background:url(../../images/bg_content.png) center 494px no-repeat;
	}
	#main {
		width:960px;
		margin:0 auto; padding:0 0 40px 0;
	}
		#mainCol {
			width:610px;
			float:left;
		}
		#altCol {
			width:320px;
			float:right;
		}
	a {
		text-decoration:none;
		color:#43d3ff;
	}
		a:hover {
			background:#43d3ff;
			color:#001e27;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#labelBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#labelBar {
		height:29px;
		background:url(../../images/labelBar_bg.png) 0 0 repeat-x;
		border-bottom:1px solid #262626;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#979797;
	}
		#labelBar .menu {
			width:400px; height:29px;
			padding:0 0 0 10px;
			float:left;
		}
			#labelBar .menu a.logo {
				width:54px; height:29px;
				display:block;
				background:url(../../images/labelBar_mercury.png) 0 0 no-repeat;
				float:left;
			}
				#labelBar .menu a.logo:hover {
					background-position:0 -29px;
				}
			#labelBar .menu .links {
				width:330px;
				padding:6px 0 0 6px;
				float:left;
			}
		#labelBar .join {
			width:500px; height:15px;
			padding:6px 10px 0 0;
			float:right;
			text-align:right;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		width:960px; height:94px;
		margin:2px auto 0 auto;
		overflow:hidden;
	}
		#mastHead .ad728x90 {
			width:728px; height:90px;
			margin:0 4px 0 0;
			overflow:hidden;
			background:#fff;
			float:left;
		}
		#mastHead .buyAlbum {
			width:228px; height:90px;
			float:left;
		}
			#mastHead .buyAlbum .album {
				width:90px; height:82px;
				padding:8px 0 0 8px;
				background: url(../../images/buyAlbum_album_bg.png) 0 0 no-repeat;
				float:left;
			}
			#mastHead .buyAlbum .text {
				width:130px;
				float:left;
			}
				#mastHead .buyAlbum .text h2#h2_buyThisAlbum {
					height:20px;
					margin:6px 0 8px 0;
					background:url(../../images/h2_buyThisAlbum.png) 0 0 no-repeat;
				}
				#mastHead .buyAlbum .text a.btnItunes {
					width:105px; height:20px;
					background:url(../../images/buyAlbum_itunes.png) 0 0 no-repeat;
					display:block;
				}
					#mastHead .buyAlbum .text a.btnItunes:hover {
						background-position:0 -20px;
					}
				#mastHead .buyAlbum .text a.btnAmazon {
					width:113px; height:24px;
					margin:8px 0 0 0;
					background:url(../../images/buyAlbum_amazon.png) 0 0 no-repeat;
					display:block;
				}
					#mastHead .buyAlbum .text a.btnAmazon:hover {
						background-position:0 -24px;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		width:960px; height:380px;
		margin:0 auto;
	}
		#header #jessieFlash {
			font:normal 16px Arial, Helvetica, sans-serif;
			text-align:center;
		}
			#header #jessieFlash p {
				margin:160px 0 0 0;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		width:941px; height:45px;
		padding:15px 0 0 22px;
	}
		#nav li {
			height:20px;
			margin:0 15px 0 0;
			display:inline;
			float:left;
		}
		#nav li a {
			height:20px;
			display:block;
		}
		#nav li.navHome a {
			width:45px;
			background:url(../../images/nav.png) -12px 0 no-repeat;
		}
			#nav li.navHome a:hover {
				background-position: -12px -20px;
			}
		#nav li.navNews a {
			width:41px;
			background:url(../../images/nav.png) -80px 0 no-repeat;
		}
			#nav li.navNews a:hover {
				background-position: -80px -20px;
			}
		#nav li.navBlog a {
			width:39px;
			background:url(../../images/nav.png) -145px 0 no-repeat;
		}
			#nav li.navBlog a:hover {
				background-position: -145px -20px;
			}
		#nav li.navMusic a {
			width:111px;
			background:url(../../images/nav.png) -209px 0 no-repeat;
		}
			#nav li.navMusic a:hover {
				background-position: -209px -20px;
			}
		#nav li.navVideos a {
			width:53px;
			background:url(../../images/nav.png) -342px 0 no-repeat;
		}
			#nav li.navVideos a:hover {
				background-position: -342px -20px;
			}
		#nav li.navBio a {
			width:25px;
			background:url(../../images/nav.png) -424px 0 no-repeat;
		}
			#nav li.navBio a:hover {
				background-position: -424px -20px;
			}
		#nav li.navEvents a {
			width:53px;
			background:url(../../images/nav.png) -473px 0 no-repeat;
		}
			#nav li.navEvents a:hover {
				background-position: -473px -20px;
			}
		#nav li.navPhotos a {
			width:58px;
			background:url(../../images/nav.png) -550px 0 no-repeat;
		}
			#nav li.navPhotos a:hover {
				background-position: -550px -20px;
			}
		#nav li.navMobile a {
			width:54px;
			background:url(../../images/nav.png) -633px 0 no-repeat;
		}
			#nav li.navMobile a:hover {
				background-position: -633px -20px;
			}
		#nav li.navCommunity a {
			width:88px;
			background:url(../../images/nav.png) -708px 0 no-repeat;
		}
			#nav li.navCommunity a:hover {
				background-position: -708px -20px;
			}
		#nav li.navExtras a {
			width:53px;
			background:url(../../images/nav.png) -819px 0 no-repeat;
		}
			#nav li.navExtras a:hover {
				background-position: -819px -20px;
			}
		#nav li.navForum a {
			width:53px;
			background:url(../../images/nav.png) -894px 0 no-repeat;
		}
			#nav li.navForum a:hover {
				background-position: -894px -20px;
			}
		#nav li.navMerch a {
			width:50px;
			background:url(../../images/nav.png) -973px 0 no-repeat;
		}
			#nav li.navMerch a:hover {
				background-position: -973px -20px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#socialLink Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#socialLink {
		margin:38px 0 8px 25px;
	}
		#socialLink li {
			height:21px;
			margin:0 20px 0 0;
			float:left;
		}
			#socialLink li a {
				height:21px;
				display:block;	
			}
			/* .twitter */
			#socialLink li.twitter {
					
			}
				#socialLink li.twitter a {
					width:15px;
					background:url(../../images/nav_social.png) 0 0 no-repeat;
				}
					#socialLink li.twitter a:hover {
						background-position:0 -21px;
					}
			/* .myspace */
			#socialLink li.myspace {
					
			}
				#socialLink li.myspace a {
					width:17px;
					background:url(../../images/nav_social.png) -35px 0 no-repeat;
				}
					#socialLink li.myspace a:hover {
						background-position:-35px -21px;
					}
			/* .facebook */
			#socialLink li.facebook {
					
			}
				#socialLink li.facebook a {
					width:50px;
					background:url(../../images/nav_social.png) -73px 0 no-repeat;
				}
					#socialLink li.facebook a:hover {
						background-position:-73px -21px;
					}
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainCol #comments {
		width:584px;
		margin:50px 0 0 25px;
	}
		#mainCol #comments .header {
			padding:0 0 8px 0;
			background:none;
		}
			#mainCol #comments .header h3 {
				width:106px; height:17px;
				background:url(../../images/h3_comments.png) 0 0 no-repeat;
				float:left;
			}
			#mainCol #comments .header .pagination {
				width:428px;
				float:right;
			}
				#mainCol #comments .pagination .displaying {
					margin:4px 0 0 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#75868a;
					float:left;
				}
				#mainCol #comments .pagination .buttons {
					width:75px;
					margin:5px 0 0 0;
					float:right;
				}
					#mainCol #comments .pagination .buttons a.btn_prev {
						width:31px; height:9px;
						margin:2px 0 0 0;
						background:url(../../images/btn_prev.png) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#mainCol #comments .pagination .buttons a.btn_prev:hover {
							background-position:0 -9px;
						}
					#mainCol #comments .pagination .buttons a.btn_next {
						width:30px; height:9px;
						background:url(../../images/btn_next.png) 0 0 no-repeat;
						display:block;
						float:right;
					}
						#mainCol #comments .pagination .buttons a.btn_next:hover {
							background-position:0 -9px;
						}
			#mainCol #comments ul {
				
			}
				#mainCol #comments ul li {
					margin:0 0 17px 0; padding:0;
				}
					#mainCol #comments ul li .userPic {
						width:74px;
						padding:15px 0 0 0;
						background:url(../../images/bg_userPic.png) right 40px no-repeat;
						float:left;
					}
						#mainCol #comments ul li .userPic a {
							width:54px; height:54px;
							padding:2px 0 0 2px;
							background:#002531;
							display:block;
						}
						#mainCol #comments ul li .userPic a img {
							border:solid 1px #000;
						}
							#mainCol #comments ul li .userPic a:hover img {
								border:solid 1px #b7ddea;
							}
						#mainCol #comments ul li .comment {
							border:1px dashed #002531;
							width:495px;
							padding:12px 0 0 11px;
							color:#2e1b10;
							float:left;
						}
							#mainCol #comments ul li .comment .post {
								width:480px;
								padding:0 0 15px 0;
								color:#908b86;
							}
								#mainCol #comments ul li .comment .post p {
									margin:0 0 5px 0; padding:0;
								}
							#mainCol #comments ul li .comment .posted {
								width:480px;
								text-align:right;
							}
								#mainCol #comments ul li .comment .date {
									font:normal 10px Arial, Helvetica, sans-serif;
									color:#546063;
									display:inline;
								}
								#mainCol #comments ul li .comment a {
									font:italic 10px Arial, Helvetica, sans-serif;
									color:#75a0ab;
								}
									#mainCol #comments ul li .comment a:hover {
										background:#75a0ab;
										color:#fff;
									}
			#mainCol #comments a.btn_postComment {
				width:85px; height:19px;
				background:url(../../images/btn_postComment.jpg) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#mainCol #comments a.btn_postComment:hover {
					background-position:0 -19px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#bottomAd Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#bottomAd {
		border-top:2px solid #12c1f4; border-bottom:2px solid #12c1f4;
		width:910px;
		margin:0 0 0 25px; padding:10px 0;
	}
		#bottomAd .ad {
			width:728px; height:90px;
			background:#797979;
			float:left;
		}
		#bottomAd a.logo {
			width:163px; height:81px;
			margin:0 0 0 11px;
			background:url(../../images/logo_jessieJames.png) no-repeat;
			display:block;
			float:left;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		font:normal 10px Verdana, Geneva, sans-serif;
		color:#34454b;
		text-align:center;
	}
		#footer ul {
			margin:8px 0 8px 150px;
		}
			#footer ul li {
				margin:0 29px 0 0;
				float:left;	
			}
				#footer ul li a {
					color:#62777e;	
				}
					#footer ul li a:hover {
						color:#fff;
						background:none;	
					}
		#footer a {
			color:#34454b;
		}
			#footer a:hover {
				background:none;
				color:#fff;
			}
		#footer a.logo_mg {
			width:124px;
			margin:17px auto 0 auto;
			display:block;
		}