@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
}

html, body{
	height:100%;
	font-family:"Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;
	text-align:center;
	margin:0;
	padding:0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
}

body a, body a:visited{
color:#452253;
text-decoration:none;
}

body a:hover{
color:#821F64;
text-decoration:underline;
}


/****************** FONT STYLES **********************/
h1{
font-weight:normal;
font-size:24px;
color:#542965;
margin-left:-1px;
}

h2{
font-size:14px;
font-weight:bold;
color:#582051;
}

p{
font-size:12px;
color:#666666;
line-height:14px;
margin-top:5px;
margin-bottom:5px;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:normal;
}


a.purpleLink, a:visited.purpleLink{
float:right;
font-size:17px;
font-weight:bold;
color:#452253;
text-decoration:none;

}

a:hover.purpleLink{
color:#821F64;
text-decoration:underline;
}

.purpleLink img{
border:none;
}

.welcome{
color:#601846;
}





/****************** WRAPPER **********************/



#wrapper{
	width:945px;
	text-align:left;
	margin:0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -122px; /* the bottom margin is the negative value of the footer's height*/

}




/****************** HEADER **********************/



#header{
	height:310px;
	background-image:url(images/header_bg_home.jpg);
	background-repeat:no-repeat;
}


#topPhoto{
float:right;
}


.landscapePhoto{
width:275px;
height:202px;
margin-right:42px;
margin-top:-7px;
}

.portraitPhoto{
width:275px;
height:202px;
margin-right:0;
margin-left:20px;
margin-top:-7px;
}







/****************** NAVIGATION **********************/


#navigation{
height:56px;
width:447px;
float:right;
margin-top:40px;
margin-right:12px;
background-image:url(images/staff_bg.jpg);
background-repeat:no-repeat;
}


#navigationExtended{
height:56px;
width:510px;
float:right;
margin-top:50px;
margin-right:12px;
background-image:url(images/staff_bg_ext.jpg);
background-repeat:no-repeat;

}


ul.navList{
margin-left:47px;
font-size:17px;
height:56px;
}

ul.navList li{
display:inline;
float:left;
}

ul.navList a, ul.navList a:visited{
font-weight:bold;
text-decoration:none;
color:#360B24;

}

ul.navList a:hover{
text-decoration:underline;
color:#63184C;

}

ul.navList li a#active, ul.navList li a:visited#active{
color:#63184C; 
}

ul.navList li#homeNavLink{
margin-top:15px;

}

#homeNavLink{
}


#aboutNavLink{
margin-top:8px;
margin-left:16px;
}

#lyricsNavLink{
margin-top:18px;
margin-left:20px;


}

#songsNavLink{
margin-top:-5px;
margin-left:17px;


}

#contactNavLink{
margin-top:6px;
margin-left:15px;


}

#resumeNavLink{
margin-top:14px;
margin-left:15px;
}






/****************** MAIN PAGE STRUCTURE **********************/


#leftItems{
float:left;
width:270px;

}


#centerItems{
float:left;
width:410px;
}

#rightItems{
float:left;
width:190px;
	height: 100%;
	

}

#centerItems_large{
float:left;
width:630px;
margin-left:35px;
margin-right:5px;
}





.songMain{
background-image:url(images/song_bg.jpg);
background-repeat:repeat-y;
}

.lyricView{
background-image:url(images/lyricView_bg.jpg);
background-repeat:repeat-y;
}



.homeMain{
background-image:url(images/main_bg.jpg);
background-repeat:no-repeat;
min-height:636px;
}

.aboutMain{
background-image:url(images/about_bg.jpg);
background-repeat:no-repeat;
min-height:636px;


}



.leftPhotoHome{
margin-top:-100px;
margin-left:20px;
height:300px;
width:230px;
}




/**************** QUOTE BOX ******************/

#quoteBox_middle blockquote.quote {
  padding: 8px 0 0 8px;
 
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  margin-left:4px;
  width:200px;
  
  }
 
 #quoteBox_middle blockquote.quote span { 

	text-indent: 19px;
	display: block;
	background-image: url(images/closequote1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom:8px;
   }

		

.aboutQuoteBox{
margin-left:-5px;
margin-top:20px;
}	


#quoteBox_top{
margin-top:-14px;
margin-left:20px;
background-image:url(images/quote_top.gif);
background-repeat:no-repeat;
width:230px;
height:33px;
position:relative;
}

#quoteBox_middle{
margin-left:21px;
background-image:url(images/quote_middle.gif);
background-repeat:repeat-y;
padding:0;
width:230px;
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
line-height:16px;
}

#quoteBox_bottom{
margin-left:22px;
background-image:url(images/quote_bottom.gif);
background-repeat:no-repeat;
width:230px;
height:35px;

}

#quoteAbout{
margin-top:180px;
position:relative;
margin-left:-30px;
}
			
		
#quoteResume{
height:200px;
width:200px;
margin-top:50px;
position:relative;
margin-left:85px;
margin-bottom:10px;
}


/****************** AWARDS BOX **********************/

#awardsBox{

width:288px;
height:144px;
padding:0;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}


.awardsBox_section{
text-align:center;

width:140px;
float:left;
height:140px;
padding:2px;
}

#awardsBox p strong{
color:#40354D;
}



#awardsBox img{
padding:0;

border:none;

}







/****************** BLOG **********************/

div#blog{
height:600px;
width:330px;
background-image:url(images/blog_bg.gif);
background-repeat:no-repeat;
padding-top:40px;
padding-right:30px;
padding-left:30px;
padding-bottom:20px;
margin-top:-30px;

}

.arrowPush{
margin-left:6px;
float:right;
border:none;

}

/* JS SCROLLER */


.Container {
  position: absolute;
  float:left;
  width: 320px;
  height: 390px;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 320px;
  height: 390px;
}

.Scroller-Container {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 320px;
    padding-bottom:50px;	
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: -10px; left: 320px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 367px; left: 320px;
}


.scrollerHolder{
height:415px; 
margin-top:5px;
}


.Scroller-Container ul.aboutList{

font-family:Helvetica, Arial, sans-serif;
font-size:12px;
line-height:16px;
}

.Scroller-Container ul.aboutList li{
margin-top:2px;
margin-bottom:2px;
}




.homeBlog{
margin-left:-10px;
position:relative;

}



.aboutBlog{
margin-left:-15px;
position:relative;

}


.contactBlog{
margin-left:-15px;
position:relative;

}
/****************** FEEDBURNER **********************/



div.feedburnerFeedBlock{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:normal;
color:#472717;
line-height:16px;
}


div.feedburnerFeedBlock p{
letter-spacing:normal;
color:#472717;
line-height:16px;


}



div.feedburnerFeedBlock h1{
	font-family:"Bookman Old Style", Georgia, "Times New Roman", Times, serif;

}

div.feedburnerFeedBlock ul{

list-style-type:none;
margin-left:0;
padding:0;


}

div.feedburnerFeedBlock ul li{

list-style-type:none;
margin-left:0;
padding-left:0;
margin-bottom:15px;

}

div.feedburnerFeedBlock .headline a{
font-size:14px;
font-weight:bold;
color:#582051;
font-family:"Bookman Old Style", Georgia, "Times New Roman", Times, serif;
}

div.feedburnerFeedBlock .date{
font-weight:bold;
}









/****************** WELCOME BOX **********************/


#welcomeBoxTop{
background-image:url(images/paperThinTop_bg.gif);
background-repeat:no-repeat;
height:20px;
width:265px;
margin-top:12px;
}

#welcomeBox{
width:215px;
padding-left:15px;
padding-right:10px;
padding-top:0;
padding-bottom:12px;
background-image:url(images/paperThin_bg.gif);
background-repeat:repeat-y;
letter-spacing:normal;
}


#welcomeBottom{

background-image:url(images/paperThinBottom_bg.gif);
background-repeat:no-repeat;
height:11px;
width:265px;

}

#welcomeBox a{
font-weight:bold;
}




/****************** LINK BOX **********************/





#linkMiddle ul{
list-style:none;
margin-top:10px;
padding-left:0;

}

#linkMiddle ul li{
padding:0;
margin-bottom:6px;
text-align:center;
margin-left:2px;
}

#linkMiddle ul li a{
padding-top:2px;
background-image:url(images/linkItem_bg.gif);
background-repeat:repeat-x;
width:140px;

height:22px;
display:block;
color:white;
font-size:14px;
background-color:#45154D;

}

#linkMiddle ul li a:hover{

background-image:url(images/linkItem_bg_hover.gif);
background-repeat:repeat-x;
}



#linkTop{
background-image:url(images/link_top.gif);
background-repeat:no-repeat;
height:38px;
width:190px;
padding-left:20px;
margin-left:45px;


}

#linkMiddle{
background-image:url(images/link_middle.gif);
background-repeat:repeat-y;
width:160px;
padding-left:20px;
padding-right:10px;
padding-bottom:10px;
margin-left:45px;
}

#linkBottom{
margin-left:45px;
padding-left:20px;
background-image:url(images/link_bottom.gif);
background-repeat:no-repeat;
height:31px;
width:190px;
margin-bottom:10px;
}

.linkAbout{
margin-top:360px;
}

.linkHome{
margin-top:12px;
}

.linkLyrics{
margin-top:18px;
}



/****************** CONTACT **********************/


#contact p, #contact form, #contact button{border:0; margin:0; padding:0;}
#contact .spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
#contact .myform{
width:320px;
padding:0;
}


#contactForm p{
font-size:12px;
color:#666666;
margin-bottom:10px;
margin-top:10px;
padding-bottom:10px;
}
#contactForm label{
display:block;
font-weight:bold;
text-align:right;
width:80px;
float:left;
margin-top:3px;
height:20px;
}
#contactForm .small{
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
text-align:right;
width:100px;
}
#contactForm input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #BF97BD;
width:220px;
margin:2px 0 10px 10px;
}
#contactForm button{
clear:both;
margin-left:235px;
width:80px;
height:21px;
background-image:url(images/linkItem_bg.gif);
text-align:center;
line-height:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding-top:0;
}

#contactForm textarea{
width:220px;
height:200px;
margin:2px 0 10px 10px;
border:solid 1px #BF97BD;
padding:4px 2px;
font-size:12px;
float:left;

}











/****************** FOOTER **********************/


#footer{
	background-image:url(images/footer_bg.jpg);
	background-repeat:repeat-y;
	height: 122px;
	margin:0 auto;
	width:925px;
	text-align:center;
	padding:10px;
}



#footer ul{
margin: 0 auto;
padding:0;
}

#footer ul li{
display:inline;
margin-left:5px;
padding-right:6px;

}


#footer ul a, #footer ul a:visited{
color:#582051;
font-weight:bold;
text-decoration:none;
font-size:14px;

}

#footer ul a:hover{
text-decoration:underline;
color:#821F64;
}


.footerBorder{
border-right:1px #582051 solid;
}




/****************** largeContent **********************/

div.largeContent{

width:600px;
float:left;
background-repeat:no-repeat;
padding-top:40px;
padding-right:20px;
padding-left:30px;
padding-bottom:20px;
margin-top:-90px;
position:relative;
}

div.largeContentLyrics{

width:450px;
float:left;
background-image:url(images/notepaper.gif);
background-repeat:repeat-y;
padding-top:0;
padding-right:20px;
padding-left:100px;
padding-bottom:20px;
margin-top:-40px;
margin-left:50px;
margin-bottom:20px;
position:relative;
}

div.largeContentLyrics p{
margin-bottom:20px;
color:#601846;

}
div.largeContentLyrics h2{
margin-top:30px;
font-size:18px;
font-weight:bold;
}




#copyright{
margin-top:15px;
}

#copyright p{
color:#666666;
font-size:10px;
margin-bottom:5px;
}




#songDescriptionTop{
margin-top:10px;
margin-left:20px;
width:260px;
background-image:url(images/paperTop_bg.gif);
background-repeat:repeat-y;
height:20px;
}


#songDescription{
margin-left:20px;
background-image:url(images/paper_bg.gif);
background-repeat:repeat-y;
width:240px;
padding:4px 10px 10px 10px;
text-align:center;

}
#lyricDescriptionBottom{
margin-left:20px;
width:260px;
height:11px;
background-image:url(images/paperBottom_bg.gif);
background-repeat:no-repeat;
}



#songDescription p{
color:#666666;
text-align:left;
}


#photoHolder{
margin-bottom:10px;
padding:0;
width:80%;
float:left;

position:relative;
}

#photoHolder img{

border:4px solid #f7f7e7;


}

#tapeLeft{
width:10%;
position:relative;
float:left;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}



img.tapeLeft{
border:none;
margin-left:15px;
margin-top:-20px;

}



img.tapeBottom{
border:none;
margin-top:40px;

}




#tapeRight{
width:10%;
position:relative;
float:left;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

#tapeRight img{
border:none;
margin-left:-60px;
margin-top:-15px;
}






#songImgHolder{
width:240px;
padding:0;
height:120px;
}


/****************** SONGS **********************/

div#songs{
width:590px;
margin-left:-10px;

}


.artist{
margin-top:12px;
margin-bottom:20px;
}

.artist table{
width:100%;
}

.artist table img{
border:0;
margin-top:1px;
}
.artist table tr{
background-image:url(images/table_bg.jpg);
background-repeat:repeat-x;
background-color:#efe1c5;
}



#crumpledPaper{
height:160px;
margin-left:30px;
margin-top:10px;
}


/****************** RESUME **********************/
div#resume{
width:590px;
margin-left:-10px;
margin-top:10px;
position:relative;

}

#resume h1{
margin-bottom:8px;
}

#resume ul{
margin-top:15px;
margin-bottom:15px;
}

#resume ul li{
margin-bottom:6px;
}

#resume a{
}


#penDiv_resume{
width:200px;
position:relative;
margin-top:24px;
margin-left:-120px;
}


/****************** LYRICS **********************/


.lyrics{
margin-top:12px;
margin-bottom:20px;
}

.lyrics table{
width:100%;
}

.lyrics table img{
border:0;
margin-top:1px;
}
.lyrics table tr{
background-image:url(images/table_bg.jpg);
background-repeat:repeat-x;
background-color:#efe1c5;
}






/****************** ETC **********************/


.clearerDiv{
clear:both;
}

#penDiv{
width:200px;
position:relative;
margin-top:-680px;
margin-left:-200px;
}


#penDiv_right{
width:200px;
position:relative;
margin-top:-15px;
margin-left:-30px;
}


#penDiv_songs{
width:200px;
position:relative;
margin-top:-25px;
margin-left:25px;
}

#jukeBox img{
border:none;
}

/***************** POPUP SONG ***************/



#popUpWrapper{
background-image:url(images/popup_bg.jpg);
background-repeat:repeat;
height:100%;
width:100%;
margin:0;}

#popupSong{
background-image:url(images/popup_bg.jpg);
background-repeat:repeat;
width:450px;
padding:5px;
text-align:left;
height:190px;

}


#linkPopupHolder{
text-align:left;
float:left;
margin-left:10px;
margin-top:10px;
padding:0;
position:relative;

}

#linkPopupHolder h2{
padding-right:10px;
}




#linkPopupHolder div{
font-family:"Bookman Old Style", Georgia, "Times New Roman", Times, serif;
margin:0;
padding-left:5px;
text-align:center;
}

#popupSong img{

float:left;
border:4px solid #f7f7e7;
}

/************* MP3 PLAYER *****************/



#mp3player{
margin-top:80px;
width:240px;
margin-left:24px;
padding:0;
}

#mp3player_zjuke{
width:460px;
padding:0;
margin:0;
height:40px;
padding:0;



}

#mp3player_zjuke p{
padding:0;
margin-top:2px;
}