@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}

/* Formatting */

/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:underline; color:#ff0404; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
/*h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }*/

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,input
{ margin:0; padding:0 }

/* whoever thought blue linked image s were a good idea? */
a img, :link img, :visited img {
	border:none;
}

/* de-italicize address */
address { font-style:normal }

/* --------------------------- Page Structure ----------------------------- */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}

body{
	background-color:#000000;
}


.nav_bg_top{width:100%; height:33px; background-color:#FFFFFF; position:absolute; top:20px;}
.nav_bg_bottom{width:100%; height:33px; background-color:#000000; position:absolute; top:53px;}


#wrapper{
	width:100%;
	margin:auto;
	z-index:5;
}

a{color:#ff0404; text-decoration:underline;}
a:hover{color:#ff0404;text-decoration:underline;}
a:visited{color:#ff0404; text-decoration:underline;}
.red{color:#ff0404;}
.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}
.cr{clear:right;}
.cl{clear:left;}
.of{overflow:auto;}
.white{color:#FFFFFF;}
.grey{color:#766e6e;}
hr{color:#555555; border: #555555 1px dotted }
hr.wide_box{width:605px;}
hr.thin_box{width:200px;}

/* ----------------------------- Navigation ------------------------------------ */

#navigation{
	clear:both;
	padding-top:10px;
}

.nav_items{
	background-color:#FFFFFF;
	height:33px;
	width:100%;
}

#mainNav{
	width: 969px;
	margin:auto;
}

#mainNav ul{
	margin:auto;

}

#mainNav li{
	float:left;
	display:inline;
}

#mainNav li span{
	display:none;
}



/* --------- HOME - Navigation -------------- */
#home a{
	background-image:url(../gfx/nav/nav_home.jpg);
	background-repeat:no-repeat;
	width: 70px;
	height: 33px;
	display:block;
	background-position:top;
}

#home a:hover{
	background-image:url(../gfx/nav/nav_home.jpg);
	background-repeat:no-repeat;
	width: 70px;
	height: 33px;
	background-position:bottom;
}

#home_selected{
	background-image:url(../gfx/nav/nav_home.jpg);
	background-repeat:no-repeat;
	width: 70px;
	height: 33px;
	background-position:bottom;
	display:block;
}


/* --------- NEWS - Navigation -------------- */

#news a{
	background-image:url(../gfx/nav/nav_news.jpg);
	background-repeat:no-repeat;
	width: 72px;
	height: 33px;
	display:block;
	background-position:top;
}

#news a:hover{
	background-image:url(../gfx/nav/nav_news.jpg);
	background-repeat:no-repeat;
	width: 72px;
	height: 33px;
	background-position:bottom;
}

#news_selected{
	background-image:url(../gfx/nav/nav_news.jpg);
	background-repeat:no-repeat;
	width: 72px;
	height: 33px;
	background-position:bottom;
	display:block;
}

/* --------- MUSIC - Navigation -------------- */

#music a{
	background-image:url(../gfx/nav/nav_music.jpg);
	background-repeat:no-repeat;
	width: 77px;
	height: 33px;
	display:block;
	background-position:top;
}

#music a:hover{
	background-image:url(../gfx/nav/nav_music.jpg);
	background-repeat:no-repeat;
	width: 77px;
	height: 33px;
	background-position:bottom;
}

#music_selected{
	background-image:url(../gfx/nav/nav_music.jpg);
	background-repeat:no-repeat;
	width: 77px;
	height: 33px;
	background-position:bottom;
	display:block;
}


/* --------- FRANKIE TV - Navigation -------------- */

#frankie-tv a{
	background-image:url(../gfx/nav/nav_frankie.jpg);
	background-repeat:no-repeat;
	width: 123px;
	height: 33px;
	display:block;
	background-position:top;
}

#frankie-tv a:hover{
	background-image:url(../gfx/nav/nav_frankie.jpg);
	background-repeat:no-repeat;
	width: 123px;
	height: 33px;
	background-position:bottom;
}

#frankie-tv_selected{
	background-image:url(../gfx/nav/nav_frankie.jpg);
	background-repeat:no-repeat;
	width: 123px;
	height: 33px;
	background-position:bottom;
	display:block;
}


/* --------- PLEASUREDOME - Navigation -------------- */

#pleasuredome a{
	background-image:url(../gfx/nav/nav_pleasuredome.jpg);
	background-repeat:no-repeat;
	width: 159px;
	height: 33px;
	display:block;
	background-position:top;
}

#pleasuredome a:hover{
	background-image:url(../gfx/nav/nav_pleasuredome.jpg);
	background-repeat:no-repeat;
	width: 159px;
	height: 33px;
	background-position:bottom;
}

#pleasuredome_selected{
	background-image:url(../gfx/nav/nav_pleasuredome.jpg);
	background-repeat:no-repeat;
	width: 159px;
	height: 33px;
	background-position:bottom;
	display:block;
}



/* --------- WALL OF FAME - Navigation -------------- */

#wall-of-fame a{
	background-image:url(../gfx/nav/nav_walloffame.jpg);
	background-repeat:no-repeat;
	width: 147px;
	height: 33px;
	display:block;
	background-position:top;
}

#wall-of-fame a:hover{
	background-image:url(../gfx/nav/nav_walloffame.jpg);
	background-repeat:no-repeat;
	width: 147px;
	height: 33px;
	background-position:bottom;
}

#wall-of-fame_selected{
	background-image:url(../gfx/nav/nav_walloffame.jpg);
	background-repeat:no-repeat;
	width: 147px;
	height: 33px;
	background-position:bottom;
	display:block;
}

/* --------- REMIXES - Navigation -------------- */

#remixes a{
	background-image:url(../gfx/nav/nav_remixes.jpg);
	background-repeat:no-repeat;
	width: 100px;
	height: 33px;
	display:block;
	background-position:top;
}

#remixes a:hover{
	background-image:url(../gfx/nav/nav_remixes.jpg);
	background-repeat:no-repeat;
	width: 100px;
	height: 33px;
	background-position:bottom;
}

#remixes_selected{
	background-image:url(../gfx/nav/nav_remixes.jpg);
	background-repeat:no-repeat;
	width: 100px;
	height: 33px;
	background-position:bottom;
	display:block;
}


/* --------- FORUM - Navigation -------------- */

#forum a{
	background-image:url(../gfx/nav/nav_forum.jpg);
	background-repeat:no-repeat;
	width: 83px;
	height: 33px;
	display:block;
	background-position:top;
}

#forum a:hover{
	background-image:url(../gfx/nav/nav_forum.jpg);
	background-repeat:no-repeat;
	width: 83px;
	height: 33px;
	background-position:bottom;
}

#forum_selected{
	background-image:url(../gfx/nav/nav_forum.jpg);
	background-repeat:no-repeat;
	width: 83px;
	height: 33px;
	background-position:bottom;
	display:block;
}


/* --------- FORUM - Navigation -------------- */

#shop a{
	background-image:url(../gfx/nav/nav_shop.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 33px;
	display:block;
	background-position:top;
}

#shop a:hover{
	background-image:url(../gfx/nav/nav_shop.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 33px;
	background-position:bottom;
}

#shop_selected{
	background-image:url(../gfx/nav/nav_shop.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 33px;
	background-position:bottom;
	display:block;
}



/* --------- FORUM - Navigation -------------- */

#links a{
	background-image:url(../gfx/nav/nav_links.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 33px;
	display:block;
	background-position:top;
}

#links a:hover{
	background-image:url(../gfx/nav/nav_links.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 33px;
	background-position:bottom;
}

#links_selected{
	background-image:url(../gfx/nav/nav_links.jpg);
	background-repeat:no-repeat;
	width: 65px;
	height: 33px;
	background-position:bottom;
	display:block;
}




/* ----------------------------- Navigation - END ------------------------------------ */



/* ----------------------------- Navigation - LOGIN - Start----------------------------- */

.navigation_login{
	background-color:#000000;
	height:33px;
	width:100%;
}

.login_form{
	width: 969px;
	margin:auto;
}


/* ----------------------------- Navigation - LOGIN - End ------------------------------ */


/* ---------------------------------- HEADER - START ---------------------------------- */

#top{
	margin:auto;
	width:969px;
	padding-top:10px;
}

#leaderboard{
	background-color:#FFFFFF;
	width:728px;
	height:90px;
}

#audio_player{
	width:204px;
	height:58px;
	padding:20px 20px 0px 0px;
}

/* ---------------------------------- HEADER - END ---------------------------------- */


/* -------------------------------- Box Structure ------------------------------ */

#box_header{
	clear:both;
}

#box_content{
	height:auto;
	background-color:#000000;
	float:left;
}

#box_footer{
	height:35px;
	background-color:#000000;
	margin-bottom:9px;
	clear:left;
}

.full_box{
	width:966px;
}

.wide_box{
	width:629px;
}

.thin_box{
	width:309px;
}

.no_box{
	width:300px;
}


/* BOX HEADER STYLES */

#box_header #sub_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding: 5px 0px 0px 0px;
}



/* BOX CONTENT STYLES */

#box_content #sub_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding:10px 5px 5px 10px;
}


/* BOX FOOTER STYLES */

#box_footer #sub_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 5px 10px 10px 10px;
}


#box_footer .comments p, #box_footer p{
	color:#FFFFFF;
	float:left;
}

#box_footer .read p{
	color:#FFFFFF;
	float:right;
}

#box_footer .log_in p{
	color:#FFFFFF;
	float:left;
}

#box_footer p a{
	color:#ff0404;
	text-decoration:underline;
}

.bullet_ring{
	height:13px;
	width:13px;
	padding-right:2px;
	border:none;
}

.padding_area{
	padding:10px;
}

/* ---------------------------------- Box Structure - END ---------------------------------- */


/* ---------------------------------- CONTENT - START ---------------------------------- */
#main{
	padding-bottom: 110px;  /* must be same height as the footer */
}

#content{
	margin:auto;
	width:969px;
}

			/* ---------------------------------- HOME NEWS - START ---------------------------------- */

h2.latest_news{
	background-image:url(../gfx/headers/latest_news.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}

#news_box{
	height:200px;
	width:590px;
	padding:0px 5px 0px 0px;
	overflow:auto;
}

#news_box{
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #FFFFFF;
}

.rss_feed{
	padding: 0px 10px 0px 10px;
	border:none;
}
.rss_feed_link, .rss_feed_link a{ text-decoration:none;}

.news_story{
	padding:5px 0px 5px 0px;
}

.news_story h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.news_story h3.date{
	color:#FFFFFF;
}

.news_story h3.headline{
	color:#FFFFFF;
	font-size:14px;
}

.news_panel #box_header, .news_headline_panel #box_header{
	padding-top:10px;
}

h3.view_all{
	background-image:url(../gfx/btn/view_all.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:225px;
}			
			/* ---------------------------------- HOME NEWS - END ---------------------------------- */


			/* ---------------------------------- NEWS - START ---------------------------------- */

h2.news_headlines{
	background-image:url(../gfx/headers/news_headlines.png);
	background-repeat:no-repeat;
	height:35px;
	width:300px;
}

#sub_content .news li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:10px 5px 5px 10px;
	font-weight:bold;
}

#sub_content .news li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff0404;
	text-decoration:underline;
	padding:10px 5px 5px 10px;
	font-weight:bold;
}


#box_footer #sub_content.paging p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 10px 10px 10px;
	color:#545454;
	text-align:center;
}

#box_footer #sub_content.paging p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff0404;
	text-decoration:underline;
	font-weight:bold;
}


			/* ---------------------------------- NEWS - END ---------------------------------- */



			/* ---------------------------------- MUSIC - START ---------------------------------- */


h2.discography{
	background-image:url(../gfx/headers/discography.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}

h2.discs{
	background-image:url(../gfx/headers/discs.png);
	background-repeat:no-repeat;
	height:35px;
	width:125px;
}

h2.latest{
	background-image:url(../gfx/headers/latest.png);
	background-repeat:no-repeat;
	height:35px;
	width:125px;
}



.disc_content .left{	
	float:left;
	width:200px;
	padding:10px 20px 0px 0px;
}

.disc_content .packshot{
	float:left;
	height:200px;
	padding:10px 20px 0px 0px;
}	

.buylinks{	
	float:left;
	background-color:#FFFFFF;
	text-decoration:underline;
	width:177px;
	height:96px;
	padding:3px 0px 0px 10px;
}

.discs_list .disc{
	float:left;
	height:135px;
	padding:10px 10px 0px 10px;
}	

h3.buy_now{
	background-image:url(../gfx/btn/buy_now.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:99px;
	float:left;
	display:block;
	padding-bottom:5px;
}	

.buy_logo{
	width:83px;
	height:26px;
	padding:10px 0px 10px 0px;
	float:left;
	border:none;
}

.discs_list .disc p{
	width:125px;
}

h2.title, h2 .title, h2.title a, h2 .title a{
	font-size:14px;
	color:#ff0404;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


.disc p{
	font-size:11px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.title p{
	font-size:12px;
	color:#ff0404;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.disc_content .information{
	float:left;
	width:300px;
	padding-top:20px;
}

.disc_content .information p{	
	font-weight:bold;
	font-size:12px;
}

.disc_content .information li.cd_start{
	margin-top:10px;
	font-weight:bold;
	font-size:12px;
}
		
			
#box_footer #sub_content.discs p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 10px 10px 10px;
	color:#545454;
	text-align:center;
}

#box_footer #sub_content.discs p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff0404;
	text-decoration:underline;
	font-weight:bold;
}

.discography_panel, .press_reviews_panel, .your_reviews_panel, .discs_panel{
	padding-top:10px;
}

h2.press_reviews{
	background-image:url(../gfx/headers/press_reviews.png);
	background-repeat:no-repeat;
	height:35px;
	width:261px;
}

h2.your_reviews{
	background-image:url(../gfx/headers/your_reviews.png);
	background-repeat:no-repeat;
	height:35px;
	width:261px;
}
		
#box_footer #sub_content.press p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 10px 10px 10px;
	color:#545454;
	text-align:center;
}

#box_footer #sub_content.press p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff0404;
	font-weight:bold;
	text-decoration:underline;
}

a h3.latest{
	background-image:url(../gfx/btn/latest.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:63px;
	float:left;
	display:block;
	background-position:bottom;
	margin:0px 20px 20px 0px;
}		

a h3.discography{
	background-image:url(../gfx/btn/discography.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:122px;
	float:left;
	display:block;
	background-position:bottom;
	margin:0px 20px 20px 0px;
}	

a:hover h3.latest , h3.latest_selected{
	background-image:url(../gfx/btn/latest.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:63px;
	float:left;
	background-position:top;
	margin:0px 20px 20px 0px;
}		

a:hover h3.discography, h3.discography_selected{
	background-image:url(../gfx/btn/discography.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:122px;
	float:left;
	background-position:top;
	margin:0px 20px 20px 0px;
}		
		
			/* ---------------------------------- MUSIC - END ---------------------------------- */

			/* ---------------------------------- FRANKIE TV - START ---------------------------------- */
			
h2.frankie_tv{
	background-image:url(../gfx/headers/frankie_tv.png);
	background-repeat:no-repeat;
	height:35px;
	width:261px;
}

.brightcove{
	padding:10px;
	height:500px;
	width:605px;
	z-index:200;
}



			/* ---------------------------------- FRANKIE TV - END ---------------------------------- */



			/* ---------------------------------- PLEASUREDOME - START ---------------------------------- */
	
h2.pleasuredome{
	background-image:url(../gfx/headers/pleasuredome.png);
	background-repeat:no-repeat;
	height:35px;
	width:261px;
}

.pleasuredome_section{
	background-color:#999999;
	height:500px;
	width:605px;
}

.pleasuredome_section p{
	vertical-align:middle; 
	text-align:center; 
	padding-top: 275px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}	


h2.gallery{
	background-image:url(../gfx/headers/gallery.png);
	background-repeat:no-repeat;
	height:35px;
	width:261px;
}

.gallery_panel{
	padding-top:10px;
}
	
	
.gallery_image img{
	float:left;
	height:70px;
	width:70px;
	padding:1px;
}	

			
			
			/* ---------------------------------- PLEASUREDOME - END ---------------------------------- */


			/* ---------------------------------- GALLERY - START ---------------------------------- */

.gallery_panel{
	padding-top:20px;
}

.gallery_panel_top{
	padding-top:10px;
}

#gallery_div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding:0px 10px 0px 0px;
	width:280px;
}

#gallery_div a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ff0404;
	text-decoration:underline;
}

h2.gallery{
	background-image:url(../gfx/headers/gallery.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}


#gallery_update_list li{
	padding:5px 10px 5px 0px;
}

img.galleryThumb {
	border:1px solid white;
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}

h3.follow_frankie{
	background-image:url(../gfx/btn/follow_frankie.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:190px;
}

div#avatarWrapper {
	width:605px;
}

div#avatarTop {
	width:      100%;
	text-align: center;
	padding:    0;
	margin:     17px 20px 29px 20px;
}

img#avatarPreview {
	padding: 0;
	margin:  0;
	border:  1px solid white;
	float:   left;
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}

div#avatarContent {
	padding: 0;
	margin:  0px 20px 25px 20px;
	width:   100%
}

div#avatarText {
	padding: 0;
	margin:  0;
	float:   right;
	width:   377px;
}
div#avatarText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   12px;
	color:       #FFFFFF;
	font-weight: bold;
	padding:     5px 0px 0px 0px;
}
div#avatarText p#copyLink {
	background-color: #FFFFFF;
	color:            #000000 !important;
	border:           1px solid #eeeeee;
	padding:          14px 8px 14px 8px !important;
	margin:           15px 0px 0px 0px;
	width:            100%;
}

div#termsWrapper {
	padding:30px;
}

div#termsContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   14px;
	font-weight: bold;
	color:       #FFFFFF;
}

div#termsContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   12px;
	color:       #FFFFFF;
	font-weight: bold;
	padding:     10px 0px 0px 0px;
}

			/* ---------------------------------- GALLERY - END ---------------------------------- */





			/* ---------------------------------- TWITTER - START ---------------------------------- */

.twitter_panel{
	padding-top:20px;
}

.twitter_panel_top{
	padding-top:10px;
}

#twitter_div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding:0px 10px 0px 0px;
	width:280px;
}

#twitter_div a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ff0404;
	text-decoration:underline;
}

h2.twitter{
	background-image:url(../gfx/headers/twitter.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}


#twitter_update_list li{
	padding:5px 10px 5px 0px;}


h3.follow_frankie{
	background-image:url(../gfx/btn/follow_frankie.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:190px;
}


				/* ---------------------------------- TWITTER - END ---------------------------------- */
				
				
				/* ---------------------------------- WHATS NEW - START ---------------------------------- */


h2.whats_new{
	background-image:url(../gfx/headers/whats_new.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}

.whats_new_panel #box_content #sub_content h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	margin:10px 10px 10px 0px;
}

.whats_new_panel #box_content #sub_content img{
	float:left;
	margin:10px 10px 10px 0px;
}

.whats_new_panel #box_content #sub_content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:0px 10px 0px 10px;
}


h3.more{
	background-image:url(../gfx/btn/more.jpg);
	background-repeat:no-repeat;
	height:18px;
	width:94px;
}

			/* ---------------------------------- WHATS NEW - END ---------------------------------- */

			/* ---------------------------------- WIDGET - START ---------------------------------- */
			
.widget_panel{
	padding-top:10px;
}

h2.frankie_widget{
	background-image:url(../gfx/headers/widget.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}		
			/* ---------------------------------- WIDGET - END ---------------------------------- */


/* ---------------------------------- CONTENT - END ---------------------------------- */


/* ----------------------------- LOGO - START ------------------------------------ */

#logo{
	background-image:url(../gfx/logo_lrg_home.png);
	background-repeat:no-repeat;
	height:352px;
	width:353px;
	float:left;
	margin:20px 0px 10px 0px;
}

#logo span{
	display:none;
}


h1#logo span{
	display:none;
}

/* ----------------------------- LOGO - END ------------------------------------ */


/* ---------------------------------------- FOOTER --------------------------------------------- */


#footer{
	/*clear:both;
	width:100%;
	height:110px;
	
	z-index:3;
	position:relative;
	bottom:0px;*/
	position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	background-color:#000000;
	clear:both;
}

.footer_items{
	margin:auto;
	width:969px;
}

#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#575757;
	float:left;
	padding:10px 15px;
	text-align:center;
	width:405px;
}

#footer p a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#575757;

}


ul.footer_logos{
	float:left;
	width:373px;
}

.footer_logos li{
	float:left;
}



ul.footer_social_logos{
	width:156px;
	height:50px;
	float:right;
}

.footer_social_logos li{
	float:left;
}

.universal{
	background-image:url(../gfx/footer/footer_logo_universal.jpg);
	width:87px;
	height:50px;
}

.island{
	background-image:url(../gfx/footer/footer_logo_island.jpg);
	width:55px;
	height:50px;
}

.umrl{
	background-image:url(../gfx/footer/footer_logo_umrl.jpg);
	width:107px;
	height:43px;
}

.aatw{
	background-image:url(../gfx/footer/footer_logo_aatw.jpg);
	width:107px;
	height:43px;
}

.ztt{
	background-image:url(../gfx/footer/footer_logo_ztt.jpg);
	width:61px;
	height:43px;
}	

.myspace{	
	background-image:url(../gfx/footer/footer_logo_myspace.jpg);
	width:39px;
	height:43px;
	cursor:pointer;
}

.bebo{
	background-image:url(../gfx/footer/footer_logo_bebo.jpg);
	width:40px;
	height:43px;
	cursor:pointer;
}

.facebook{
	background-image:url(../gfx/footer/footer_logo_facebook.jpg);
	width:37px;
	height:43px;	
	cursor:pointer;
}

.twitter{
	background-image:url(../gfx/footer/footer_logo_twitter.jpg);
	width:40px;
	height:43px;	
	cursor:pointer;
}

/* ---------------------------------------------- FOOTER - END ---------------------------------- */

/* ------------------------------------- SITEMAP - START -------------------------------------- */

ul#sitemap {
	padding: 20px 10px 5px 20px;
}

#sitemap li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding: 4px 10px 4px 20px;
}


/* ------------------------------------- SITEMAP - END -------------------------------------- */

/*--------------------------------------------------------------------------- Form Styles ---*/

/*--------------------------------------------------------------------------- Top Login ---*/
#login-panel-wrapper {width:969px;}
	#login-panel {text-align:right;width:954px;}

#login-panel input, #login-panel a {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}



#f-login-password, #f-login-username {
	border:0;
	color:#ff0404;
	background:#766e6e;
	padding:1px 4px;
	width:90px;
}
	

#f-login-register, #f-login-forgotten-password{
	background:#000;
	color:#ff0404;
	text-transform:uppercase;
}


#f-login-username, #login-panel input {
	background:#000;
	color:#FFFFFF;
}

#f-login-username, #login-panel input {
		border:1px solid #FFFFFF;
}
	
	#login-panel input.submit {cursor:pointer; border:none;}
	
	#f-login-register:hover, #f-login-forgotten-password:hover, #login-panel input.submit:hover {color:#fff;}
	
	#f-login input.text {font-size:10px;}
	#f-login-register {margin-right:4px;}
	
	#f-login-register, #f-login input.text {font-size:10px;}
	#f-logout {color:#ec008c;}
		#f-logout strong {color:#fff;font-weight:normal;padding:0 2px 0 1px;}
	
	#top-login-error {position:absolute;bottom:-25px;right:0;z-index:103;}
		#top-login-error a {background:#111;color:#fff;padding:1px 4px;}
		#top-login-error a:hover {background:#000000;}

	#f-login{height:32px;}

.form_items{

}

#f-login-submit{	 
}

/* ------------------------------------- COMMENTS - START -------------------------------------- */

h2.comments{
	background-image:url(../gfx/headers/comments.png);
	background-repeat:no-repeat;
	height:35px;
	width:255px;
	padding:0px!important;
}

h2.yourreviews{
	background-image:url(../gfx/headers/yourreviews.png);
	background-repeat:no-repeat;
	height:35px;
	width:255px;
	padding:0px!important;
}

#sub_content .comments{
	padding-bottom:10px;
}

p.comment_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

p.comment_post_by{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0404;
}

.enter_comment{
	margin-top:20px;
}

.comment_submit{
	margin-top:10px;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	width:300px;
}


/* ------------------------------------- COMMENTS - END -------------------------------------- */


/* ------------------------------------- DISPLAY NONE - START -------------------------------------- */

h2.twitter span, h2.latest_news span, h2.whats_new span, h3.view_all span, h3.follow_frankie span, h3.whats_new span, h2.frankie_widget span, h3.more span, h2.news_headlines span, h2.discography span, h2.your_reviews span, h2.press_reviews span, h2.comments span, h3.latest span, h3.latest_selected span, h3.discography span, h3.discography_selected span, h2.discs span, h2.latest span, h3.buy_now span, h2.frankie_tv span, h2.pleasuredome span, h2.gallery span, h2.links span,h2.register span,h2.forgotten-password span,h2.wall-of-fame span,h2.site-map span, h2.yourreviews span,h2.widget span, .no-show{
	display:none;
}

fieldset{
	border: none;
	float:right;
	width:960px;
	padding-top:4px;	
	margin-top:4px;
}
/* ------------------------------------- DISPLAY NONE - END -------------------------------------- */
#wallpaper {

background:#000000 none repeat scroll 0 0;
height:100%;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:-1
}

#wallpaper[id] {position:fixed;}

.bottom{
	margin-bottom:20px;
	background-color:none;
}

/*Some pages need scroll bars, others dont. This causes a visual flicking on the page when going between the pages. */
html { min-height:100%; margin-bottom:1px; }

#error-message{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FF0000;float:left;padding-top:4px;}

h2.links{
	background-image:url(../gfx/headers/links.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}

h2.register{
	background-image:url(../gfx/headers/register.png);
	background-repeat:no-repeat;
	height:35px;
	width:225px;
}
h2.forgotten-password{
	background-image:url(../gfx/headers/forgotten-password.png);
	background-repeat:no-repeat;
	height:35px;
	width:374px;
}

h2.wall-of-fame{
	background-image:url(../gfx/headers/wall-of-fame.png);
	background-repeat:no-repeat;
	height:35px;
	width:374px;
}

h2.site-map{
	background-image:url(../gfx/headers/site-map.png);
	background-repeat:no-repeat;
	height:35px;
	width:374px;
}

h2.widget{
	background-image:url(../gfx/headers/widget.png);
	background-repeat:no-repeat;
	height:35px;
	width:374px;
}

#box_content #widget_content {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
padding:10px 5px 5px;
}



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */