@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Melanie Fiona Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		mf_main.css
	Date:			May 12, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("mf_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, 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 {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		outline:none;
		font-weight:normal;
	}
	html {
		overflow-y:scroll;
	}
	img {
		display:block;
	}
	body {
		background:#e8e8e8 url(../../images/bg_body.jpg) center 456px no-repeat;
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#525252;
		line-height:1;
	}
	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:0;
		margin:0; padding:0;
		height:0;
		background:transparent;
		overflow:hidden;
		font-size:.063em;
		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%;
	}
	a {
		color:#2b2b2b;
		text-decoration:none;
	}
		a:hover {
			color:#b77dff;
		}
	.section {
		width:920px; margin:0 auto; padding:0 20px;
	}
	#main {	}
	#contentSpace { background:url(../../images/bg_cs_body.png) center 0 repeat-y; }
	#contentSpace .csTop { padding:27px 0 30px 0; background:url(../../images/bg_cs_top.png) center top no-repeat; }
		#mainCol {
			width:502px; padding:0 0 30px 31px;
			float:left;
		}
		#altCol {
			width:300px; padding:0 32px 0 0;
			float:right;
		}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {}
	
	#mastHead #top {
		border-bottom:solid 1px #fff;
		padding:30px 0 20px 0;
		background:#181818;
	}	
		#mastHead #top h1 {
			width:278px; height:36px;
			float:left;
		}
			#mastHead #top h1 a {
				width:278px; height:36px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block;
			}
		#mastHead #top .fb {
			width:120px;
			float:right;
		}
		#mastHead #top .translate{
			float:right;
		}
		#mastHead #top .goog-te-gadget .goog-te-combo{
			margin:0 0 3px 0;
		}
		#mastHead #top .goog-te-gadget img {
			display:inline;
		}
	#mastHead #featureRotator {
		height:330px;
		background:url(../../images/bg_header.jpg) center top no-repeat;
	}
		#mastHead #featureRotator .section {
			width:920px; height:330px;
			position:relative;
			padding:0;
			overflow:hidden;
		}
			#mastHead #featureRotator .bullets {
				position:absolute; top:19px; right:17px;
			}
				#featureRotator .bullets a {
					width:10px; height:10px; margin:0 0 0 17px; background:url(../../images/bullets.png) 0 0 no-repeat;
					display:block; float:right;
				}
					#featureRotator .bullets a:hover, #featureRotator .bullets a.current {
						background-position:0 -20px;
					}
			#mastHead #featureRotator .features {
				width:10000px;
			}
				#mastHead #featureRotator .features li {
					float:left;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaplayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaplayer {
		border-right:solid 1px #c8c8c8;
		width:522px; height:42px;
		background:#181818;
		float:left;
	}
	#social {
		width:357px; height:30px; padding:12px 20px 0 20px;
		background:#181818;
		float:right;
	}
		#social li {
			margin:0 11px 0 0;
			float:left;
		}
		#social li.su {
			margin:0;
			float:right;
		}
			#social li a {
				width:20px; height:19px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block;
			}
			#social li.fb a {
				background-position:-278px 0;
			}
			#social li.tw a {
				background-position:-299px 0;
			}
			#social li.ms a {
				background-position:-320px 0;
			}
			#social li.yt a {
				background-position:-341px 0;
			}
			#social li.su a {
				width:217px;
				background-position:-278px -19px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav { padding:19px 0 0 0; }
		#nav li {
			height:19px;
			float:left;
		}
			#nav li a {
				height:17px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block; float:left;
			}
				#nav li a:hover {
					border-bottom:solid 2px #fff;
				}
			#nav li.navHome { margin:0 56px 0 0; }
				#nav li.navHome a {
					width:35px;
					background-position:0 -38px;
				}
			#nav li.navBio { margin:0 56px 0 0; }
				#nav li.navBio a {
					width:20px;
					background-position:-39px -38px;
				} 
			#nav li.navNews { margin:0 56px 0 0; }
				#nav li.navNews a {
					width:36px;
					background-position:-63px -38px;
				} 
			#nav li.navVideos { margin:0 56px 0 0; }
				#nav li.navVideos a {
					width:43px;
					background-position:-102px -38px;
				} 
			#nav li.navPhotos { margin:0 56px 0 0; }
				#nav li.navPhotos a {
					width:39px;
					background-position:-150px -38px;
				} 
			#nav li.navTour { margin:0 56px 0 0; }
				#nav li.navTour a {
					width:32px;
					background-position:-192px -38px;
				} 
			#nav li.navFav { margin:0 56px 0 0; }
				#nav li.navFav a {
					width:96px;
					background-position:-228px -38px;
				} 
			#nav li.navFan { margin:0 56px 0 0; }
				#nav li.navFan a {
					width:57px;
					background-position:-328px -38px;
				} 
			#nav li.navExtras { margin:0 56px 0 0; }
				#nav li.navExtras a {
					width:45px;
					background-position:-430px -38px;
				} 
			#nav li.navStore { }
				#nav li.navStore a {
					width:37px;
					background-position:-389px -38px;
				}  
			#nav li.navLife { margin:0 50px 0 0; }
				#nav li.navLife a {
					width:70px;
					background-position:-520px -38px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	general Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#pageHeader, #mainCol .pageHeader, #altCol .pageHeader {
		border-bottom:solid 2px #585858;
		padding:0 0 16px 2px;
	}
	#altCol .pageHeader {
		padding:0 0 11px 2px;
	}
		#pageHeader h2, #mainCol .pageHeader h2, #altCol .pageHeader h2 {
			height:28px;
			background:url(../../images/sprite_h2.png) 0 0 no-repeat;
		}
		#altCol .pageHeader h2 {
			height:14px; float:left;
		}
		#pageHeader a.more, #mainCol .pageHeader a.more, #altCol .pageHeader a.more {
			height:10px; margin:2px 0 0 0; background:url(../../images/sprites.png) 0 0 no-repeat;
			display:block; float:right;
		}
		#pageHeader a.backNews, #mainCol .pageHeader a.backNews, #altCol .pageHeader a.backNews {
			height:7px; margin:2px 0 0 0; background:url(../../images/sprites.png) 0 0 no-repeat;
			display:block; float:right;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.ad Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728 {
		border:none !important;
		width:45.5em; height:5.625em;
		margin:0 auto;
		position:relative;
		top:1em;
	}
	#_fw_span_728x90_top {
		height:0;
	}
	#atffc {
		display:none;
	}
	.ad300 {
		width:18.750em; height:15.625em;
		overflow:hidden;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#pagination {
		width:25.125em;
	}
		#pagination li {
			display:inline;
			float:left;
		}
			#pagination li.disable a {
				cursor:default;
			}
			#pagination li a {
				width:1.250em; height:1.125em; 
				display:block;
			}
				#pagination li a:hover {
					
				}
				#pagination li a.btn_prev {
					width:3.75em; height:1.125em;
					text-align:center;
				}
					#pagination li a.btn_prev:hover {
						
					}	
				#pagination li a.btn_next {
					width:3.75em; height:1.125em;
					text-align:center;
				}
					#pagination li a.btn_next:hover {
						
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#stepped Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #stepped ul {
		margin:16px 0 0 0;
	}
		#mainCol #stepped ul li {
			float:left;
		}
		#mainCol #stepped ul li.btn_next {
			float:right;
		}
			#mainCol #stepped ul li a {
				width:74px; height:20px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block;
			}
		#mainCol #stepped ul li.view {
			width:352px; padding:3px 0 0 0;
			font-size:11px; color:#555; text-align:center;
		}
	a.disable {
		cursor:default;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.numbered Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.numbered {
		margin:20px 0 0 0;
	}
		.numberedBottom {
			
		}
		.numbered .viewing {
			width:37.818em; height:1.727em;
			background:url(../../images/bg_transparent_darkGrey.png) 0 0 repeat;
			padding:.455em 0 0 0;
			font:normal 68.8% Arial, Helvetica, sans-serif;
			color:#bbbbbb;
			text-align:center;
			float:left;
		}
		
		.numbered a {
			height:12px; background:url(../../images/sprites.png) 0 0 no-repeat;
			display:block;
		}
		
		.numbered a.btn_prev {
			width:40px;
			background-position:-572px -100px;
			float:left;
		}
			.numbered a.btn_prev:hover {
				background-position:-572px -87px;
			}	
		.numbered a.btn_next {
			width:39px;
			background-position:-612px -100px;
			float:right;
		}
			.numbered a.btn_next:hover {
				background-position:-612px -87px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	.social Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.social {
		padding:10px 0 0 100px;
	}
		.social .fb, .social .tw {
			float:left;
		}
		.social .share {
			display:block; float:right;
		}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments { 
		padding:30px 0 0 0; 
	}
		#comments h2 {
			border-bottom:solid 3px #c5c5c5;
			height:21px; padding:0 0 0 110px; background:url(../../images/sprite_h2.png) -525px -59px no-repeat;
			font-size:18px; color:#000;
		}
		#comments ul {
			padding:0 0 15px 0;
		}
			#comments li { }
				#mainCol #comments ul li.noContent { }
			#comments .entry {
				border-bottom:solid 1px #e3e3e3;
				padding:11px 0 31px 0;
			}		
				#comments .noBorder { }
				#comments .entry .userPic {
					width:50px; padding:0 0 0 1px;
					float:left;
				}
					#comments .entry .userPic img {
						margin:0 auto;
					}
				#comments .entry .comment {
					width:396px;
					font-family:"Tahoma", Arial, sans-serif;
					float:right;
				}	
					#comments .entry .comment a {
						font-size:16px; color:#b272ff;
					}
						#comments .entry .comment a:hover {
							color:#000;
						}
					#comments .entry .comment p {
						padding:5px 0 0 0;
					}
						#comments .entry .comment p a {
							font-size:12px;
						}
		#comments a.btn_addComment {
			width:159px; height:30px; background:url(../../images/sprites.png) -75px -119px no-repeat;
			display:block;
		}	
			#comments a.btn_addComment:hover {
				background-position:-75px -149px;
			}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		border-right:solid 1px #acadb0; border-left:solid 1px #acadb0;
		width:920px; padding:23px 0 45px 0;
		background:#000;
	}
		#footer ul {
			padding:22px 0 0 32px;
			float:left;
		}
			#footer ul li {
				padding:0 20px 0 0;
				float:left;
			}
				#footer ul li a {
					height:23px;
					background:url(../../images/sprites.png) 0 0 no-repeat;
					display:block;
				}
				#footer ul li.src a {
					width:65px;
					background-position:0 -58px;
				}
				#footer ul li.umt a {
					width:129px;
					background-position:-66px -58px;
				}
				#footer ul li.t9 a {
					width:56px;
					background-position:-196px -58px;
				}
				#footer ul li.roc a {
					width:85px;
					background-position:-254px -58px;
				}
				
		#footer .copy {
			padding:28px 0 0 0;
			font-size:10px; color:#fff;
			float:left;
		}
			#footer .copy a {
				color:#fff;
			}
		#footer .album {
			width:184px;
			float:right;
		}
			#footer .album .cover {
				width:67px; height:67px;
				float:left; overflow:hidden;
			}
				#footer .album .cover img {
					width:67px; height:67px;
				}
			#footer .album .info {
				width:90px; padding:0 0 0 17px;
				float:left;
			}
				#footer .album .info h4 {
					font-size:14px; color:#cacaca;
				}
				#footer .album .info .dates {
					font-size:12px; color:#898989;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		padding:10px;
		font-size:12px; text-align:center;
	}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Universal Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.footer .btn_readMore {
		font:bold 68.8% Arial, Helvetica, sans-serif;
		color:#cd0000;
		text-transform:lowercase;
		float:right;
	}
		.footer .btn_readMore:hover {
			color:#000;
		}
	a.btn_moreNews {
		width:79px; height:7px;
		display:block;
		float:right;
	}
		a.btn_moreNews:hover {
			
		}
	.ui-tabs-hide {
		display:none !important;
	}

	#mainCol .share a {
		width:57px; height:20px;
		background:url(../../images/sprites.png) -390px -59px no-repeat;
		display:block;
	}
	.btn {
		display:block;
	}
	/*a.btn_next {
		width:90px; height:20px;
		display:block;
	}
		a.btn_next:hover {
			
		}
	a.btn_prev {
		width:70px; height:20px;
		display:block;
	}
		a.btn_prev:hover {
			
		}*/
	/*a.btn_next {
		width:70px; height:19px;
		display:block;
	}
		a.btn_next:hover {
			
		}
	a.btn_prev {
		width:70px; height:19px;
		display:block;
	}
		a.btn_prev:hover {
			
		}
	a.btn103w {
		width:103px; height:18px;
		text-align:center;
		display:block;
	}
		a.btn103w:hover {
			
		}
	a.btn74w {
		width:74px; height:18px;
		text-transform:uppercase;
		display:block;
		text-align:center;
	}
		a.btn74w:hover {
			
		}*/
		
/*	--------------------------------------------------------------------------------------------------------------------------
	tabs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -			
	.ui-tabs-hide {
		display:none !important;
	}*/		
	#sb-wrapper div.opacity {
		background:#000;
		opacity:0.7;
	}
	#sb-title-inner {
		color:#fff;
	}
	

