The Secret Life Of Girls

Majandra got to sing a song for this movie which was used as background music during one of her scenes. Check out the lyrics and audio clips below.

Superstar

Written by: Leon Russell & Bonnie Bramlett
Duration: 0:32
Scene: The song plays while Natalie and Kay follow Theo and his friends

Long ago and oh so far away
I fell in love with you before the second show
Your guitar, it sounds so sweet and clear
But you're not really here
It's just the radio

Don't you remember you told me you loved me baby
You said you'd be coming back this way again baby
Baby, baby, baby, baby, oh, baby, I love you I really do

Loneliness is a such a sad affair
And I can hardly wait to be with you again
What to say to make you come again
Come back to me again
And play your sad guitar

.intro b{    
background-image: linear-gradient(to left;rgba(250,221,145,1),rgba(255,255,255,0.7));
  color: #000;
  padding: 2px 4px;
  text-transform: uppercase; 
  font-family: Fredericka the Great;
  font-weight: 500;
  font-size: 95%; 
  letter-spacing: 1px;
}
.intro strong{ 
  background-image: linear-gradient(rgba(255,255,255,0.7), rgba(250,221,145,1));
  color: #000000;
  padding: 2px 3px;  
  text-transform: uppercase; 
  font-family: Fredericka the Great;
  font-weight: 500;  
  font-size: 95%;  
}

.intro i{    
  color: #000000;
  padding: 2px 3px;  
  text-transform: uppercase; 
  font-family: Fredericka the Great;
  font-weight: 500;  
  font-size: 95%;  
}

.biolist { 
  padding: 5px 0;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
}
.biolistlast { 
  padding: 5px 0;
  margin-bottom: 40px;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
}
.biolist strong{ 
  text-transform: uppercase;
}

.bio-page {
    text-align:justify;
}
.bio-page i {
    font-family: Fredericka the Great;
    font-weight: 500;
    letter-spacing: 1px;
}
.bio-page em {
    background: #000000;
    color: #fff;
    padding: 1px 3px;
    font-family: Fredericka the Great;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 95%;
}
.bio-page u {
    font-family: Fredericka the Great;
    font-weight: 500;
    letter-spacing: 2px;
}
.bio-page strong {
    color: #876632;
    font-weight: 500;
    font-size: 95%;
}
.bio-page a {
    font-family: Fredericka the Great;
    font-weight: 500;
    border-bottom: solid 2px #1a6a97;
    color: #e88e28;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 95%;
    -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.bio-page a:hover {
    font-family: Fredericka the Great;
    font-weight: 500;
    border-bottom: solid 2px #70c389;
    color: #7f563d;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 95%;
    text-decoration: none !important;
}

.bioupdate {
  background-image: url(https://www.mad-online.org/update/wp-content/uploads/2020/05/bg.png);
  background-position: top center;
  background-repeat: repeat-y;
  color: #000;
  font-weight: 200; 
  border: solid #fbe6b8 1px;
  font-size: 90%;
  margin: 0 50px 20px 50px;
  padding: 10px 20px;
  text-align: justify;
}

.specialfeatureslist { 
  padding: 2px 20px;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 1px;
  font-weight: 400;
}
.trivialist { 
  padding: 10px 0;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
}
.socialicon {        
  background: none;
  border: dotted #c1c1c1 1px;
  padding: 5px 7px;
  text-align: center;
  font-weight: 200;
  font-size: 90%;
}
.socialicon i{
  width: 15px;    
  font-weight: 200;
}

.familypage img {
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 5px #f4c365;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 175px;
  padding: 0px;
  margin: 5px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;	
}
.familypage img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 175px;
  padding: 0px;
  margin: 5px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;
}

.filmdetails { 
  padding: 5px 10px;
  border-bottom: dotted #c1c1c1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.filmnavigation { 
  padding: 5px 15px;
  border: dotted #c1c1c1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails { 
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails a, 
.filmdetails a, 
.filmnavigation a { 
  color: #000000;
}
.lastfilmdetails a:hover,
.filmdetails a:hover,
.filmnavigation a:hover{ 
  color: #ec9b2c;    
  letter-spacing: 2px;
}
#filmicon {    
  color: #ec9b2c;     
  background: none;
  border: solid #c1c1c1 0px;
  padding: 3px 5px 3px 0;
  text-align: center;
  font-weight: 200;
  font-size: 120%;
}
#filmicon i{     
  width: 15px;
  font-weight: 200;
}
.filmratings {
  font-size: 10px; 
  color: #848484;    
}
.filmdescription {
  text-align: justify;
  font-size: 11px; 
  line-height: 19px;   
}
#filmicon {
  background: none;
  border: solid #c1c1c1 0px;
  padding: 3px 6px 1px 2px;
  text-align: center;
}

.discoplaylist { 
  padding: 1px 4px;
  border-bottom: dotted #e1e1e1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.discoplaylist a{ 
  color: #000;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.discoplaylist a:hover{ 
  color: #000;
  font-weight: 500;
  letter-spacing: 1px;
}

#discoicon {
  background: none;
  border: solid #c1c1c1 0px;
  padding: 3px 6px 1px 2px;
  text-align: center;
}

.discoinfo { 
  background: #fcf0d4;    
  padding: 3px 10px;
  border: dotted #e1e1e1 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.discoinfo a{ 
  color: #919191;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.discoinfo a:hover{ 
  color: #000000;
  font-weight: 500;
  letter-spacing: 1px;
}
.discodescription {
  text-align: justify;
  font-size: 11px; 
  line-height: 19px;   
}
.lyrics {
  background: url(https://www.mad-online.org/update/wp-content/uploads/2020/03/bg-musicnotes.png) bottom left no-repeat;
  background-color: #fcf0d4;
  font-size: 100%;
  border: dotted #d6d6d6 1px;
  padding: 20px;
}

.tag-cloud-link { 
  border: solid #c1c1c1 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.tag-cloud-link:hover {   
  border: solid #248798 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.videoarchivelist { 
  padding: 5px 0;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important;
  font-family: Raleway !important;
}
.videoarchivelistlast { 
  padding: 5px 0;
  margin-bottom: 20px;
  border-bottom: dotted #c1c1c1 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important; 
  font-family: Raleway !important;
}
.videoarchivelist strong,
.videoarchivelistlast strong{ 
  color: #e88e28;
  text-transform: uppercase; 
  font-family: Fredericka The Great;
  font-weight: 500;
  font-size: 100%; 
  letter-spacing: 1px;
}
.medialinks { 
  text-transform: uppercase;
  border: dotted #c1c1c1 1px;
  padding: 5px 10px; 
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 95%;  
}
.medialinks::before {
  content: "Gallery Links";
  font-family: Fredericka The Great;   
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
  font-size: 100%;
}
.videolinks { 
  text-transform: uppercase;
  border: dotted #c1c1c1 1px;
  padding: 5px 10px; 
  margin-bottom: 20px;
  font-size: 95%;  
}
.videolinks::before {
  content: "Video Links";
  font-family: Fredericka The Great;   
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
  font-size: 100%;
}
.page-pressrelease {
  padding: 10px; 
  margin-bottom: 20px;
  font-size: 90%;  
  text-align: justify;
}
.episodestats { 
  border: dotted #d1d1d1 1px;
  padding: 10px; 
  margin-bottom: 20px;
  font-size: 90%;  
  text-align: justify;
}
.break {
    border: dashed 1px #f1f1f1;
    margin: 7px 0;
}
.bestquotes {
    font-size: 95%;
}
.lastimg img {
  filter:grayscale(70%);
  padding:0;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 10px #f4c365;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 100px;
}
.lastimg img:hover {
  filter:none;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;
  width: 100px;
}

.family img {
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 5px #f4c365;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 130px;
  padding: 0px;
  margin: 5px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;	
}
.family img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 130px;
  padding: 0px;
  background-color: #ffffff;
  border: dotted #e7e7e7 0px;
}

.siteinfo { 
  padding: 5px;
  border-bottom: dotted #c1c1c1 1px; 
}
.siteinfo a:hover{ 
  color: #6f6f6f;
}

.pagenav {
  background: rgba(255, 255, 255, 0.50);
  border-bottom: dotted #dddddd 1px;
  color: #474747;
  display: block; 
  font-weight: 300; 
  margin: 5px 4px 0 4px; 
  padding: 15px 20px; 
  text-decoration: none; 
  transition: 1s background-color ease, color 1s ease, 1s border-color ease;
}
.pagenav a { 
  color: #000000;  
  text-transform: uppercase; 
  transition: 1s background-color ease, color 1s ease, 1s border-color ease;
  font-weight: 300; 
  letter-spacing: 1px;
  margin: 0 3px;
  font-family: Fredericka The Great;
}
.pagenav a:hover {
  color: #e88e28; 
  text-transform: uppercase; 
  font-weight: 300; 
  letter-spacing: 1px;
  margin: 0 3px;
  font-family: Fredericka The Great;	
}

.widget-project{
  color: #82652b;
  font-family: Fredericka The Great;	
  text-transform: uppercase;
  font-weight: 300;  
}
.widget-project-title{
  background: #ec9b2c;
  color: #fff;
  padding: 1px 7px 1px 7px;
  font-family: Fredericka The Great;	
  text-transform: uppercase;
  font-weight: 300;  
}
.widget-project-details{
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  font-weight: 200; 
  font-size: 95%;
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  text-align: justify;
  line-height: 16px;
}
.widget-project-date {
  background: #ec9b2c;
  color: #ffffff;
  font-family: GillSans,Calibri,Trebuchet MS,sans-serif;	
  padding: 4px 7px;
  margin-left: 5px;
  font-weight: 300; 
  font-size: 10px; 
  text-transform: uppercase;
  letter-spacing: 1px;
}
#widget-project-info {
  font-family: GillSans,Calibri,Trebuchet MS,sans-serif;	
  font-size: 10px; 
  font-weight: 200; 
  text-transform: uppercase;	
}
#widget-project-info a{
  background: #000000;
  border: solid #ffebbe 0px;
  color: #fff;
  padding: 5px 7px;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
#widget-project-info a:hover{
  background: #fadd9a;
  border: solid #fff7e5 0px; 
  color: #000;
  padding: 5px 7px;
}

.wp-polls ul li {
	padding: 7px 0; 
    margin:0 5px 5px 0; 
	border-bottom: 1px solid #F0F0F0;
	font-size: 80%;
}
.wp-polls .Buttons {
	background-color: #000000;
	border: 0px solid #fb333b;
	color: #ffffff;
	padding: 3px; 
    margin:0; 
    text-transform: uppercase;
	font-size: 75%;
	font-weight: 300;	
	letter-spacing: 1px;	
}
.wp-polls a {
	color: #a29d4f;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: 500;
	-webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.wp-polls a:hover {
	color: #ec9b2c;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: 500;
}

div#qTip { 
    padding: 7px; 
    border: 0; 
    display: none; 
	font-size: 90%;
    background: #000000; 
    color: #ffffff; 
    position: absolute; 
    z-index: 10000; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    filter:alpha(opacity=100); 
    -moz-opacity: 0.9; 
    opacity: 0.9;
}

strong {
    color: #6a6a6a;
    font-weight: 300;
	font-family: Fredericka The Great;
    letter-spacing: 1px; 
    text-transform: uppercase;
}
em {
    color: #000000;
    font-weight: 300;
	font-family: Fredericka The Great;
}
b {
    color: #000000;
    font-weight: 300;
	font-family: Fredericka The Great;
    text-transform: uppercase;
}
i {
    font-weight: 300;
	
}

.td-page-content img {
 	margin:0 5px;
	padding: 0;
    border-radius: 1px;
    max-width: 100%;
	-webkit-box-shadow: 2px 2px 5px #f5e0b8;	
    -webkit-transition: 1s ease; 
    -moz-transition: 1s ease; 
    -o-transition: 1s ease; 
    -ms-transition: 1s ease; 
    transition: 1s ease;	
}

.td-post-content img {
 	margin:0 5px;
	padding: 3px;
    border-radius: 1px;
    max-width: 100%;
}

.td-post-content img:hover {
	opacity:0.9;
 	margin:0 5px;
	padding:3px;
    border-radius: 1px;
    max-width: 100%;
}

.prod { 
  background: none; 
  border: solid #c1c1c1 1px; 
  color: #000000; 
  font-size: 95%;
  padding: 10px 10px 9px 10px; 
  text-decoration: none; 
  text-align: left; 
}
.prod a { 
  color: #20d4cb;
  text-transform: uppercase;
  font-weight: 300; 
  text-decoration: none;
  letter-spacing: 1px; 	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.prod a:hover { 
  color: #ff6860;
  font-weight: 300; 
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px; 	
}
.prod strong { 
  color: #c55c3b;
  text-transform: uppercase;
  font-weight: 300; 
  text-decoration: none;
}
.projectdetail { 
  background: none; 
  border: dotted #c1c1c1 1px; 
  color: #000000; 
  padding: 3px 13px 2px 20px; 
  text-decoration: none; 
  text-align: left; 
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  font-size: 90%;
}
.projectlist { 
  font-size: 95%;	
  padding: 5px 13px 4px 20px; 
  background: none;
  border: dotted #c1c1c1 1px; 
}
.projectlist a { 
  color: #a7e220;	
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  text-decoration: none;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
.projectlist a:hover { 
  color: #ff5f45;
  text-transform: uppercase;
  font-family: Raleway;
  font-weight: 200;
  text-decoration: none;
}
.projectlist em { 
  font-size: 90%;	
  text-align: center;	
}
#relatedlink { 
  background: #000000;
  border: solid #c1c1c1 0px; 
  color: #a7a7a7; 
  font-weight: 300;
  padding: 3px 10px 2px 10px;
  font-size: 65%;
  letter-spacing: 1px; 
  text-transform: uppercase;
  text-decoration: none;
  text-align: left; 
}
#relatedlink { 
  background: #000000;
  border-bottom: solid #c1c1c1 1px; 
  color: #a7a7a7; 
  font-weight: 300;
  padding: 3px 10px 2px 10px;
  font-size: 65%;
  letter-spacing: 1px; 
  text-transform: uppercase;
  text-decoration: none;
  text-align: left; 
}
#relatedlink a { 
  color: #a7a7a7;
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);	
}
#relatedlink a:hover { 
  color: #ffffff;
}
.filmoicon {
  background: #f7f7f7;
  border: solid #c1c1c1 1px;   
  color: #000000;
  padding: 3px 3px 1px 3px;
  text-align: center;
  font-size: 85%;
}
#filmotitle { 
  border-bottom: solid #ebebeb 1px;	
  color: #a1a1a1;   
  font-family: Raleway;
  font-weight: 300;	
  font-size: 14px;
  letter-spacing: 2px;	
  margin-top: 20px;	
  margin-bottom: 15px;		
  text-transform: uppercase;	
}

.gallerylink  {  
  border-top: solid #ebebeb 1px; 
  border-bottom: solid #ebebeb 1px; 
  line-height: 22px;	
  margin: 20px 0; 
  padding: 10px; 
  font-size: 12px; 	
  font-family: Raleway;		
  text-transform: uppercase;	
}
.gallerylink a  { 
  padding: 3px 5px;
  transition: 2s background-color ease, color 2s ease, 2s border-color ease;
  font-weight: 200;
}
.gallerylink a:hover  { 
  padding: 3px 5px;
  color: #000000; 
  font-weight: 200;
}
.gallerylink b  {  
  border-bottom: 2px #000000 solid;	
  margin-bottom: 3px;	
  font-weight: 300; 
  font-size: 13px; 	
  font-family: Raleway;
  color: #000000; 
  text-transform: uppercase;
}
.gallerylink strong  { 
  border-bottom: 2px #000000 solid;
  margin-bottom: 3px;		
  font-weight: 300; 
  font-size: 12px; 	
  font-family: Raleway;	
  color: #000000; 
  text-transform: uppercase;	
}

.gallerylink i  { 
  font-size: 9px; 
  background: #000000;	
  color: #ffffff; 
  padding: 3px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#galleryupdate img {
  padding:0;
  border-radius: 0;	
  -webkit-box-shadow: 0px 0px 10px #f4c365;	
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  width: 145px;
}

#galleryupdate img:hover {
  border-radius: 0;		
  -webkit-box-shadow: 2px 2px 4px #b2b2b2;
  width: 145px;
}

#affiliates-widget {
  color: #000000;
  font-size: 8px;
  font-weight: 300;
  line-height: 14px;
  float: left;
  width: 22%;
  margin: 2px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #fbe7bd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#affiliates-widget a span {
  font-size: 16px;
  font-weight: 300;
  display: block;
  font-family: Reenie Beanie;
  text-transform: lowercase;	
  letter-spacing: 0;
  color: #e88e28;
}

#affiliates-widget a {
  color: #000000;
}

.td-module-title a {
  color: #000000 !important;
}
.td-module-title a:hover {
  color: #e88e28 !important;
}

div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form label,
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form button,
div.wpforms-container-full .wpforms-form textarea {
	font-size: 12px !important;
	text-transform: uppercase;
	font-family: Raleway !important;
}

.su-tabs {
    background: rgba(250,221,145,1);
}

.su-tabs-pane{
    background: rgba(250,221,145,1);
}

.su-tabs-nav {
    background: rgba(250,221,145,1);
}