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

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
/* end reset */

body {margin: 0px; background-image:url(../images/james_with_logo.jpg);  background-color:#000; background-repeat:no-repeat; background-attachment:fixed; color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

body#tributes {margin: 0px; background-image:url(../images/james_bg_tributes.jpg);  background-color:#f8e7e2; background-repeat:no-repeat; background-attachment:fixed; color: #8f8f8f; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

body#tributes #Container  {background-color:#f8e7e2; }

#Container { width: 900px;  margin-left: auto;  display:block;  height: 800px; background-color:#000;  }
 
.logo {position: absolute; padding-top: 0px; margin-left: -320px; margin-top: 40px;}
.logotribute {position: absolute; padding-top: 0px; margin-left: -320px; margin-top: 40px;} 

#Container .Content {padding: 0px; float: left; width: 535px; display: block; margin-top: 40px; background-color:#b21624; padding-bottom: 0px; min-height: 688px; margin-bottom: 40px;}


#Container .Content h1 {font-size: 30px; margin-bottom: 10px; line-height: 40px; color: #fff; margin-left: 30px; margin-right: 30px; }

#Container .Content h1 span {color: #e1c766;}


#Container .Content h3 {font-size: 16px; margin-bottom: 30px; line-height: 24px; color: #fff; margin-left: 30px; margin-right: 30px; font-style:italic; color: #e1c766;}
#Container .Content p {margin-bottom: 20px; line-height: 23px; margin-left: 30px; margin-right: 30px; color: #e1c766}

#Container .Content p.testimonial {color: #fff;}
#Container .Content p span {font-style: italic; color: #e1c766;}

#Container .Content p a {color: #e1c766; text-decoration:none; border-bottom: 1px dotted #e1c766;}
#Container .Content p a:hover {border-bottom: 1px solid #e1c766;}

#Container .Content .NavPanel {height: 115px;  padding-top: 10px; margin-bottom: 20px; background-color: #89141f;}

#Container .Content .NavPanel .followlinks { background-image:url(../images/follow_panelbg.png); width: 374px; height: 65px; margin-left: 150px; }

#Container .Content .NavPanel .followlinks ul { margin-left: 230px; padding-top: 13px; line-height: 38px;}
#Container .Content .NavPanel .followlinks ul li { float: left; width: 38px; height: 38px; margin-left: 5px;}
#Container .Content .NavPanel .followlinks ul li a{display: block; text-indent: -9999px;}


#Container .Content .NavPanel .followlinks ul li.twitter a{background-image: url(../images/twitter.png);}
#Container .Content .NavPanel .followlinks ul li.twitter a:hover{background-image: url(../images/twitter_hover.png);}

#Container .Content .NavPanel .followlinks ul li.facebook a{background-image: url(../images/facebook.png);}
#Container .Content .NavPanel .followlinks ul li.facebook a:hover{background-image: url(../images/facebook_hover.png);}

#Container .Content .NavPanel .followlinks ul li.youtube a{background-image: url(../images/youtube.png);}
#Container .Content .NavPanel .followlinks ul li.youtube a:hover{background-image: url(../images/youtube_hover.png);}



#Container .Content .NavPanel .Nav { font-size: 12px; margin-top: 11px;}

#Container .Content .NavPanel .Nav ul {}
#Container .Content .NavPanel .Nav ul li {float: left; display: block; border-right: 1px solid #b21624;  }
#Container .Content .NavPanel .Nav ul li:last-child {border: none;}

#Container .Content .NavPanel .Nav ul li.selected {background-color: #b21624; color: #fff; }
#Container .Content .NavPanel .Nav ul li.selected a { padding: 7px; text-decoration: none; color: #e1c766; line-height: 25px;}
#Container .Content .NavPanel .Nav ul li.selected a:hover {background-color: #B21624; color: #e1c766; line-height: 25px;}


#Container .Content .NavPanel .Nav ul li a { padding: 7px; text-decoration: none; color: #fff; line-height: 25px;  float: left; display: block;}
#Container .Content .NavPanel .Nav ul li a:hover {background-color: #9e1521; color: #fff; line-height: 25px; }


#Container .Content ul.gallery li {float: left; display: block; margin-bottom: 30px; margin-left: 30px; border: 0px solid #000; padding: 0px; height: 165px;}





#Container .TwitterPanel {padding: 0px; float: left; width: 280px; margin-left: 40px; background-color: #b21624;  margin-right: 20px; margin-top: 40px; color: #fff;}

#Container .TwitterPanel .Feed {padding: 20px; background-color: #89141f; margin: 20px; margin-top: 0px; font-size: 12px;}


#Container .TwitterPanel .Feed p {margin-bottom: 20px; line-height: 18px;}

#Container .TwitterPanel .Feed a {color: #e1c766; text-decoration:none; border-bottom: 1px dotted #e1c766; font-style: italic;  font-size: 12px; }

#Container .TwitterPanel .Feed a:hover {border-bottom: 1px solid #e1c766;}

#Container .TwitterPanel .Feed ul { font-size: 12px; }
#Container .TwitterPanel .Feed ul li {margin-bottom: 10px; line-height: 20px;}
#Container .TwitterPanel .Feed ul li span {display: block;}

#Container .TwitterPanel .Feed ul li a {font-size: 12px;}

#Container .TwitterPanel .singerspro {margin-left: 20px; margin-bottom: 20px;}

#Container .TwitterPanel .siteby {margin-left: 70px; font-size: 10px; margin-bottom: 20px;}

#Container .TwitterPanel .siteby a {color: #e1c766; text-decoration: none;} 
#Container .TwitterPanel .siteby a:hover {color: #fff;}

#player-holder {border: 1px solid #5c0d15; margin-left: 20px; margin-bottom: 10px; margin-top: 0px; z-index: 3;}



.coverplayerbottom {width: 300px; position: absolute; background-color:#000000; height: 30px; z-index: 9999; margin-top: 100px;}

q:before { content: open-quote; color: #e1c766; font-size: 150%;  margin-right: 5px;}
q:after { content: close-quote; color: #e1c766; font-size: 150%;  margin-left: 5px; }