@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Jenna Andrews Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		ja_main.css
	Date:			5/6/2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	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;
	}
	html {
		overflow-y:scroll;
	}
	body {
		background:#000 url(../../images/bg.jpg) top center no-repeat;
		line-height:1.2;
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#b59cad;
		font-size:1em;
	}
	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 {
		border:none;
		margin:0; padding:0;
		height:0em;
		background:transparent;
		overflow:hidden;
		font-size:0.062em;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	
	.ds {
		float:left;
		position:relative;
	}
	.text {
		color:#fff;
		position:relative;
		z-index:5;
		padding:0 0.062em 0.062em 0;
	}
	.shadow {
		position:absolute;
		top:0.062em; left:0.062em;
		color:#666;
	}
	img {
		display:block;
	}
	a:link, a:active, a:visited {
		text-decoration:none;
		color:#745f72;
	}
		a:hover {
			color:#fff;
		}
	#main {
		width:60em;
		margin:0 auto;
		position:relative;
	}
	.copy {
		color:#ad8db1;
		font-size: 87.5%;
		font-weight:bold;
	}
	.ad728 {
		width:45.5em;
		margin:1.875em auto 0 auto;
	}
	
	a.mg {
		width:7.625em;
		margin:0 auto; padding:0 0 1.875em 0;
		display:block;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#labelBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#labelBar {
		margin:.0188em 0 0 2.438em;
	}
		#labelBar a.logo {
			display:block; float:left;
			width:1.5em; height:1.812em;
			background:url(../../images/islandLogo.png) 0 0 no-repeat;
		}
			#labelBar a.logo:hover {
				background-position:0 -1.812em;
			}
		#labelBar ul {
			margin:0.438em 0 0 0.938em;
			float:left;
		}
			#labelBar ul li {
				margin:0 0.312em 0 0;
				float:left;
			}
				#labelBar ul li a {
					width:10.6em; height:1.4em;
					padding:0.2em 0 0 0;
					background:url(../../images/bg_btn.png) 0 0 no-repeat;
					font:bold .63em Verdana, Arial, Helvetica, sans-serif;
					text-align:center;
					display:block;
				}
					#labelBar ul li a:hover {
						color:#fff;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#socialLinks Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#socialLinks {
		width:7.75em;
		margin:0 2.25em 0 0;
		position:absolute;
		right:0;
	}
		#socialLinks li {
			margin:0 0.25em 0 0;
			float:left;
		}
			#socialLinks li a {
				height:2em;
				background:url(../../images/socialLinks.png) 0 0 no-repeat;
				display:block;
			}
			#socialLinks li.fblike {
				width:100px !important;
				margin:.35em 0 0 0;
			}
			#socialLinks li.youtube {
				display:none;
			}
				#socialLinks li.youtube a {
					width:1.938em;
				}
			#socialLinks li.facebook a {
				width:1.875em;
				background-position:-2.312em 0;
			}
			#socialLinks li.myspace a {
				width:1.875em;
				background-position:-4.562em 0;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#album Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#album {
		margin:11.5em 0 0 2em;
		width:15.25em; height:6.938em;
	}
		#album img {
			float:left;
		}
		#album .info {
			margin:1em 0 0 0.438em;
			float:left;
		}
			#album .info h2 {
				font-size:.81em;
				font-weight:normal;
				color:#ad8db1;
			}
			#album .info h3 {
				margin:0 0 0.444em 0;
				font-size:1.13em;
				font-weight:normal;
				color:#b59cad;
			}
			#album .info a.btn_amazon {
				width:9.2em; height:1.7em;
				padding:0.3em 0 0 2.1em; margin:0 0 0.2em 0;
				background:url(../../images/btn_amazon.png) 0 0 no-repeat;
				font:bold .63em Verdana, Arial, Helvetica, sans-serif;
				color:#ad8db1;
				display:none;
			}
				#album .info a.btn_amazon:hover {
					color:#fff;
				}
			#album .info a.btn_itunes {
				width:9.2em; height:1.7em;
				padding:0.3em 0 0 2.1em;
				background:url(../../images/btn_itunes.png) 0 0 no-repeat;
				font:bold .63em Verdana, Arial, Helvetica, sans-serif;
				color:#ad8db1;
				display:none;
			}
				#album .info a.btn_itunes:hover {
					color:#fff;
				}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	col Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:32.5em;
		padding:0 2.438em 0 1.938em;
		float:left;
	}
	#altCol {
		width:21.25em;
		padding:0 1.875em 0 0; margin:2.125em 0 0 0;
		float:left;
	}
		#altCol .ad {
			width:18.75em; height:15.562em;
			padding:1.25em; margin:0 0 0.188em 0;
			background:url(../../images/bg_dotted.png) 0 0 repeat;
			border-bottom:solid 0.062em #554557;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#twitterFeed Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#twitterFeed img {
		display:inline;
	}
	#twitterFeed a.follow {
		width:20.625em;
		margin:0 0 0.75em 0;
		display:block;
	}
		#twitterFeed a.follow img {
			margin:0 0.562em 0 0;
		}
	#twitter_update_list {
		margin:0 0 2.625em 0;
	}
		#twitter_update_list li {
			border-bottom:solid 0.071em #554557;
			width:35em;
			padding:0.714em 1.071em 1.357em 1.071em; margin:0 0 0.5em 0;
			font-size:.88em;
			background:url(../../images/bg_dotted.png) 0 0 repeat;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#twitterP Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#twitterP {
	
	}
		#postTweet {
			margin:0 0 1.125em 0;
			background:url(../../images/postTwitter_bg.png) 0 1.125em no-repeat;
		}
			#postTweet h2 {
				width:14.5em; height:0.75em;
				margin:0 0 0 3.5em;
				background:url(../../images/h2_leaveATweet.png) 0 0 no-repeat;
			}
		#twitterP .textArea {
			height:5.062em;
			margin:0 0 1.062em 0;
		}
			#twitterP .textArea textarea {
				display:block; resize:none; background:#2c0a1f; border:none; overflow-y:hidden; outline:none;
				width:33.812em;
				margin:0.938em 0 0 4.938em;
				color:#b59dad;
			}
		#twitterP .charsLeft {
			float:right;
		}
		#twitterP .suggest {
			margin:0 0 0 3.438em;
			float:left;
		}
		#Tweet_Container {
			margin:0 0 2.562em 0;
		}
			#Tweet_Container h4 {
				display:none;
			}
			#Tweet_Container .s_item {
				border-bottom:solid 0.062em #554557;
				width:30.875em;
				padding:0.812em; margin:0 0 0.5em 0;
				background:url(../../images/bg_dotted.png) 0 0 repeat;
			}
				#Tweet_Container .s_item p {
					width:25em;
				}
				#Tweet_Container .s_avatar {
					float:left;
				}
				#Tweet_Container .singleUser {
					float:left;
				}
					#Tweet_Container .singleUser h3 {
						display:none;
					}
				#Tweet_Container .s_avatar img {
					margin:0 0.688em 0 0;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPlayer {
		width:21.250em; height:4.688em;
		margin:0 0 0.188em 0;
		background:url(../../images/bg_mediaplayer.png) 0 0 no-repeat;
	}
		#mediaPlayer #content p {
			padding:2.4em 0 0 0;
			text-align:center;
			font-size:.94em;
		}
		#mediaPlayer object {
			position:relative;
			top:1.75em; left:0.562em;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#videoSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videoSpace {
		border-bottom:solid 0.062em #554557;
		width:20em;
		padding:1.812em 0.625em 0.625em 0.625em; margin:0 0 0.188em 0;
		background:url(../../images/bg_dotted.png) 0 0 repeat;
		position:relative;
	}
		#videoSpace h2 {
			width:21.250em; height:1.188em;
			background:url(../../images/h2_latestVideo.png) 0 0 no-repeat;
			position:absolute;
			top:0; left:0;
		}
		#videoSpace h3 {
			font:normal .81em "Myriad Pro", Arial, Helvetica, sans-serif; 
			color:#b59dad;
		}
		#videoSpace .stats {
			display:none;
		}
		#videoSpace a.btn_moreVideos {
			display:none;
		}
		#videoSpace .imageHolder {
			margin:0 0 0.312em 0;
		}	
		

/*	--------------------------------------------------------------------------------------------------------------------------
	#photoSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photoSpace {
		border-bottom:solid 0.062em #554557;
		width:20em;
		padding:2.312em 0.625em 0.625em 0.625em;
		background:url(../../images/bg_dotted.png) 0 0 repeat;
		position:relative;
	}
		#photoSpace h2 {
			width:21.25em; height:1.188em;
			background:url(../../images/h2_recentPhotos.png) 0 0 no-repeat;
			position:absolute;
			top:0; left:0;
		}
		#photoSpace ul li {
			display:inline;
			float:left;
			position:relative;
		}
			#photoSpace ul li a {
				position:relative;
				width:9.375em; height:6.25em;
				margin:0 0.625em 0.625em 0;
				display:block;
			}
			#photoSpace ul li a img {
				position:absolute;
				top:0;
				left:0;
				clip:rect(0 9.375em 6.25em 0);
			}
			#photoSpace ul li .toolTip {
				border:solid 0.062em #554557;
				padding:0.938em;
				display:none;
				position:absolute;
				top:-3.875em; left:-0.938em;
				background:#000;
			}
				#photoSpace ul li .toolTip img {
					display:inline;
				}
				#photoSpace ul li .toolTip h3 {
					overflow:hidden;
				}
					#photoSpace ul li .toolTip .stats {
						font-size:0.75em;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#newsSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#newsSpace {
	
	}
		#newsSpace h2 {
			width:11.125em; height:1.125em;
			margin:0 0 1.062em 0;
			background:url(../../images/h2_latestNews.png) 0 0 no-repeat;
		}
		#newsSpace li {
			border-bottom:solid 0.062em #554557;
			width:30.875em;
			padding:0.812em; margin:0 0 0.375em 0;
			background:url(../../images/bg_dotted.png) 0 0 repeat;
		}
			#newsSpace li .date {
				width:1.812em;
				margin:0 0.562em 0 0;
				float:left;
				color:#745f72;
				text-align:center;
			}
				#newsSpace li .date .month {
					font:bold .69em Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					position:relative;
					bottom:0.364em;
				}
				#newsSpace li .date .day {
					font:bold 1.13em Arial, Helvetica, sans-serif;
					position:relative;
					bottom:0.444em;
				}
			#newsSpace li .newsBox {
				width:28.125em;
				margin:0 0 0.312em 0;
				float:left;
			}
				#newsSpace li .newsBox p {
					font-size:.88em;
					line-height:1.286em;
				}
					#newsSpace li .newsBox p a {
						color:#b59cad;
					}
						#newsSpace li .newsBox p a:hover {
							color:#fff;
						}
			#newsSpace li .stats {
				padding:0 0 0 3.364em;
				font:normal .69em Verdana, Arial, Helvetica, sans-serif;
				color:#745f72;
			}
				#newsSpace li .stats .views {
					margin:0 0.455em 0 0;
					display:inline-block;
				}
				#newsSpace li .stats .comments {
					margin:0 0 0 0.455em;
					display:inline-block;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:3em auto 0 auto;
		width:87.273em;
		font:normal .69em Verdana, Arial, Helvetica, sans-serif;
		color:#554557;
	}
		#footer a {
			font-weight:bold;
		}
		#footer a.logo {
			display:block;
			float:left;
			width:2.182em; height:2.636em;
			background:url(../../images/islandLogo.png) 0 0 no-repeat;
		}
			#footer a.logo:hover {
				background-position:0 -2.6em;
			}
		#footer .copyright {
			margin:0.636em 0 0 1.455em;
			float:left;
		}
		#footer .credit {
			margin:.636em 0 0 1.455em;
			float:right;
		}
			#footer .credit a {
				font-weight:normal;
			}
			
	.keywords {
		width:960px;
		margin:0 auto; padding:0 0 10px 0;
		font-size:13px;
		text-align:center;
		display:block;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		text-align:center;
	}
