﻿	@charset "utf-8";
	/* v1.0 | 20080212 */
	
	html {
		height: auto; }
	
	body {
		background-color: #fff;
		margin: 0px;
		font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 70%;
	}
	
	/* WRAPPER */
	
	#content-wrapper { 
		width: 964px;
		margin: 0 auto 0;
		BORDER-left: #e3e3e3 1px solid;
		BORDER-right: #e3e3e3 1px solid;
	}
	
	#corner-top {
		width: 964px;
		margin: 0 auto 0;
		padding: 0;
		height: 14px;
		background-image: url(../images/rounded-top.gif);
	}
	
	#corner-bottom {
		width: 964px;
		margin: 0 auto 0;
		padding: 0;
		height: 24px;
		background-image: url(../images/rounded-bottom.gif);
	}
	
	/* END WRAPPER */
	
	/* CONTENT */
	
	#content { 
		width: 921px;
		position: relative;
		margin: 0 auto 0;
		padding: 0px 9px 0 9px;
		background-image: url(../images/content-bg.gif); 
	}
	
	#left-column  { float: left; width: 438px; margin-left: 0px; margin-bottom: 0px;}
	
	#main-image  { float: left; width: 438px; height: 531px; margin: 0px; background-image: url(../images/main-image.jpg)}
	
	#fixmyroad  { float: left; width: 438px; height: 117px; margin-left: 0px; margin-top: 9px; background-image: url(../images/fixmyroad2-bg.jpg)}
	
	#fmr-text { width: 265px; height: 103px; height: 68px; padding-right: 12px; margin-top: 18px; margin-left: 15px; font-size: 11px; line-height: 14px;}
	
	#diary  { float: left; width: 438px; height: 152px; margin: 0px; background-image: url(../images/diary-bg.jpg); font-size: 110%;}
	
	#right-column { float: right; width: 469px; text-align: left; margin-right: 2px;}
	
	#speakerscorner  { width: 423px; height: 121px; margin: 0px; margin-top: 9px; padding-left: 15px; background-image: url(../images/speakerscorner-bg2.gif);  color: #FFFFFF}
	
	#speakerscorner a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#speakerscorner a:hover {
		color: #fff; text-decoration:underline;
	}
	
	#joesjournal  { width: 455px; height: 130px; margin-bottom: 9px; padding-left: 15px; padding-top: 15px; text-align: right; background-image: url(../images/joesjournal-bg.jpg);}
	
	#joesjournaltext  { width: 442px; height: 33px; margin-right: 15px; margin-top: 10px; text-align: right;}
	
	#joesjournalmore  { width: 442px; height: 23px; margin-right: 15px; margin-top: 10px; text-align: right}
	
	#campaigns  { width: 455px; height: 105px; margin-top: 9px; padding-left: 15px; text-align: right; background-image: url(../images/campaigns-bg.jpg);}
	
	#campaignstext  { width: 440px; height: 33px; margin-right: 15px; margin-top: 0px; text-align: right;}
	
	#campaignsmore  { width: 442px; height: 23px; margin-right: 15px; margin-top: 0px; text-align: right}
	
	#questions  { width: 470px; height: 240px; margin-top: 11px; background-image: url(../images/questions-bg.gif)}
	
	#showsupport  { width: 470px; height: 168px; margin-top: 11px; background-image: url(../images/showsupport-bg.gif)}
	
	#moresupport  { width: 455px; height: 23px; margin-right: 15px; text-align: right}
	
	#news  { width: 470px; height: 253px; margin-top: 10px; background-image: url(../images/news-bg.gif); font-size: 110%;}
	
	/* END CONTENT */
	
	/* HEADER */
	
	.header {
		width:964px;
		height: 90px;
		padding: 0px;
		margin: 0px auto 0 auto;
		BORDER-left: #e3e3e3 1px solid;
		BORDER-right: #e3e3e3 1px solid;
	}
	
	#home {
		BACKGROUND: url(../images/liverpoollabour-logo.gif) no-repeat 0px 0px;
		LEFT: 0px;
		TOP: 0px;
		width: 218px;
		height: 44px;
		float: left;
		margin: 22px 0 0 14px;
		display: inline;
	}
	#home A {
		DISPLAY: block; BORDER: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 218px; PADDING-TOP: 44px; HEIGHT: 0px! important;
	}
	#home A:hover {
		BACKGROUND: none transparent scroll repeat 0% 0%
	}
	
	/* END HEADER */
	
	/* FOOTER */
	
	#footer {
		width: 966px;
		margin: 0 auto 0;
		padding: 0;
		background-color: #cc0000;
		color: #FFFFFF;
		font-size: 115%;
		height: 50px;
	}
	
	#footer a {
		color: #ffffff;
		text-decoration: underline;
	}
	
	#footer a:hover {
		color: #000; text-decoration:underline;
	}
	
	#address  { 
		float: left; width: 450px; margin-left: 15px; margin-top: 5px; display: inline;
	}
	
	#clarity { 
		float: right; width: 450px; text-align: left; margin-right: 15px; margin-top: 5px; text-align: right; display: inline;
	}
	
	/* END FOOTER */
	
	/* FOOTER */
	
	#tag-lab {
		width: 966px;
		margin: 0 auto 0;
		padding: 0;
		background-color: #ffffff;
		color: #999999;
		height: 30px;
		text-align: center;
		BORDER-top: #ffffff 6px solid;
	}
	
	/* END FOOTER */
	
	
	
	
	
	/* v1.0 | 20080212 */
	
	ol, ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	
	
	/* MORE BUTTON */
	
	#more
	{
	  display: block;
	  width: 112px;
	  height: 23px;
	  background: url("../images/more_hover.gif") no-repeat 0 0;
	  background-position: right;
	  text-align: left;
	  float: right;
	  font-size: 100%;
	  padding-top: 3px;
	  margin-top: 2px;
	  
	}
	
	#more2
	{
	  display: block;
	  width: 112px;
	  height: 23px;
	  background: url("../images/more_hover.gif") no-repeat 0 0;
	  background-position: right;
	  text-align: left;
	  float: right;
	  font-size: 100%;
	  padding-top: 3px;
	  margin-top: 2px;
	  
	}
	
	#more3
	{
	  display: block;
	  width: 112px;
	  height: 23px;
	  background: url("../images/more_hover.gif") no-repeat 0 0;
	  background-position: right;
	  text-align: left;
	  float: left;
	  font-size: 100%;
	  padding-top: 3px;
	  margin-top: 12px;
	  
	}
	
	#more1
	{
	  display: block;
	  width: 110px;
	  height: 23px;
	  background: url("../images/more1_hover.gif") no-repeat 0 0;
	  background-position: right;
	  text-align: left;
	  float: right;
	  font-size: 100%;
	  margin-top: 9px;
	  padding-top: 3px;
	  padding-right: 14px;
	  
	}
	
	
	
	/* END MORE BUTTON */
	
	
	/* SIFR */
	
	@media screen {
	  .sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	  }
	  
	  .sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	  }
	  
	  .sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
	
		overflow: hidden;
	  }
	  
	  .sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	  }
	}
	
	@media print {
	  .sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	  }
	  
	  .sIFR-alternate {
		visibility : visible !important;
	
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	  }
	}
	
	
	h1 {
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-weight: bold;
	  text-align: right;
	  font-size: 28px;
	  margin:0;
	  padding: 0;
	  color: #cc0000;
	}
	
	h2 {
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-weight: bold;
	  text-align: right;
	  font-size: 28px;
	  margin: 0;
	  padding: 0;
	  color: #cc0000;
	}
	
	h3 {
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-weight: normal;
	  text-align: left;
	  font-size: 36px;
	  margin: 0;
	  padding: 0;
	  color: #ffffff;
	  line-height: 32px;
	}
	
	h4 {
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-weight: normal;
	  text-align: right;
	  font-size: 18px;
	  margin: 0;
	  padding: 0;
	  color: #999999;
	}
	
	h5 {
	  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	  font-weight: normal;
	  text-align: left;
	  font-size: 14px;
	  margin: 0;
	  padding: 0;
	  color: #cc0000;
	}
	
	
	/*****************************************************************************
		These styles should be at the bottom of `sifr.css`. Make sure that they're
		only applied for the screen media type!
		*****************************************************************************/
		
		.sIFR-active h1,
		.sIFR-active h2,
		.sIFR-active h3,
		.sIFR-active h4,
		.sIFR-active h5#pullquote {
		  visibility: hidden;
		  font-family: Verdana;
		}
	
		.sIFR-active h1 {
		  padding-bottom: 0;
		}
		
		
		
		.post-title {width: 450px; height: 34px; float: right; padding-right: 14px; margin: 0; margin-top: 4px;
		}
		.post-title3 {width: 300px; height: 34px; float: left; margin: 0; margin-top: 4px;
		}
		.post-title1 {width: 200px; float: right; padding-right: 14px; margin-top: 0px;
		}
		.post-title2 {width: 220px; float: left; padding-left: 28px; margin-top: 342px;
		}
		.labour-quote {width: 430px; float: right; padding-right: 14px; margin: 0px;
		}
		.question {width: 430px; height: 30px; float: left; margin-left: 12px; margin-top: 5px; background-image: url(../images/q-bg.gif); padding: 4px 0 0 14px; display: inline;
		}
		.grey {color: #666666;}
	
	em { font-style: normal}
	
	/* END SIFR */
	
	
	/* OTHER */
	
	div.clear {
	  width:120px;
	  clear: both;
	  height: 0;
	  }
	
	
	a {
		color: #cc0000;
		font-weight: normal;
		text-decoration: none;
	}
	
	a:hover {
		color: #666666;
		font-weight: normal;
		text-decoration:underline;
	}
	
	
	.imageborder {
		padding: 0px; BORDER: #e3e1d5 10px solid;
	}
	
	.event-imageborder {
		padding: 1px; BORDER: #E5E6E6 1px solid; margin-left: 12px; margin-bottom: 12px;
	}
	
	.button {
		BORDER: #E8E5DE 1px solid; 
		PADDING: 1px; 
		BORDER-LEFT: #E8E5DE 1px solid; 
		COLOR: #000; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 0px
	}
	
	.inv { display: none; }
	
	.clear { clear: both;}
	
	.hide {
		DISPLAY: none
	}

