/***********************************************************

	Stylesheet for Michael Moore
	
	version: 	1.0
	author: 	Andrew McEwan
	email:		andrew@web-workshop.net
	website:	www.web-workshop.net
	
************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:white;
	text-align:center;
	background-color:white;
	background-image:url(images/backgrounds/body-background.jpg);
	background-repeat:repeat-x;
	padding-top:15px;
	padding-bottom:15px;
}

* {
	margin:0;
	padding:0;
	}
	
* html body {		
	font-size:62.5%;  /* Set IE font size */
	}



div#pagewrapper {
   border: 1px solid #ffd52b;
   margin: 0 auto;       /* this centers wrapper */
	width:836px;
   background-color: #fff;;
   color: black;
}

/***************************************

	Main Page Blocks
	
****************************************/

/*** header ***

we will hide text and replace it with an image

we need to assign a height for it so that the image won't cut off

*/

div#header {
   height: 120px;
   background-color:white; 
   padding:5px;
   float:left;      
	}



div#header h1 a {
   /*background: white url(images/backgrounds/header-portcullis.jpg) no-repeat 0 0px; */
   background: white url(images/backgrounds/header.jpg) no-repeat 0 0px; 
   display: block;
   height: 120px;    
   width: 826px;
   margin: 0 auto;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
	}

div#sidebar {

   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */

   width: 230px;     /* sidebar width, if you change this please also change #main margins */

   display: inline;  /* FIX IE double margin bug */

   margin-left: 0;

}

#pagewrapper #content {
	clear:left;
	}

#pagewrapper #content #main {
	width: 575px;
	float:right;
	text-align:left;
	color:#5b5b5b;
	padding-right:15px;
	}
	
#pagewrapper #content #main a {
	color:#5b5b5b;
	text-decoration:underline;
	}
	
#pagewrapper #content #main a:visited {
	color:#858585;
	}
	
#pagewrapper #content #main a:hover {
	color:#5b5b5b;
	text-decoration:none;
	}

#pagewrapper #footer {
	margin-top:25px;
   clear: both;       /* keep footer below content and menu */   
   height:28em;
   background-image:url(images/backgrounds/footer-montage.jpg);
   background-repeat:no-repeat;
   background-position:left top;
   background-color:#FFFFA4; /* same bg color as in header */
   text-align:left;
}

#pagewrapper #footer p {
/*	padding-top:210px;*/
	padding-top:225px;
	padding-left:15px;
	padding-bottom:10px;
/*	padding-right:130px;
*/	
	padding-right:15px;
	font-size:1.0em;
	color:#707070;
/*	background-image:url(images/backgrounds/lib-dem-logo.gif);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	line-height:1.5em;
	}
	
#pagewrapper #footer p a {
	color:#707070;
	}
	
#pagewrapper #footer p a:hover {
	text-decoration:none;
	}

/********************

MENU

*********************/

#menu {

   font-size:1.4em;
   
   letter-spacing:0.05em;
   
   text-align: left;

}


div#menu {
	font-size:1.4em;   
	letter-spacing:0.05em;
    text-align: left;
	background-image:url(images/backgrounds/nav-background.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#050505;
	}

/* menu li block */

#menu li {

   list-style: none;

   margin: 5px;
   
   border: 1px solid #ffd52b;

   display: block;
   
   background-color:#ffeda6;
   
   background-image:url(images/backgrounds/nav-button.jpg);
   
   background-repeat:repeat-x;

}

/** fix ie bug with display:block; **/

* html #menu li a { height: 1%; } 

* html #menu li hr { height: 1%; }

/** end fix **/

div#menu a {
	text-decoration:none; /* no underline for links */
	display: block; /* IE has problems with this, fixed above */
	padding: 0.2em; /* some air for it */
	color: #050505; /* this will be link color for all levels */
	min-height:1em; /* Fixes IE7 whitespace bug */
	font-size: 1.4em;
	font-weight: bold;
}

div#menu ul li a:hover {
	background-color:#ffe680; 
	background-image:url(images/backgrounds/nav-button-current-page.jpg); 
	background-repeat:repeat-x;
	color:white;
	}	

div#menu ul li.currentpage {
	background-color:#ffe680;
	background-image:url(images/backgrounds/nav-button-current-page.jpg);
	background-repeat:repeat-x;
	color:white;
	padding: 0.2em; /* some air for it */
	}
	
div#menu ul li.currentpage h3 {
	font-size: 1.4em;
	font-weight: bold;
	}
	
/********************************************************

	Styles for main content area
	
*********************************************************/

#main h1 {
	font-size:2.5em;
	padding-bottom:0.5em;
	color:#6c5700;
	}
	
#main h2 {
	padding-bottom:0.5em;
	font-size:1.6em;
	font-weight:bold;
	}

#main h3 {
	padding-bottom:0.5em;
	font-size:1.6em;
	}
	
#main h1,
#main h2,
#main h3 {
	clear:left;
	}
	
#main p {
	font-size:1.2em;
	line-height:1.4em;
	padding-bottom:1.5em;
	/*float:left;
	clear:left;*/
	}
	
img.outlined {
	padding:5px;
	border: 1px solid #ffcc00;
	}
	
img.imagePositionerOne {
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	}
	
img.imagePositionerTwo {
	margin-left:15px;
	margin-bottom:10px;
	float:right;
	}
	
img#LibDemLogo {
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	border:none;
	}
	
/*********************************

	Info Boxes on Homepage
	
**********************************/

/*	Produce the gradient for box headers  */

.headerBar {
	background-image:url(images/backgrounds/info-box.jpg);
	background-repeat:repeat-x;
	background-color: #ffd52b;
	display:block;
	padding:5px;
	}

/*	Set width, border and margins for full-width boxes  */

#main #theWeekAheadInfoBox,
#main #LatestNewsInfoBox {
	width:573px;
	border: 1px solid #ffcc00;
	margin-bottom:15px;
	clear:left;
	}
	
/*	Give some space for the Week Ahead text to breath  */

#main #theWeekAheadInfoBox p {
	padding:10px;
	}
	
/*	Assign the icon for each Info Box as an icon attached to <h2>  */

.headerBar h2.theWeekAhead {
	background-image:url(images/infobox-icons/the-week-ahead.gif);
	}
	
.headerBar h2.LatestNews {
	background-image:url(images/infobox-icons/latest-news.gif);
	}
	
.headerBar h2.campaigns {
	background-image:url(images/infobox-icons/campaigns-briefcase.gif);
	}
	
.headerBar h2.speeches {
	background-image:url(images/infobox-icons/speeches.gif);
	}

.headerBar h2.theWeekAhead,
.headerBar h2.LatestNews,
.headerBar h2.campaigns,
.headerBar h2.speeches {
	background-repeat:no-repeat;
	background-color: transparent;
	display:block;
	background-position: right top;
	padding-bottom:0.5em;
	padding-top:0.5em;	
	font-size:1.6em;
	line-height:1.4em;
	vertical-align:middle;
	}
	
#main #campaignsInfoBox,
#main #speechesInfoBox {
	width:280px;
	border: 1px solid #ffcc00;
	margin-bottom:25px;
	}
	
#main #campaignsInfoBox {
	float:left;
	}
	
#main #speechesInfoBox  {
	float:right;
	}

/*	Create a list for the info boxes  */

ul.InfoBox {
	padding:10px;	
	line-height:1.5em;
	font-size:1.4em;
	list-style-position:outside;
	float:left;	
	}
	
ul.InfoBox li {
	list-style-type:none;
	background-image:url(images/backgrounds/unread.gif);
	background-repeat:no-repeat;
	background-position:0 0.15em;
	line-height:1em;
	padding-left:25px;
	padding-bottom:0.75em;
	text-decoration:underline;
	}
	
ul.InfoBox li a {
	color:#717171;
	
	background-repeat:no-repeat;
	/*background-image:url(images/backgrounds/unread.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
	padding-left:25px;*/
	text-decoration:none;
	font-weight:bold;
	/*list-style-type: none;*/
	line-height:1.5em;
	}
	

ul.InfoBox li a:visited {
	color:#9B9B9B;
	/*background-image:url(images/backgrounds/read.gif);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	}

ul.InfoBox li a:hover {
	color:#FF8040;
	text-decoration:none;
	}
	
p.viewAll {
	padding-right:15px;
	text-align:right;
	font-size:1.4em;
	font-weight:bold;
	color:#717171;
	clear:left;
	}
	
p.viewAll a {
	color:#717171;
	}
	
p.viewAll a:hover {
	color:#FF8040;
	text-decoration:none;
	}


/* 

accessibility divs are hidden by default 


text, screenreaders and such will show these 

*/

.accessibility, hr {

   position: absolute;

   top: -999em;

   left: -999em;

}

/* 

definition tags are also hidden 

these are also used for menu links    

*/

dfn {

   position: absolute;

   left: -1000px;

   top: -1000px;

   width: 0;

   height: 0;

   overflow: hidden;

   display: inline;

}

/* end accessibility */

/************************************************

	Forms
	
*************************************************/

/*	Newsletter Signup  */

div#newsletterSignup {
	margin:10px;
	padding:5px;
	background-color:#ffffa4;
	background-image:url(images/backgrounds/newsletter-signup-box.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border: 1px solid #ffd52b;
	}
	
div#newsletterSignup h2 {
	color:#5C5C5C;
	font-size:1.6em;
	padding-bottom:5px;
	font-weight:bold;
	}
	
div#newsletterSignup p {
	font-size:1.2em;
	padding-bottom:1em;
	}
	
div#newsletterSignup form label {
	font-size:1.2em;
	padding-bottom:1.5em;
	}
	
div#newsletterSignup form input.textInput {
	padding:0.5em;
	margin:0.5em 0em;
	border: 1px solid #D9AD00;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:black;
	font-size:1.6em;
	font-weight:bold;
	background-color: #FFF9DD;
	width:180px; /* specify this for Safari */
	}
	
div#newsletterSignup form input.submit {
	background-color:#CACA00;
	font-size:1.4em;
	font-weight:bold;
	color:black;
	padding:0.1em 0.5em;
	}
	
img.safeSubscribe {
	margin:5px;
	border: 1px solid #E7E7E7;
	}
	
	
/*	Navbar Search Box  */

div#searchBox {
	margin:10px;
	padding:5px;
	background-color:#ffffa4;
	background-image:url(images/backgrounds/newsletter-signup-box.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border: 1px solid #ffd52b;
	}
	
div#searchBox h2 {
	color:#5C5C5C;
	font-size:1.6em;
	padding-bottom:5px;
	font-weight:bold;
	}
	
div#searchBox p {
	font-size:1.2em;
	padding-bottom:1em;
	}
	
div#searchBox form label {
	font-size:1.2em;
	padding-bottom:1.5em;
	}
	
div#searchBox form input.textInput {
	padding:0.5em;
	margin:0.5em 0em;
	border: 1px solid #D9AD00;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:black;
	font-size:1.6em;
	font-weight:bold;
	background-color: #FFF9DD;
	width:180px; /* Specify this for safari */
	}
	
div#searchBox form input.submit {
	background-color:#CACA00;
	font-size:1.4em;
	font-weight:bold;
	color:black;
	padding:0.1em 0.5em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	}
	
/*	Generic Forms  */

form.generic {
	padding-bottom:2em;
	}

label.generic {
	font-size:1.2em;
	}
	


/************************************************************************

	Boxes to hold the various search/browse facilities
	
*************************************************************************/

#pressBox,
#campaignsBox,
#speechesBox {
	background-color:#FFF9DF;
	border:1px solid #ffcc00;
	padding: 15px;
	margin-bottom:15px;
	clear:left;
	}
	
/************************************************************************

	Lists
	
*************************************************************************/

/*	Current Speeches  */

/*	Speeches are listed by month/year, so start with a <ul> to list the month/year lists  */

ul#speechesList {
	list-style-type:none;
	padding-bottom:1em;
	}

ul#speechesList li h3 {		/*	Displays the month/year for the list of speeches  */
	font-size:1.6em;
	font-weight:bold;
	padding-top:1em;
	}

ul#speechesList li ul.speechesForMonth {	/*  Start another <ul> to display the speeches in this month/year  */
	list-style-type:none;
	padding-bottom:1em;
	}
	
ul#speechesList li ul.speechesForMonth li h1 a {	/*	Title headline for speech  */
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
	color:#5b5b5b;
	}
	
ul#speechesList li ul.speechesForMonth li h1 a:visited {
	color:#858585;
	}
	
ul#speechesList li ul.speechesForMonth li h1 a:hover {
	text-decoration:none;
	}

ul#speechesList li ul.speechesForMonth li p a {		/*  A snippet of each speech  */
	color:#5b5b5b;
	}
	
ul#speechesList li ul.speechesForMonth li p a:hover {
	text-decoration:none;
	}
	

/*	Speech search results plus browsing year/month  */

ul#speechResultsAndBrowse {
	list-style-type:none;
	padding-bottom:1em;
	}
	
ul#speechResultsAndBrowse li h1 a {	/*	Title headline for speech  */
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
	color:#5b5b5b;
	}
	
ul#speechResultsAndBrowse li h1 a:visited {
	color:#858585;
	}
	
ul#speechResultsAndBrowse li h1 a:hover {
	text-decoration:none;
	}

ul#speechResultsAndBrowse li p a {		/*  A snippet of each speech  */
	color:#5b5b5b;
	}
	
ul#speechesList li p a:hover {
	text-decoration:none;
	}
	
/*	Press Releases  */

img.displayleft {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
	}
	
img.displayright {
	float:right;
	padding-left:10px;
	padding-bottom:5px;
	}
	
/*	Pullquote for Press Releases  */

blockquote {
float: left;
width: 565px;
margin-bottom:25px;
background: #e1e1e1 url(images/pullquotes/pullquote_top.gif) no-repeat;
position: relative;
font-family: Georgia, "Times New Roman", serif;
color: #333333;
font-size:1.6em;
}


p.quoteBody {
	color: #363636;
	font-size: 165%;
	line-height: 1.2em;
	font-weight: bold;
	background-color:#e1e1e1;
	text-align: center;
	background: url(images/pullquotes/pullquote_bottom.gif) bottom left no-repeat;	
	width: 500px;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 35px;
}

p.quoteCite {
background: url(images/pullquotes/pullquote_bottom.gif) left bottom no-repeat;
margin-bottom: 0;
height:30px;
}

.clear {
	clear:left;
	}
	
ol#editorsNotes {
	padding-left:25px;
	padding-bottom:20px;
	list-style:decimal outside;
	}
	
ol#editorsNotes li {
	font-size:1.2em;
	padding-bottom:0.75em;
	line-height:1.5em;
	}
	
/*	Current Campaigns  */

/*	Show/Hide entries for campaigns  */

.trigger{
			cursor:pointer;
		}
		

		
.trigger a img,
.expanded a img {
	border:none;
	}	
		
.trigger:hover{
			text-decoration:underline;
		}		

.expanded{
			cursor:pointer;
		}

.expanded:hover{
			cursor:pointer;
			text-decoration:underline
		}

.show{
     position:static;
     display: table;
		}

.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}

/*	Each campaign has one or more entries, so start with a <ul> to list the month/year lists  */

ul#campaignsList {
	list-style-type:none;
	padding-bottom:1em;
	width:550px;        /* IE needs to have a width specifically assigned */
	}

ul#campaignsList li {
	float:left;
	clear:left;
	width:550px;        /* IE needs to have a width specifically assigned */
	}

ul#campaignsList li h3 {		/*	Displays the month/year for the list of campaigns  */
	font-size:1.6em;
	font-weight:bold;
	padding-top:1em;
	}
	
ul#campaignsList li h1 a {	
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
	color:#5b5b5b;
	width:550px;        /* IE needs to have a width specifically assigned */
	}

ul.campaignEntries {	/*  Start another <ul> to display the campaigns in this month/year  */
	list-style-type:none;
	padding-bottom:1em;
	width:550px;        /* IE needs to have a width specifically assigned */
	}
	
ul.campaignEntries li h1 a {	/*	Title headline for campaign  */
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
	color:#5b5b5b;
	width:550px;        /* IE needs to have a width specifically assigned */
	}
	
ul.campaignEntries li h1 a:visited {
	color:#858585;
	}
	
ul.campaignEntries li h1 a:hover {
	text-decoration:none;
	}

ul.campaignEntries li p a {		/*  A snippet of each speech  */
	color:#5b5b5b;
	width:550px;        /* IE needs to have a width specifically assigned */
	}
	
ul.campaignEntries li p a:hover {
	text-decoration:none;
	}
	
.clearContent {
	clear:left;
	}
	
ul#campaignsList li h2.trigger {
width:550px;        /* IE needs to have a width specifically assigned */
	}
	
/*	Press Releases  */

ul#pressReleaseList {
	list-style-type:none;
	padding-bottom:1em;
	}
	
ul#pressReleaseList li {
	list-style-type:none;
	}

ul#pressReleaseList li h3 {		/*	Displays the month/year for the list of speeches  */
	font-size:1.6em;
	font-weight:bold;
	padding-top:1em;
	}

ul#pressReleaseList li ul.pressReleasesForMonth {	/*  Start another <ul> to display the speeches in this month/year  */
	list-style-type:none;
	padding-bottom:1em;
	}
	
ul#pressReleaseList li ul.pressReleasesForMonth li h1 a {	/*	Title headline for speech  */
	font-size:0.7em;
	font-weight:bold;
	text-decoration:underline;
	color:#5b5b5b;
	}
	
ul#pressReleaseList li ul.pressReleasesForMonth li h1 a:visited {
	color:#858585;
	}
	
ul#pressReleaseList li ul.pressReleasesForMonth li h1 a:hover {
	text-decoration:none;
	}

ul#pressReleaseList li ul.pressReleasesForMonth li p a {		/*  A snippet of each speech  */
	color:#5b5b5b;
	}
	
ul#pressReleaseList li ul.pressReleasesForMonth li p a:hover {
	text-decoration:none;
	}

/**********************************************************

	Links
	
***********************************************************/

ul#links {
	list-style-type:none;
	line-height:1.6em;
	font-size:1.4em;
	}
	
ul#links li {
	padding-bottom:0.75em;
	}
	
ul#links li a {
	color:#717171;
	background-image:url(images/backgrounds/unread.gif);
	background-repeat:no-repeat;
	background-position:left top;	
	padding-left:25px;
	text-decoration:none;
	font-weight:bold;
	}
	
ul#links li a:visited {
	color:#9B9B9B;
	background-image:url(images/backgrounds/read.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}

/**********************************************************

	Miscellaneous
	
***********************************************************/

/*.separator {
	width:560px;
	height:25px;
	display:block;
	float:left;
	background-image:url(images/backgrounds/hr-separator.jpg);
	background-repeat:no-repeat;
	background-position:centre;
	}*/
	
.gap {
	padding-top: 35px;
	}
	
h3.searchHeading {
	padding-top:15px;
	}
	
ul.genericList {
	font-size:1.2em;
	padding-bottom:15px;
	}
	
ul.genericList li {
	list-style:circle;
	list-style-position:inside;
	line-height:1.5em;
	}
	
img#twitterLink {
padding: 10px 0 10px 0;
}