@charset "UTF-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

<!--[if IE 5]>
<style type="text/css"> 
#sidebar { 
	width: 170px; 
}
</style>
<![endif]-->

<!--[if IE]>
<style type="text/css"> 
#sidebar { 
	padding-top: 0px; 
}
#MainContent { 
	zoom: 1;
}
</style>
<![endif]-->


/*----------------------------------------------layout*/
#container { 
	width: 960px;
	background: #000000;
	margin: 0 auto;
	text-align: left;
}
#containerHeader {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #000000;
	background-image: url(../Pics/BG-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#sidebar {
	width: 170px;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 0;
}
#snsbox {
	width: 170px;
	heights: 200px;
	margin: 10px 0 20px 0;
}
	#snsbox iframe {
		margin: 10px 0 0 13px;
	}
	
#MainContent {
	float: right;
	margin: 0;
	padding: 200px 0 0 0;
	width: 740px;
}

#footerNav {
	margin-top: 50px;
}
		#footerNav.marginzero {
			margin-top: 0;
		}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#videoCol {
	float: left;
	margin: 0;
	padding: 0;
	width: 520px;
}

#soundCol {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 200px;
}


#slideshowWrap {
	background-color: #333;
	width: 604px;
}


.pressPhoto {
	float: left;
	margin: 20px 50px 0 0;
	width: 320px;
}



/*home specials*/

#Homecontainer { 
	width: 960px;
	background: #000000;
	margin: 0 auto;
	text-align: left;
}
 
#HomeSidebar {
	background-image:url(../Pics/BG-sidenav.jpg);
	background-repeat: no-repeat;
	height: 758px;
	width: 170px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
}
#HomeSound {
	position: absolute;
	top: 550px;
	left: 25px;
}

#HomeMainContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 790px;
	background-image: url(../Pics/BG-footer.jpg);
	background-repeat: no-repeat;
	background-position: left 505px;
} 




	#HomeLogo {
		background-image:url(../Pics/BG-liverpool_legends_logo.jpg);
		background-repeat: no-repeat;
		height: 163px;
		width: 790px;
		padding: 0;
		margin: 0;
	}
	#HomeMembers {
		background-image:url(../Pics/BG-members.jpg);
		background-repeat: no-repeat;
		float: left;
		height: 342px;
		width: 358px;
		padding: 0;
		margin: 0;
	}
	#HomePoster {
		background-image:url(../Pics/BG-poster_main-1.jpg);
		background-repeat: no-repeat;
		float: left;
		height: 342px;
		width: 259px;
		padding: 0;
		margin: 0;
	}
	#HomePoster2 {
		background-image:url(../Pics/BG-poster_2.jpg);
		background-repeat: no-repeat;
		float: left;
		height: 342px;
		width: 173px;
		padding: 0;
		margin: 0;
	}
	#HomeLeg {
		background-image:url(../Pics/BG-footer.jpg);
		background-repeat: no-repeat;
		height: 253px;
		width: 790px;
		padding: 0;
		margin: 0;
	}
		#HomeLeg h1 {
			padding: 70px 0 0 330px;
			text-align: center;
			font-size: 30px;
			line-height: 1.3em;
			font-weight: 600;
		}
		#HomeLeg span {
			font-size: 14px;
			line-height: 2em;
		}
		#HomeLeg a {
			text-decoration: none;
		}
		#HomeLeg a:hover {
			color: #FFC;
		}

/* ------------------------------------------------------------ text*/

h1 {
	color: #FFC;
	font-size: 150%;
	font-weight: 400;
	margin-top: 0;
}
#videoCol h1 {
	color: #FFC;
	font-size: 130%;
	font-weight: 400;
	margin: 10px 0 50px 0;
}	
.textStripeBg {
	background-image: url(../Pics/stripe-gray.png);
	background-repeat: repeat;
	color: #FFC;
	font-size: 100%;
	font-weight: 600;
	padding: 10px;
	margin: 0 0 20px 0;
}
h2 {
	color: #FFC;
	font-size: 110%;
	font-weight: 600;
	margin-top: 50px;
}
h3 {
	color: #FFC;
	margin-bottom: 5px;
}
h4 {
	color: #FFC;
	font-size: 110%;
	font-weight: 600;
	margin-top: 0;
}
p {
	color: #FFFFFF;
	line-height: 150%;
	margin: 0 0 10px 0;
}
.spaceTop {
	margin-top: 20px;
}
.copyright {
	color:#999;
	font-size: 9px;
	padding-top: 10px;
	text-align: center;
}
.dividerDot {
	padding-bottom: 20px;
	border-bottom: 1px dotted #333333;
}

.dividerArticle {
	background-image: url(../Pics/stripe-gray.png);
	background-repeat: repeat;
	display: block;
	height: 30px;
	width: 720px;
	margin-top: 20px;
	
	text-align: right;
	padding-right: 20px;
	font-size: 10px;
	font-weight: 600;
	line-height: 30px;
}
	.dividerArticle a {
		text-decoration: none;
	}
	

.tableSchedule {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 13px;
}
	.tableSchedule tr {
	
	}
	.tableSchedule td {
		border-bottom: 1px dotted #333333;
		line-height: 150%;
		padding: 10px;
	}
	.tableSchedule td span {
		font-size: 16px;
		font-weight: 900;
		color:#FFC;
		line-height: 400%;
	}

.quote-list {
	float: left;
	width: 350px;
	margin-right: 20px;
}
	.quote-list dl {
		width: 350px;
	}
	.quote-list dt {
		float: right;
		width: 210px;
		padding: 0 10px 10px 0;
		margin-bottom: 10px;
		font-size: 110%;
		font-weight: 600;
		color: #FFC;
		letter-spacing: -1px;
		border-bottom: 1px solid #FFF;
	}
	.quote-list dd {
		color: #FFF;
		line-height: 130%;
		margin: 0 10px 10px 130px;
	}
	.quote-list dd.img {
		border: #FFF solid 5px;
		float: left;
		margin: 0 0 10px 0;
	}
	
	
#soundCol ul {
	padding: 0;
	margin: 0;
}

#soundCol ul li {
	color: #FFC;
	font-size: 110%;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
	#soundCol ul.watchdown {
		padding-bottom: 20px;
	}
	#soundCol ul.watchdown li{
		font-size: 80%;
		font-weight: 600;
		text-transform: uppercase;
		display: inline;
		padding: 3px;
		margin: 0;
	}

/* ------------------------------------------------------------ link*/

a:link {
	color: #FFFFFF;
	outline: none;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFC;
}
a:active {
	color: #FFC;
}

a.colorRev:link {
	color: #FFC;
	outline: none;
}
a.colorRev:visited {
	color: #FFC;
}
a.colorRev:hover {
	color: #FFFFFF;
}
a.colorRev:active {
	color: #FFFFFF;
}

#videoCol a  {
	color: #333;
}
#videoCol a:hover  {
	color: #FFC;
}


/* ------------------------------------------------------------ image*/

.logoSNS {
	padding: 20px 0 0 0;
}
.imgLt {
	float: left;
	margin: 0 20px 20px 0;
}
.imgLtBorder {
	float: left;
	border: 10px solid #FFFFFF;
	margin: 0 20px 10px 0;
}
.imgLtBorderTighter {
	border: 5px solid #FFFFFF;
	margin: 10px 5px 10px 0;
}
.imgTextName {
	margin: 30px 0 10px 320px;
}
.imgArticle {
	padding: 20px 0 0 0;
}









/* ------------------------------------------------------------ navi*/
#sidebar ul, li {
	list-style:none;
	margin: 0;
	padding: 0;
}
#HomeSidebar ul, li {
	list-style:none;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------- button*/
.button{
	color:#FFFFFF;
	clear:both;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:31px;
	line-height:31px;
	width:170px;
	margin:0 0 1px 0;
	background-image: url(../Pics/stripe-gray.png);
	background-repeat: repeat;
}
	a.button {
		text-decoration:none;
	}
	a:hover.button {
		background-image: url(../Pics/stripe-yellow.png);
		background-repeat: repeat;
	}
	.button span {
		display:block;
		height:31px;
		line-height:31px;
		padding-left:10px;
		padding-right:8px;
		margin-right:20px;
	}
	
/* ---------------------------------------- slide menu*/
.v-menu{
	width:170px;
	clear:both;
}
	ul.v-menu, .v-menu li{
		padding:0; 
		margin:1px 0;
		list-style:none;
	}
	ul.v-menu{
		clear:both;
		margin:0;
		padding:0;
	}
		.v-menu li a{
			color:#FFFFFF;
			font-size:13px;
			font-weight:bold;
			display:block;
			padding:8px;
			text-decoration:none;
			background-image: url(../Pics/stripe-gray.png);
			background-repeat: repeat;				
		}
		.v-menu li a:hover{
			color:#FFFFFF;
			background-image: url(../Pics/stripe-yellow.png);
			background-repeat: repeat;			
		}
		
		
/* ---------------------------------------- bottom menu*/
#footerNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 150%;
}
#footerNav li.inline {
	display: inline;
	padding: 3px 7px 2px 3px;
	border-right: 1px solid #666666;
}
#footerNav li.last {
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 0px;
}
#footerNav li.disclaimer {
	color: #666666;
	font-size: 75%;
	line-height: 120%;
	padding: 20px;
}
#footerNav li a {
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
#footerNav li a:hover {
	color: #FFC;
	text-decoration: none;
}