/*
Theme Name: Manchester FoE
Theme URI: //graeme
Description: MFoE Theme
Author: Alex Lee and Graeme Sherriff
Version: 0.4 (optional)
Tags: 
HERE
*/

/*

April 2020: Colours as per FoE style guide 
https://drive.google.com/file/d/1rf6Pl0nMP5uu98a7aecJ9wRPDZJuVRbN/view

Electric Green: rgb(52,218,150) #34DA96
Calm Grey: rgb(243,243,247) #F3F3F7
Deep Blue: rgb(30,35,77) #1E234D
Deep Blue 50%: rgb(60,70,154)
Deep Blue: rgb(90,105,231)

each with 100%, 50%, 25% gamma


2020: FoE Green rgb(52,218,150)

LAYOUT: Two columns

DESCRIPTION: Two-column fixed layout with one sidebar right of content

National FoE Primary Colours:
rgb(249,66,58) = rgb(249,66,58)   	  - food?
blue = rgb(255,215,58)   - climate?
rgb(52,218,150) = rgb (162,198,20)
yellow = rgb (255,215,58) 

National FoE Secondary Colours:
dark rgb(52,218,150) = rgb(33,61,23) - resources?  
orange = rgb (255,156,59)  - ?
dark blue = rgb(0,22,72)

National FoE website:
blue = rgb(40,45,99)

Manchester FoE logo:
dark rgb(52,218,150): rgb(31,68,20)	

rgb(52,218,150) used on MFoE website (before Nov 12)
rgb(52,218,150)
rgb(152,201 63)

FoE logo from 2019 rgb(51,105,65) [previously 98,214,153]

00A85E

*/


/*Fonts */


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 4, 2020 */

@font-face {
    font-family: 'libre_franklinblack';
    src: url('css/fonts/libre_franklin/librefranklin-black-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklinblack_italic';
    src: url('css/fonts/libre_franklin/librefranklin-blackitalic-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklin';
    src: url('css/fonts/libre_franklin/librefranklin-bold-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklin';
    src: url('css/fonts/libre_franklin/librefranklin-bolditalic-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;

}




@font-face {
    font-family: 'libre_franklinextrabold';
    src: url('css/fonts/libre_franklin/librefranklin-extrabold-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklinXBdIt';
    src: url('css/fonts/libre_franklin/librefranklin-extrabolditalic-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklinextralight';
    src: url('css/fonts/libre_franklin/librefranklin-extralight-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklinXLtIt';
    src: url('css/fonts/libre_franklin/librefranklin-extralightitalic-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklinitalic';
    src: url('css/fonts/libre_franklin/librefranklin-italic-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklin';
    src: url('css/fonts/libre_franklin/librefranklin-light-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-light-webfont.woff') format('woff');
    font-weight: italic;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklinlight_italic';
    src: url('css/fonts/libre_franklin/librefranklin-lightitalic-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_franklin';
    src: url('css/fonts/libre_franklin/librefranklin-medium-webfont.woff2') format('woff2'),
         url('css/fonts/libre_franklin/librefranklin-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'libre_baskervillebold';
    src: url('css/fonts/librebaskerville/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('css/fonts/librebaskerville/librebaskerville-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('css/fonts/librebaskerville/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('css/fonts/librebaskerville/librebaskerville-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('css/fonts/librebaskerville/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('css/fonts/librebaskerville/librebaskerville-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html,body {
    height:100%;
    font-family: libre_franklin;
    color: rgb(142,143,160);
   
 
  
}

#rightheader {

display: block;
float: right;

}

#leftheader {

display: block;
float: left;


}

#wrapper {
	margin: 20px auto;
	width: 1040px;
	padding 0 0 0 0;
	border-radius:5px;
		
}

body {
	background-color: rgb(240,240,240);
}

#main {
	position:relative;
	margin: auto;
	\*width: 940px;*\

}


/*this class applies to all items in the post loop*/
.listitemwidth {
	width: 650px;
	
	}




/*widget areas*/
#primary,
#secondary {
	overflow: hidden;
	width: 255px;

	}
	
	
	
#secondary {
	clear: right;
	width: 300px;
	margin-left: -26px; // for some reason is was indented, so this is a hack to stop it
}

.widget-container
{
	width: 255px;
	margin-bottom: 2px;
	_width: 230px; // IE fix to keep container in RHS
}

#gce_widget-4 {
	clear:right;
	}

.press-release-widget 
{
	margin: 0;
	padding: 0;
}

.events-widget 
{
	margin: 0;
	padding: 0;
}

#events-widget h3
{
	font-size:1.2em;
	padding: 5px 1px 6px 1px;
	margin: 0;
}

#events-widget h4
{
	font-size:0.85em;
	padding: 5px 1px 1px 1px;
	margin: 0;
}


#footer {
	clear: both;
	
}


/*
/* Main global 'theme' and typographic styles  */
/*------------------------------------------------*/

body {

	line-height: 140%;
	color: rgb(70,70,70);

	}

#entry-content {
	max-width: 630px;
}

#entry-content-title {
	
	display: block;
	height: auto; 
	border-bottom: rgb(200,200,200) 3px solid;
	overflow: auto;
	margin-bottom: 40px;
	margin-top: 0px;
	padding-bottom: 20px;
}
								
p, #entry-content ol{
//
line-height: 130%;	
padding-bottom: 6px;
/* border: silver thin solid; */
}

p, #entry-content ul {

line-height: 130%;	
list-style: disc;
list-style-position: outside;
padding-bottom: 6px;
font-size: 120%;
/* border: silver thin solid; */
}

#entry-content ul ul{

line-height: 130%;	
list-style: circle;
list-style-position: outside;
padding-bottom: 6px;
margin-left: 0px;
font-size: 100%;
/* border: silver thin solid; */
}

#entry-content ol {

line-height: 130%;	
list-style-position: outside;
padding-bottom: 6px;
font-size: 120%;
list-style: decimal;
/* border: silver thin solid; */
}

#entry-content ol ol{

line-height: 130%;	
list-style-position: outside;
padding-bottom: 6px;
font-size: 100%;
list-style: lower-latin;
margin-left: 0px;
/* border: silver thin solid; */
}

#entry-content ol {
margin-bottom: 5px;
}

ol, ul, xoxo {
	list-style: none;
}

a img { border: none; }




body, input, textarea {
	
	font-size: 14px;
	line-height: 18px;
}

h1 a, h2 a, h3 a, h4 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, calendaritem {
	text-decoration:none;
	
}

a:hover {
	text-decoration: underline;
	}
	

/* =Fonts */

body, input, textarea, .page-title span, .pingback a.url {
	
}

#mast .nav_item a, #mast li a {
	
	font-weight: bold;
	}

#mast .nav_item  a:visited,  #mast .nav_item  a{
	font-size:1em;
	color: white;
}


/* Text elements */

p {	margin-bottom: 18px; }

a { 
	 color:rgb(33,37,76);
	 font-weight: bold;} 

.maintext{
	margin: 5px;
}

h1 {font-size: 18px; line-height: 110%; padding-bottom: 0;}

ul { list-style: disc;
	margin: 0 0 18px 1.5em; 
	}

ul ul { list-style: circle;
		margin-left: 0px;
}

ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}

ol ol {
	list-style:upper-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0;
}

input[type="text"], textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}

#main p a:link {
	/*color: rgb(52,218,150);*/
	
}

/* #main  p a:visited {
	color: rgb(52,218,150);

}
*/

li {font-size: 100%;}
li li {font-size: 90%;}

ul.noindent {
	margin: 0;
	padding: 0;
	}

ul.noident li {
	list-type: none;
	margin: 0;
	padding: 5px 0 5px 0;
	}
h1, h2, h3, h4 {color: rgb(52,218,150);}

.no_underline
{
	text-decoration: none;
}	




/* =Header

-------------------------------------------------------------- */

#mast {
	margin: auto;
	padding: 0 0 0 0;
	margin-bottom: 0px;
	border-bottom: 5px solid rgb(142,143,160);	height: 152px;
	width:92%; /*950 + the borders for the main container*/


}




#leftheader {
	height: 100%;
	width: 92%;
	position: relative;
}

#rightheader {
	height: 100%;
	width: 30;
	position: relative;
}

#rightheader .h4 {
	display:inline;
	}

.inline {
	display:inline;
	}

/*
/* drop down menu 
----------------------------------------*/

.nav_item a {
	color: rgb(142,143,160);
	}

ul#menu-h-nav{
	display:block;	
	font-size:1.1em;
	color: rgb(142,143,160);
	position:absolute;
	left:34px;
	bottom:-18px;
	width:100%;	
	z-index:10;

}

ul#menu-h-nav li {
	float:left;
	position: relative;
	list-style: none;
	margin: 5px 3px -3px 3px;
	padding: 15px 15px 15px 10px;
	min-width:150px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topright: 15px;
	background-color: rgb(142,143,160);
	text-align: left;
	font-size: 18px;
}

ul#menu-h-nav li li {
text-align: left;
background-color:rgb(52,218,150);
margin-top: 1px;
margin-bottom: 1px;
border-top: 1px solid white;
font-size: 16px;
	z-index:10;
	

}

ul#menu-h-nav li:hover {
	background-color: rgb(52,218,150);
	opacity: 0.95;
}

ul#menu-h-nav li ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	margin-bottom: 3px;

	
}

ul#menu-h-nav li ul li, ul#menu-h-nav li ul li ul li{
	margin: 0;
	min-width:150px;	
	border-right:0px solid rgb(52,218,150);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;


}

ul#menu-h-nav li ul {
	left: 0%;
	top: 100%;
	
}

ul#menu-h-nav li ul li ul{
	left: 103%;
	top: 0%;
	
	border-left: none;
		
}

ul#menu-h-nav li ul li ul li {
	
	margin-top: 4px;
	margin-left: -4px;
	border-right:none;
	margin-bottom: -4px;
	display: block;
	/*this is sub campaigns menu level */	
	}

ul#menu-h-nav li ul li ul li a {
font-size:0.9em;
font-weight:lighter;

}

ul#menu-h-nav li ul, ul#menu-h-nav li ul li ul{
	display: none;}

ul#menu-h-nav li:hover ul {	display: block;}

ul#menu-h-nav li ul li:hover {	
/*list-style: disc*/;	
border-right:0px solid rgb(52,218,150);	


}

ul#menu-h-nav li ul li:hover ul li
 {	list-style: none;	
 border-right:none;}

ul#menu-h-nav li:hover ul li ul{
	display: none;}

ul#menu-h-nav li ul li:hover ul{
	display: block;	
	}
	
#mast .nav_item a, #mast li a, #mast .breadcrumb a,  #mast .breadcrumb{
	display: inline;
	}

ul#menu-h-nav .nav_item a {
	text-decoration: none;
	color: white;
}

ul#menu-h-nav .nav_item:hover a {
	text-decoration: none; }

.breadcrumb {
	position: absolute;
	top: 0px;
	width: 95%;
	background-color:#FFFFFF;
	padding-left:10px;
	text-indent:10px;
}



	
.breadcrumb, .breadcrumb a, .breadcrumb a:visited {
	color:rgb(150,150,150);
		text-decoration: none;
}

/* =page and post content
/*
-------------------------------------------------------------- */

#wrapper {
	margin-top: 20px;
	background-color: white;
	padding: 20px;
}

#main {
	/* border-right:2px solid #EEEEEE; */
	/* border-left:2px solid #EEEEEE;*/
	overflow: hidden;
	clear: both;
	padding: 0 0 0 0;
	margin-bottom: 36px;
	}

/*Structure*/`

div#mast
{
	
	}

div#main{
	margin: auto;
	padding: 0;
	height:auto;
	width:950px;
	/* border-collapse:collapse; */

	}

div#rightcolumn
{display: block;
width: 290px;
float: right;
	padding: 5px 0 0 0;
margin: 0 0 0 0;
clear:none;
min-height:600px;

_width: 200px;
}

#leftbit
{display: block;
width: 655px;
float: left;
padding: 0;
margin: 0 0 0 0;
height: auto;
min-height:600px;


}

#rightcolumn
{ 
background-color:#FFF;
color: black;
}

#main, #main input, #main textarea {
	//color: #333;
/*	font-size: 16px; */
	line-height: 24px;
	//border: black thin solid;
}

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
	//font-size: 15px;
	//line-height: 140%;
	}

#content ul ul, #content ol ol, #content ul ol, #content ol ul {
	margin-bottom:0;
}


#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	
	line-height: 110%;
	clear: both;
	}

	
/*Top intro box on main and campaigns pages*/


div#home_intro 
{
	margin: 2px 2px 0 2px;
	width: auto;
	}
	
div#home_intro p, div#home_intro h1
{
	margin:10px 10px 0 10px;
	padding-top:10px;
}

div.subcolumna
{
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	height: 200px;
	width: 300px;

	}

/*for the slideshow*/
div#sswld {
	padding: 0;
	margin: 0;
	height: 200px;
	width: 300px;
	z-index:0;
	}

div.subcolumnb
{
	display: block;
	position: relative;
	float: left;
	width: 310px; /*to account for the border which may be given in food, climate etc.*/
	height:180px;
	padding: 10px 20px 10px 20px;
	background-color:#DDD;
	text-align: justify;
	
	}

div.subcolumnb h1{
	font-weight: bold;
	color: #333;
	}

/*
/*Loop list items---------------------*/
/**/
div#page-title-box {
	clear:left;
	padding: 15px 0px 5px 0px;
	color: rgb(52,218,150);
	margin: 0px;
	/* border-top: 2px dashed #EEEEEE; */
	}

div#page-title-box h2 {
	font-size: 18px;
	padding: 3px;
	margin:0px;
}




/* loop */






/*




/* Images

-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
	
}

#content .attachment img {
	max-width: 900px;
	
}

#content .alignleft,
#content img.alignleft {
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	padding-top: 0px;

}

/*img.alignright {
	display: block;
	float: right;
	margin-right: 5px;
	margin-left: 0px;
	padding: 15px 15px 15px 15px;
	}	
*/

#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 0px;
}

#nav-above, #nav-below {display: none;}



/* =Images
-------------------------------------------------------------- */

#entry-content img {
	margin: 0;
	height: auto;
	max-width: 640px;
}

#entry-content .attachment img {
	max-width: 900px;
}
#entry-content .alignleft,
#entry-content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#entry-content .alignright,
#entry-content img.alignright {

	float: right;
	margin: auto;
	padding: 4px 4px 4px 4px;
	}

#entry-content .aligncenter,
#entry-content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#entry-content img.alignleft,
#entry-content img.alignright,
#entry-content img.aligncenter {
	margin-bottom: 12px;
}

#entry-content .wp-caption {
	/* background: #f1f1f1; */
	line-height: 18px;
	margin-bottom: 20px;
	/* padding: 4px; */
	/* text-align: center; */
}
#entry-content .wp-caption img {
	/* margin: 5px 5px 0; */
}
#entry-content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#entry-content .wp-smiley {
	margin: 0;
}
#entry-content .gallery {
	margin: 0 auto 18px;
}
#entry-content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#entry-content .gallery img {
	border: 2px solid #cfcfcf;
}
#entry-content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#entry-content .gallery dl {
	margin: 0;
}
#entry-content .gallery img {
	border: 10px solid #f1f1f1;
}
#entry-content .gallery br+br {
	display: none;
}
#entry-content .attachment img { /* single attachment images should be centergb(249,66,58) */
	display: block;
	margin: 0 auto;
}



#entry-content p
{
line-height: 125%;
/*color: rgb(100,100,100); */
margin-bottom: 20	px;
margin-top: 0px;

padding: 0 0 0 0;
}

#entry-content .wp-block-quote  {
	color: rgb(140,140,140);
	font-size: 90%;


}

	


#entry-content h1 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 2px;
	font-size: 180%;

	}

#entry-content h2 {
	clear: both;
	margin-top: 30px;
	margin-bottom: 2px;
	font-size: 180%;



	}

#entry-content h3 {
	clear: both;
	margin-top: 30px;
	margin-bottom: 2px;
	font-size: 120%;

	}

#entry-content h4 {
	clear: both;
	margin-top: 30px;
	margin-bottom: 2px;
	font-size: 140%;
	color: black;
	}

#entry-content ul, #entry-content ol {
	margin-top: 6px;
	font-size: 100%;
}

#entry-content ul
{
   	list-style: none; /* Remove default bullets */ 	
}

#entry-content li {
	margin-bottom: 4px;
}

#entry-content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: black; /* Change the color */
  font-size: 150%;
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: .7em; /* Also needed for space (tweak if needed) */
  margin-left: -.7em; /* Also needed for space (tweak if needed) */
}

/* =Sidebar
-------------------------------------------------------------- */



/* Right column and Widget containers
----------------------------------------*/

#rightcolumn ul 
{font-weight: bold;
list-style-type: circle;
margin-left: -20px;
font-size: 14px;
	
}


.widget-container
{
	color:#666666;
	padding:5px 15px 5px 15px;
	list-style: none;
}

.widget-container  li, .widget-container p, .widget-container a, .widget-container ul
{
	color:inherit;
	text-decoration: none;
	list-style: none;
	font-weight: normal;
	padding:0 20px 0 20px ;
	margin:0px;
	

}



 ul .updates, li .updates
{
	color:inherit;
	text-decoration: none;
	list-style: none;
	font-weight: normal;
	padding:0 20px 0 0px ;
	margin-left: 5px;
	text-indent: -12px;
	first-line: clear;

}

.widget-container a:hover
{
	text-decoration: underline;
}

.widget-title  {
	font-weight: bold;
	width:100%;
	color: rgb(52,218,150);	
	margin: 0px;
	padding: 5px 5px 2px 5px;
}

.textwidget div, .textwidget p {
	text-indent:-20px;
	padding:2px 20px 2px 2px;
	}

.textwidget #supportbox {
	background-color: rgb(52,218,150);
	border:none;
	text-align: center;
	margin:0px;
	padding:0px;
	}

.textwidget #supportbox p a:link, .textwidget #supportbox p a:visited, .textwidget #supportbox p {
	color:white;
	font-weight:bold;
	margin:0px;
	padding-right:2px;
	}


#action-widget p, #action-widget a, #press-release-widget p, #press-release-widget a {
	text-indent:-12px;
	text-decoration:none;
	margin-left:-8px;
	line-height:150%;

}

#nktagcloud-3  a {
	text-decoration:none;
	margin-left:-12px;
}

#meta-2 ul li  {
	margin-left:-20px;
}
img.icon {
float: right;
padding-bottom: 50px;
}

/* for displaying posts */

#entry-content-title  /*this determines size of LHS in single.php */
{
display: block;
padding: 0 0 0 0;
margin-top: 20px;
width: 650px;
position: relative;
}

#entry-content-title h1
{
	display: block;
	max-width: 550px;
	
}

#entry-content
{
display: block;
padding: 0px 0px 0px 0px;
width: 650px;
float: left;
position: relative;

}

#entry-meta
{
font-size: 10pt;
color: grey;
}

/* captions */

wp-caption
{display: none;}

/* CAMPAIGN COLOUR-CODING 
----------------------------------------------*/


a.buttonall {text-decoration: none; display: block; font-size: 10pt; color: rgb(52,218,150); background-color: #EEEEEE; width: 60px; text-align: center; border: thin rgb(52,218,150) solid; padding: 1px 1px 1px 1px;} 

a.buttonyear {text-decoration: none; display: block; font-size: 10pt; color: black; background-color: #CCCCCC; width: 60px; text-align: center;  padding: 1px 1px 1px 1px;} 

a.buttonyearselected {text-decoration: none; display: block; font-size: 10pt; color: black; background-color: #CCCCCC; width: 60px; text-align: center;  padding: 1px 1px 1px 1px; border: thin solid grey;} 


/*share and follow plugin*****/


.shareandfollow {
	padding: 10px 25px 0px 5px;
	float: right;
	clear:both;
}

.shareandfollow p, .shareandfollow ul {
	display:inline;
}

.shareandfollow ul {
	margin-left: -25px;
	}


ul.row li { 
	display:inline;
	list-style-type:none;
}

ul.row li .head {
	display:none;
}

ul.row .share {
	display:none;
}

/*twitter feed on front page*/

div.twitter 
{
	width: 240px;
	margin-right: 10px;
	/* margin-bottom: 10px; */
	float: left;
	font-size: 80%;
	line-height: 120%;
	
	}

.twitter p {
border-bottom: silver thin solid;
margin-bottom: 5px;
padding-bottom: 15px;
}
	
.twitter a {text-decoration: none; color: black;}
.twitter a:hover {text-decoration: underline;}

/* footer */

#footer {
	margin: 0px 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
	background-color: white;
	border-top: 3px solid rgb(210,210,210);	
	border-bottom: 3px solid rgb(210,210,210);	
}

div.footerdiv
{	width: 120px;
	color: grey;
	font-size: 14pt;
	padding-top: 10px;
	margin-right: 0px;
	float: left;
	margin-top: 0; padding-top: 0;
	line-height: 130%;
	font-size: 14px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: normal;
		}

.footerdivwide
{
	display:block;
	width: 330px;
	color: grey;
	margin-right: 10px;
	margin-bottom: 10px;
	float: right;
	font-size: 14px;
	line-height: 130%;
	margin-left: 10px;
}
	
.footerdiv ul
{
	list-style-type: none;
	font-weight: normal;
	
}

.footerdiv li,
.footerdiv li a
{
	font-size: 14px;
	font-weight: normal;
	line-height: 130%;
	text-indent: -55px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*_text-indent: 30px; // IE fix */
}

	
.footerdiv a, .footerdivwide a, .twitter  a {text-decoration: none; color: rgb(120,120,120);}
.twitter a:hover {text-decoration: underline;}
.footerdiv a:hover {text-decoration: underline;}
.footerdivwide a:hover {text-decoration: underline;}


/*calendar page*/

div.largecalendar .item  {
	padding:3px 0 5px 0;
	}

div.largecalendar .item p, div.largecalendar .item h3 {
	padding:0px 5px 0px 5px;
}

div.largecalendar .item .date {
	/*padding:3px;*/
	}

li.mfoe-google-events-widget .item {
	text-indent:-35px;
	font-size:0.9em;
	}

div#share {
	margin: 60px 0 20px 0;
	}
	
	
/* posts loop */

.mfoe-loop-table
{
	display: table;
	width: 100%;
	float: none;
}	
	
.mfoe-loop-item
{
	display: table-row;
}	

.mfoe-loop-item-cell
{	
	display: table-cell;
	padding-top: 0px;
	vertical-align: top;


}


.mfoe-loop-item-cell.top
{	

	border-top: 4px solid;
	color: rgb(150,150,150);
	margin-top: 0px;
}

.mfoe-loop-item-cell h3, .mfoe-loop-item-cell.top h3
{
	margin-top: 0px;
	color: rgb(150,150,150);
}



.mfoe-loop-item-cell.top.post
{	
	border-top:  none;
	color: rgb(150,150,150);
}

.mfoe-loop-item-cell.top.post h3
{	
	border-top:  none;
	color: rgb(150,150,150);
	font-size:180%;
	
}

.mfoe-loop-item-cell.thumb
{	
	width: 120px;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 10px;
	
}

.mfoe-loop-item-cell p {
margin: 4px 0 0 0px;
font-size: 100%;
color: rgb(100,100,100);
}

.mfoe-loop-item-details a,
.mfoe-loopitemdetails-page a {
color: grey;
text-decoration: none;
}

.mfoe-loop-item-details a:hover {
color: rgb(52,218,150);
}

.mfoe-loop-item-cell h3 {
	margin: 4px 0px 0px 0px;
	
	text-size: 140%;
	
}

.mfoe-loop-item-cell h3 a {
	text-decoration: none;
	font-size: 100%;
	

}
	
.mfoe-loopitem
{
	display: table-row;
	height: auto;	
	border: blue thick solid;	
}

.mfoe-loopitem-label
{
	display: block;
	background: rgb(52,218,150);
	width: auto;
	min-width: 70px;
	text-align: center;
	float: left;
	color: white;
	border: none;
	padding: 1px 4px 1px 4px;
	margin: 6px 4px 4px 0px;
	min-height: 15px;
	
}

.mfoe-loopitem-label.calendar
{
	display: block;
	background: rgb(52,218,150);
	width: auto;
	min-width: 70px;
	text-align: center;
	float: left;
	color: white;
	border: none;
	padding: 1px 4px 1px 4px;
	margin: 0px 4px 4px 0px;
	min-height: 15px;
	
}

.mfoe-loopitem-label.date
{
	color: rgb(150,150,150);
	background: none;
	padding: 1px 0px 1px 0px;
}

.mfoe-loopitem-label.posttype
{
	color: white;
	background: rgb(160,160,160)		
}

mfoe-loopitem-label.posttype a
{
	text-decoration: none;
	color: white;
}

.mfoe-loopitem-label.editpost a, .mfoe-loopitem-label.editpost 
{
	color: white;
	background: rgb(52,218,150);
	text-decoration: none;		
}

.mfoe-loopitem-label.edit-option
{
	color: rgb(52,218,150);
	text-align: center;	
	background: none;
	border: rgb(52,218,150) 1px solid;
}








h2 {
color: rgb(52,218,150);
margin-top: 3px;
font-size: 130%;
}



.homepage-intro
{display: block;
float: left;
width: 340px;
height: 225px;
margin-top: 30px;
margin-bottom: 20px;
position: relative;
}

.homepage_intro_buttons {
	display: block;
	/* position: absolute; 
	bottom: 0px;
	right: 0px;
	left: 0px;*/
}

.mfoe-button, .mfoe-button a {
	background-color: rgb(52,218,150);
	width: 100px;
	text-align: center;
	float: left;
	color: white;
	text-decoration: none;
	left: 0px;
	margin-right: 5px;
	}

.homepage-intro p {font-size: 16px;}

.homepage-intro h2 { font-size: 18px; color: rgb(52,218,150);}


.slideshow-box {
display: block;
float: right;
//border: blue thin solid;
margin-top: 30px;
}



#searchsubmit 
{background-color: rgb(110,110,110);
display: block;
color: white;
border: none;
float: right;
padding: 2px 7px 2px 7px;
font-size: 14px;
}

#searchsubmit.lyb
{
	background-color: red;
}

#s 
{background: rgb(230,230,230);
width: 170px;
}

#searchsubmit a
{font-color: white;}

#searchsubmit a:hover
{color: white;}

label.screen-reader-text {
display: none;
}

img newsletter-thumb {
border: rgb(249,66,58) thin solid;
margin-bottom: 10px;
}

.option-unselected a,
.option-selected a {
	
	display: block;
	float: left;
	
	background-color: rgb(225,225,225);

	color: white;
	text-align: center;
	
	border: 3px solid rgb(200,200,200);
	padding: 1px 5px 1px 5px;
	margin: 5px 5px 5px 0;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	}

.option-unselected a {
	color: rgb(100,100,100);
	}	

.option- a {
	background-color: rgb(52,218,150);
	color: white;
	}

.option-selected-index a {
	display: block;
	float: left;
	background-color: rgb(52,218,150);
	color: white;
	font-size: 12pt;
	margin-left: 10px;
	padding: 0px 5px 0px 5px;
	}
	
.option-selected.banner a{
	clear: none;
	float: right;
	position: relative; 
	top: -34px; /* bit of a work around */
	padding-top: 0px;
	border: none;
	}
	
#selections {
position: relative;
float: left;
width: 277px;
background-color: rgb(200,200,200);
//height: 60px;
padding: 2px 5px 2px 5px;
margin: 5px 3px 25px 2px;
//color: rgb(33,61,23);
color: white;
font-weight: bold;
font-size: 18px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(249,66,58)), to(blue)); 
background: -moz-linear-gradient(bottom, rgb(210,210,210), rgb(220,220,220));  
border: thin solid rgb(200,200,200);
}

#selections-reset a {
	 clear: both;
	 color: white;
	 text-decoration: none;
	 float: right;
	 font-size: 16px;
	 font-weight: normal;
	 }

box-transport {
	background-color: orange;
}

.post_thumbnail {
display: block;
float: left;
}


/*newsletter page */
.newsletter-container {
display: block;
margin: 10px 0 0 10px;
float: left;
color: rgb(100,100,100);
text-align: center;	
}

.newsletter-container p {
	margin-top: 0px;
	}

.threeway-metacontainer {
	display: table;
	float: left;
	clear: both;
	margin: 0px 0 0px 0;
	width: 660px;
	
	/* border-top: rgb(220,220,220) solid 2px; */
	}
	

	
.threeway-metacontainer-bottom {
	position: absolute;
	bottom: 0px;
	display: table;
	float: left;
	
	padding-bottom: 100px;
	margin: 0px 0 0px 0;
	}

.displacer-box {
	display: table;
	height: 204px;
	width: 100%;
	background-color: red;
	position: relative;
	}


.threeway-metacontainer ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}


	
.threeway-metacontainer li {
	list-style-position:inside;
	list-style-type: none;
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 110%;
	padding: 4px 3px 5px 3px;
	float: left;
	width: 203px;
	min-height: 140px;
	max-height: 140px;
	margin: 0 7px 15px 0px;
	/* border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	background: rgb(230,230,230) url('//www.manchesterfoe.org.uk/wp-content/uploads/2010/09/iconaction_noroll.jpg') no-repeat; 
	background-position: 180px 90px; */
	border-right: 4px rgb(220,220,220)  solid;

	}

/*.threeway-metacontainer li:hover {
	background: rgb(240,240,240);
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px; 
	}*/
		

.threeway-metacontainer .three {
	border: none;
	}
	


/*
.threeway-metacontainer li {
	border: red thin solid;
	
	}
*/
	
.threeway-metacontainer li h2 {
	font-size: 16px;
	margin: 5px 0 0 0;
	line-height: 100%;
	/* color: rgb(52,218,150); */
	border-bottom: none
	;
	
}

.threeway-metacontainer li h2 a:hover,
.threeway-metacontainer li h2 a:live,
.threeway-metacontainer li h2 a:visited,
.threeway-metacontainer li h2 a:active
{
text-decoration: none;
}

.threeway-metacontainer li p {
	margin: 0 0 0 0;
	color: rgb(50,50,50);
	}
	
.threeway-container:hover {
	display: block;
	background-color: rgb(240,240,240);

}


	
#likefollow {
	width: 135px;
	color: rgb(249,66,58);
	float: right;
	align: right;
	}


.easywidget-container {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 110%;
	padding: 4px 4px 5px 5px;
	float: left;
	width: 243px;
	//min-height: 100px;
	height: auto;
	margin: 0px 0px 10px 14px;
		
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	background: rgb(230,230,230);
	border: 2px rgb(52,218,150) solid;
}

.easywidget-container-top {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 110%;
	padding: 2px 4px 2px 5px;
	float: left;
	width: 243px;
	/*min-height: 100px; */
	height: 15px;
	margin: 00px 0px 0px 14px;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border: 2px rgb(52,218,150) solid;
	background: rgb(52,218,150);
	color: white;
}

.easywidget-container-top h2 {
	font-size: 16px;
	color: white;
	line-height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
.easywidget-container h2 {
	font-size: 16px;
	margin: 5px 0 0 0;
	line-height: 100%;
	color: rgb(33,61,23);

}

.easywidget-container p {
	margin: 0 0 0 0;
	color: rgb(50,50,50);
	}
	
.easywidget-container:hover {
	display: block;
	background-color: rgb(210,210,210);
}

#main .horizontal-bar h2, #horizbar-container {
	clear: both;
	display: block;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	background: rgb(190,190,190);
	width: 99%;
	padding: 4px 4px 4px 4px;
	height: 24px;
	margin: 10px 0 10px 0;
	color: white;
	font-size: 20pt;
	font-weight: bold;
	
	}

#horizbar-container h2 {

	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: white;
	
	}



	
.footdiv li h3 {
	color: rgb(249,66,58);
	}

 #wp-calendar td {
	color: rgb(150,150,150);
	border: white thin solid;
	width: 70px;
	text-align: center;
	background: rgb(230,230,230);
	}	

 #wp-calendar .event {
	width: 30px;
	background-color: rgb(52,218,150);
	color: white;
	}
	
 #wp-calendar .event a {
	width: 30px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;

	}		
	
 #wp-calendar  .today  {
	background: rgb(190,190,190);
	width: 10px;
	text-align: center;
	margin: 0 0 0 0;
	}	
	
.banner-header,
.banner-header-campaign {
	color: white;
	clear: both;
	display: block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	margin-top: 30px;
	background: rgb(190,190,190);
	width: 615px;
	padding: 4px 4px 4px 4px;
	height: 24px;
	margin: 10px 0 10px 0;
	border-right: rgb(52,218,150) solid 30px;
	border: none;
	}
.banner-header h2 {
	color: white;
	display: block;
	padding-bottom: 5px;
	}

.banner {
	color: white;
	clear: both;
	display: block;
	float: left;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	margin-top: 30px;
	background: rgb(142,143,160);
	width: 615px;
	padding: 4px 4px 8px 8px;
	height: 24px;
	margin: 10px 0 10px 0;
	border-right: rgb(52,218,150) solid 30px;

	}
	

.banner h2 {color: white; display: block; float: left;}
.banner-button a {color: white; text-decoration: none;}

.banner-button {
	display: block;
	margin-left: 5px;
	background-color: rgb(52,218,150);
	color: white;
	margin-top: 4px;
	text-align: center;
	width: 60px;
	font-size: 80%;
	float: left;
	}

.banner-header a,
.banner-header-campaign a {
	color: white;
	text-decoration: none;
	}
		
/* page navi */

.wp-pagenavi {
	color: white;
	clear: both;
	display: block;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	background: rgb(190,190,190);
	width: 99%;
	padding: 4px 4px 4px 4px;
	height: 24px;
	margin: 10px 0 10px 0;
	}
	
.wp-pagenavi a {
	color: white;
	border: white;
	background: rgb(200,200,200);
	}	

.wp-pagenavi a:hover {
	color: white;
	border: none;
	
	
	}	
	
.wp-pagenavi .current {
	color: white;
	border: none;
	font-weight: regular;
	
	}
	
.current {
	border: white;
	}
	
	
/* calendar */


.mfoe-cal-month-top,
.mfoe-cal-month-top-month {
	display: block;

	background-color: rgb(240,240,240);

	position: relative;
	display: block;
	font-size: 13px;
	line-height: 110%;
	padding: 4px 4px 5px 5px;
	width: 207px;
	height: 20px;
	height: 20px;
	margin: 0 2px 0px 0px;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;

	background: rgb(200,200,200);
	
	}

.mfoe-cal-month-top-month {
	background-color: rgb(52,218,150);
	}
	
.mfoe-cal-date {
	display: block;
	text-align: center;
	background-color: rgb(52,218,150);

	position: relative;
	display: block;
	font-size: 11px;
	line-height: 100%;
	padding: 4px 4px 5px 5px;
	float: right;

	height: 29px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 85px;	
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	color: white;
	font-weight: bold;
	margin: 2px 5px 0 0;
	border: thin rgb(210,210,210)  solid;
	
	}

.earlier {
	color: rgb(220,220,220);
	background-color: rgb(200,200,200);
	}
	


.mfoe-cal-month {
	display: block;
	width: 210px;
	background-color: rgb(240,240,240);
	float: left;

	position: relative;
	display: block;
	font-size: 13px;
	line-height: 110%;
	padding: 4px 4px 5px 5px;
	
	width: 207px;

	min-height: 240px;
	margin: 0 2px 15px 0px;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	background: rgb(230,230,230);


	}
	
.mfoe-cal-month-container {
	display: block;

	float: left;
	}

.mfoe-cal-month-top h2,
.mfoe-cal-month-top-month h2 {
	color: white;
	font-size: 18px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	}	
	
.mfoe-cal-month-title {
	display: block;
	float: left;
	}
	
.mfoe-cal-month-title a {
	color: rgb(100,100,100);
	margin-top: 4px;
	padding: 0px 0 0 0;
	text-decoration: none;
	float: left;
	
	}
	

.mfoe-largebutton a {
	display: block;
	background-color: rgb(52,218,150);
	padding: 5px;
	float: right;
	color: white;
	text-decoration: none;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;
	
	}
	
	
.option-bar a {
	display: block;
	float: left;
	
	background-color: rgb(52,218,150);
	
	color: white;
	text-align: center;
	height: 25px;
	border: 0px solid rgb(200,200,200);
	padding: 0 4px 0 4px;
	margin: 0px 5px 0px 0;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	float: right;
	}
	
.option-bar.selected a {
	background-color: rgb(200,200,200);
	}	
	
.option-bar.editor a {
	margin-top: -25px;
	}
	
#horizbar-container h2 {

	float: left;

	}




/* love your bike */

#entry-content .lyb a {
		color: rgb(34,138,75);
		text-decoration: none;}
		
#entry-content .lyb h1 {
		font-size: 28px;
		color: red;
			}

.lyb #entry-content h2, 
.lyb #entry-content h3 {
		color: rgb(34,138,75);
		}

.lyb-box, .lybboxinset, .lyb-box-30days {
	display: block;
	width: 298px;
	float: left;
	padding: 5px;
	background: rgb(230,230,230);
	border: rgb(210,210,210) thin solid;
	margin: 5px 5px 15px 0;
	clear: both;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	
	}	
	
.lyb-box h2,
.lyb-easywidget-container h2 {
	color: rgb(34,138,75);
	font-size: 16px;
	border-bottom: white thin solid;
	}	
	
.lyb-box a,
.lyb-box p a {
	color: rgb(34,138,75);
	text-decoration: none;
	}

/*.lyb-box a:visited {
	color: rgb(34,138,75);
	text-decoration: none;
	}
*/
.lyb-box img {
	margin-right: 10px;
	float: left;
	}

#content-lyb {
	font-size: 12pt;
	}
	
#content-lyb a {
	color: rgb(34,138,75);
	text-decoration: none;
	}
	
#lyb-column {
	width: 316px;
	display: block;
	float: left;
	padding: 0 6px 0 0px;
	font-size: 11pt;

	}	
	
#lyb-column a {
	color: rgb(34,138,75);
	text-decoration: none;
	}	
	
#lyb-column h1 {
	color: rgb(34,138,75);
	font-size: 16th;
	border-bottom: rgb(34,138,75) 2px solid;	
	}

#lyb-column h2 {
	color: rgb(34,138,75);
	font-size: 16th;
	border-bottom: rgb(34,138,75) 2px solid;	
	}

.lyb-item {
	display: block;
	/* width: 310px; */
	min-height: 30px;

	margin-bottom: 4px;
	padding-bottom: 10px;
	
	border-bottom: 2px solid rgb(230,230,230);
	overflow: auto;
	}	


	
.lyb-item.h2, .lyb-item.h4 {
	color: rgb(34,138,75);
	font-size: 11pt;
	margin: 0px 0 0 0;
	font-weight: normal;
	float: left;
	width: 200px;
	width: auto;

	display: block;
	padding: 0 0 0 0;
	}	

.lyb-item h5 {
	color: red;
	clear: both;
	width: 100%;
	border: red thin solid;
	}
	
.lyb-item a {
	color: rgb(34,138,75);
	position: relative;
	
	}	
	
.lyb-item-text p {
	font-size: 9pt;
	margin: 2px 0px 0px 60px;
	padding: 0 0 0 0;
	clear: both;
	
	}



.lyb-date {
	color: grey;
	font-size: 8pt;
	float: left;
	clear: both;
		}

.lyb-thumbnail {

	margin: 0 0 0 0;
	padding: 0 0 0 0;

	
	}
	
.lyb-listimage {
	display: block;
	width: 60px;
	border: white thin solid;
	float: left;
	clear: both;
	}	
	
.lyb-list h2 {
	font-size: 10pt;
	color: rgb(34,138,75);
	clear: both;
	margin-bottom: 0px;
	font-weight: none;
	}

.lyb-easywidget-container {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 110%;
	padding: 4px 4px 5px 5px;
	float: left;
	width: 243px;
	height: auto;
	background: rgb(230,230,230);
	border: rgb(210,210,210) thin solid;
	margin: 5px 0px 5px 10px;
	clear: both;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;

}

#content-lyb .alignleft
{
	float: left;
	margin: 0px 10px 10px 0px;	
}

/* lyb menu */

div.lybmenu
{
display: block;
position: absolute;
bottom: 0px;
width: 100%;
float: left;
}

div.lybmenuitemblock {
display: block;
background-color: silver;
position: relative;
bottom: 0px;
padding: 15px 5px 15px 5px;
margin: 0px 10px 0px 0px;
float: left;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
}

a.lybmenuitem1 {
color: black;
font-size: 18px;
font-weight: bold;
text-decoration: none;


}

a.lybmenuitem2 {
color: rgb(34,138,75);
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

#entry-content .lyb h2 {
	color: rgb(34,138,75);
	border-bottom: rgb(19,194,73) thin solid;
	margin-top: 12px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	
		}	

#entry-content .lyb h1 {
	color: rgb(34,138,75);

	margin-top: 12px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	
		}	


	
.lyb-list li {
	color: rgb(34,138,75);
	list-style-position:outside;
	margin-left: -40px;
	}



	






	
#emailaction .field {

	border: none;
	padding: 2px;
	}	
	
#emailaction img {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	}

#entry-content .aligncenter {
	
	display: table;
	margin-left: auto;
	padding-right: 20px;
	margin: 0 auto; 
	clear: both;
	}


/* MFoE Events Calendar */
	
table.events_table	{
 	border-collapse: collapse;
    border-spacing:0px;
    width: 100%;
    line-height: 110%;
   }		
   
table.events_table td.title a {

	text-decoration: none;
	}
	
/* table.events_table td.title a:hover {
	color: rgb(52,218,150);
	}
*/
    
table.events_table	tr{
	height: 60px;
	 }	

table.events_table	tr:hover{
	height: 60px;
	background-color: rgb(240,240,240);

   }	    
        
    
table.events_table td{
	border-top: silver solid 1px;
	padding: 1px;
	font-size: 11pt;
	vertical-align: top;
 	padding-right: 10px;
  
	}	

table.events_table td.newday {
	border-top: silver 3px solid;
	}		
		
table.events_table td.month_header  {
	background-color: rgb(200,200,200);
	font-size: 14pt;
	color: white;
	mac-height: 10px;
	padding: 5px;


	border: none;
		}

table.events_table tr.month_header  {
	height: 15px;
	
	}

table.events_table td.pre_month_header  {
	background-color: white;
	font-size: 14pt;
	color: white;
	border: white;

	}

table.events_table td.label {
	text-align: right;
	padding-right: 0px;
	}
	
table.events_table td.times {
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	}	
	
table.events_table a span {
	display: none;
	} 
	
table.events_table h2 {
	color: white;
	}

table.events_table a span {
	display: none;
	}
	
table.events_table a:active span {
	display: none;
	} 
	
table.events_table a:visited span {
	display: none;
	} 	

table.events_table a:hover span {
	display: none;
	position: absolute;
	color: rgb(46,49,146);
	position: absolute;
	margin-top: -20px;
	margin-left: 60px;
	width:370px;
	height:200px;
	background-color:rgb(220,220,220);
	border: 1px solid rgb(190,190,190);
	color: white;
	overflow: hidden;
	padding: 3px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	
	}	

table.events_table a:hover span h2 {
	display: none;
	width: 240px;
	color: white;
	font-size: 13pt;
	float: left;
	display: block;
}	

/* table.events_table a:hover span {
	display: none;
	}*/
	
table.events_table .location {
	color: rgb(170,170,170);
	}



.calendar-filter {
	display: block;
	background: rgb(220,220,220);
	width: 208px;
	height: 200px;
	margin-right: 10.3px;
	float: left;
	}	
	
table.events_table .lyblabel
{
	display: block;
	background: rgb(210,210,210);
	color: white;
	width: 90px;
	min-height: 12px;
	padding: 2px;
	text-align: left;
	line-height: 101%;
	margin-bottom: 2px;
	/* border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/ 
	font-size: 9pt;
	/* border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
	text-align: center;
}

table.events_table .lybdatelabel
{
	display: block;
	background: rgb(210,210,210);
	width: 50px;
	min-height: 12px;
	padding: 2px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	/* border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; */
	text-align: center;
	border: 0px;
	font-size: 12pt;
	line-height: 115%;
}



table.events_table .datelabel1
{
	display: block;
	background: rgb(52,218,150);
	color: rgb(100,100,100);
	width: 52px;
	min-height: 12px;
	padding: 1px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	/* border-top-left-radius: 3px;
	border-top-right-radius: 3px; */
	font-size: 11pt;
	line-height: 115%;
	margin-bottom: 0px;
	text-align: center;
	margin-left: 0px;
	}



table.events_table.mini .datelabel1
{
	width: 38px;
	font-size: 9pt;
}

table.events_table.mini .datelabel2
{
	width: 36px;
	font-size: 9pt;
}



table.events_table .datelabel1.year
{
	font-size: 9pt;
}

table.events_table .datelabel2
{
	display: block;
	color: rgb(100,100,100);
	width: 50px;
	min-height: 12px;
	padding: 2px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 2px;
	border: 0px;
	font-size: 18pt;
	line-height: 115%;
	text-align: center;
	margin-left: 0px;
	background-color: rgb(240,240,240);

	}


table.events_table .lybdatelabel1
{
	display: block;
	background: rgb(52,218,150);
	color: white;
	width: 52px;
	min-height: 12px;
	padding: 1px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	/* border-top-left-radius: 5px;
	border-top-right-radius: 5px; */
	font-size: 11pt;
	line-height: 115%;
	margin-bottom: 0px;
	text-align: center;
	margin-left: 0px;
	}

table.events_table .lybdatelabel2
{
	display: block;
	color: rgb(52,218,150);
	width: 50px;
	min-height: 12px;
	padding: 2px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 2px;
	border: 0px;
	background-color: rgb(240,240,240);
	font-size: 18pt;
	line-height: 115%;
	text-align: center;
	margin-left: 0px;

	}


/* Additions for LYB Cycling Calendar */
blue rgb(46,49,146)
light blue rgb(0,174,239)
green rgb(67,149,57)
purple rgb(236,0,140)
dark purple rgb(46,49,146)
light purple rgb(145,139,195)

Pink rgb(232,68,128)
Yellow rgb(252,187,79)
Red rgb(231,19,54)
Green rgb(135,195,47)

*/

.cycling-calendar-box {
	display: block;
	border: red thin solid;
	background-color:blue;
	}
.cycling-calendar-box h2 {
	color: rgb(67,149,57);
	font-size: 16pt;
	margin-bottom: 6px;
	}

table.events_table td.month_header.month1 
{background-color: rgb(232,68,128);}
table.events_table td.month_header.month2
{background-color: rgb(252,187,79);}
table.events_table td.month_header.month3
{background-color: rgb(231,19,54);}
table.events_table td.month_header.month4
{background-color: rgb(135,195,47);}
table.events_table td.month_header.month5
{background-color: rgb(252,187,79);}



table.events_table td.title.month1 a:hover 
{color: rgb(232,68,128);}
table.events_table td.title.month2 a:hover 
{color: rgb(252,187,79);}
table.events_table td.title.month3 a:hover 
{color: rgb(231,19,54);}
table.events_table td.title.month4 a:hover 
{color: rgb(135,195,47);}
table.events_table td.title.month5 a:hover 
{color: rgb(252,187,79);}

table.events_table .lyblabel.month1
{background: rgb(232,68,128);}
table.events_table .lyblabel.month2
{background: rgb(252,187,79);}
table.events_table .lyblabel.month3
{background: rgb(231,19,54);}
table.events_table .lyblabel.month4
{background: rgb(135,195,47);}
table.events_table .lyblabel.month5
{background: rgb(252,187,79);}

table.events_table .lybdatelabel1.month1
{background: rgb(232,68,128);}
table.events_table .lybdatelabel1.month2
{background: rgb(252,187,79);}
table.events_table .lybdatelabel1.month3
{background: rgb(231,19,54);}
table.events_table .lybdatelabel1.month4
{background: rgb(135,195,47);}
table.events_table .lybdatelabel1.month5
{background: rgb(252,187,79);}

table.events_table .lybdatelabel2.month1
{color: rgb(232,68,128); border-color: rgb(232,68,128);}
table.events_table .lybdatelabel2.month2
{color: rgb(252,187,79); border-color: rgb(252,187,79);}
table.events_table .lybdatelabel2.month3
{color: rgb(231,19,54); border-color: rgb(231,19,54);}
table.events_table .lybdatelabel2.month4
{color: rgb(135,195,47); border-color: rgb(135,195,47);}
table.events_table .lybdatelabel2.month5
{color: rgb(252,187,79); border-color: rgb(252,187,79);}

table.events_table .lybdatelabel.month1
{color: rgb(232,68,128);}
table.events_table .lybdatelabel.month2
{color: rgb(252,187,79);}
table.events_table .lybdatelabel.month3
{color: rgb(46,49,146);}
table.events_table .lybdatelabel.month4
{color: rgb(0,174,239);}
table.events_table .lybdatelabel.month5
{color: rgb(252,187,79);}

/* mini calendar */
table.mini_cal {
	border-spacing: 5px;
	margin-left: -5px; /* shouldn't be needed but seemed to have left margin */
	margin-bottom: 10px;
	width: 200px;

}

table.mini_cal_top {
	border-spacing: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 101%;
	margin-bottom: 0px;
	font-size: 12pt;
	background: rgb(52,218,150);
	/* width: 240px; */
	color: white;
	height: 20px;
	font-weight: normal;
}


table.mini_cal td, table.mini_cal_top td {
	background: rgb(230,230,230);
	/*rgb(100,100,100);*/
	text-align: center;
	min-width: 27px;
	max-width: 27px;
	height: 22px;
	line-height: 100%;
	display: table-cell;
}

table.mini_cal_top td {
	max-width: 20px;
}

table.mini_cal td.description {
	font-size: 8pt;
	background-color: white;
	text-align: left;

}
table.mini_cal td.header-row {
	background: rgb(52,218,150);
	color: white;
}
table.mini_cal td.header-row a {
	color: white;
	}

table.mini_cal td.banner {
	line-height: 101%;
	margin-bottom: 0px;
	font-size: 12pt;
	background: rgb(52,218,150);
	width: 100%;
	color: white;
	height: 20px;
	font-weight: normal;
	display: table-cell;
	}

table.mini_cal td.banner a {
	color: white;
	}

table.mini_cal td.banner.left {
	border-top-left-radius: 5px;
	}

table.mini_cal td.banner.right {
	border-top-right-radius: 5px;
	}

table.mini_cal td a {
	text-decoration: none;
	color: rgb(100,100,100);
	}

table.mini_cal td.header_row {
	background: white;
	color: rgb(20,20,20);
	}

table.mini_cal td.organising, table.mini_cal td.organising a
{background-color: rgb(52,218,150); color: white;}
table.mini_cal td.otherevent {border: rgb(52,218,150) 2px solid; }

table.events_table.mini {
	width: 250px;
	margin-left:0px;
	margin-bottom:15px;
	
	}

table.events_table.mini td {
	font-size: 9pt;
	line-height: 115%;
	
	
	}

/* 	

old colours:
	transport	rgb(255,177,55)
	climate		rgb(107,188,235)
	resources		rgb(58,43,30)
	food		rgb(0,22,72)

new colours:
	transport 		rgb(255,177,55)
	biodiversity 	rgb(255,215,58)
	food 			rgb(0,22,72)
	climate			rgb(255,215,58)
	resources		rgb(58,43,30)
	justice			rgb(249,66,58)
	
	light green		rgb(0,168,94)
	dark green 		rgb(33,61,23)
	logo green 		rgb(52,218,150)
*/


/*cycle calendar*/
table.mini_cal td.otherevent.cycle-calendar {border-color: rgb(34,138,75);}
table.mini_cal td.header-row.cycle-calendar {background-color: rgb(34,138,75);}
table.events_table .datelabel1.cycle-calendar {background: rgb(34,138,75); color: white;}
table.events_table .datelabel2.cycle-calendar {border-color: rgb(34,138,75); color: rgb(34,138,75);}
table.mini_cal td.organising.cycle-calendar, table.mini_cal td.organising.cycle-calendar a {background: rgb(34,138,75); color: white;}

/* lyb quick fixes */

#content-lyb h1 {
	color:  rgb(34,138,75);;
	font-size: 18pt;
}

#content-lyb .date {
	color: rgb(100,100,100);
	margin-top: -5px;
	padding-top: -5px;
	}
	





		
#content #horizontalbar h2 {
	color: red;
	display: block;
	border: red 2px solid;
	}

.mfoe-campaign-label
{
display: block;
float: right;
width: 90px;
padding: 2px 1px 0px 1px;
min-height: 18px;
background-color: rgb(52,218,150);
color: white;
text-align: center;
border-top: 0px 0px 0px 0px;
font-size: 14px;
}

.mfoe-looplabel a, .mfoe-button a, .mfoe-campaign-label a
{color: white;
text-decoration: none;
}

.mfoe-loop-eventdate, .mfoe-page-eventdate {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	margin-top: 15px;
	/*background: rgb(230,230,230) url('/wp-content/uploads/logos/event copy.png') no-repeat; */
	background-position: 72px 2px;
	text-align: left;
	color: white;
	display: block;
float: right;
width: 92px;
background-color: rgb(190,190,190);
color: rgb(52,218,150);
color: white;
text-align: center;
font-size: 14px;

line-height: 130%;
	}
	
#front-page-actions a {text-decoration: none;}
#front-page-actions a:hover {text-decoration: none; background-color: rgb(210,210,210);}

/* hidden from main - mobile site only */
.mobile-options,
.mfoe-looplistdate-mobileonly,
.banner-header-campaign.events-coming-up-mobile,
.campaign-activities-mobile,
.header-mfoe-mobile,
.lyb-mobilesite,
.lybmenu-mobile,
.mfoe-looplabel-mobile
{display: none;}

/* main only */
.header-mfoe {display: block; width: 100%;}





/* archive forms */

#archive-form1,
#archive-form2,
#archive-form3,
#archive-form4,
#archive-form5
{	padding: 5px;
	float: left;
	display: block;	
	background-color: rgb(240,240,240);
	border: #BEBEBE solid 1px;
	height: 340px;
	margin: 0px 25px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#archive-form1 h2,
#archive-form2 h2,
#archive-form3 h2,
#archive-form4 h2,
#archive-form5 h2
{	font-weight:bold;
	color: #BEBEBE;
	font-size: 12pt;
	height: 50px;
	}
#archive-form3 h2 {height: 44px;}

#archive-form1 {width: 110px;}
#archive-form2 {width: 180px;}
#archive-form3 {width: 115px;}
#archive-form4 {width: 200px;}
#archive-form5 {width: 105px;}

#archive-form1 a,
#archive-form2 a,
#archive-form3 a
{	
	text-decoration: none;
	height: 20px;
}

input[type=radio].archives1,
input[type=checkbox].archives2,
input[type=checkbox].archives4,
input[type=radio].archives3
{display:none;
}

input[type=radio].archives1 + label, 
input[type=checkbox].archives2 + label,
input[type=checkbox].archives4 + label,
input[type=radio].archives3 + label {
	display: block;
	/* background: rgb(220,220,220);*/
  display: block;
   border: 1px green solid;
  height: 20px;
  margin: 5px 0px 5px -2px;
  padding: 4px;
  padding-left: 8px;
  font-size: 12pt;

color: green;
}



input[type=radio].archives3 + label
{  margin-bottom: 0px;  }

input[type=radio]:checked.archives1 + label,
input[type=checkbox]:checked.archives2 + label,
input[type=checkbox]:checked.archives4 + label,
input[type=radio]:checked.archives3 + label {
  display: block;
  background: green;
  color: white;
}
/* input[type=checkbox].archives2 + label { min-width: 200px;}
input[type=checkbox].archives4 + label { min-width: 250px;}	*/
	
input[type=radio].archives3 + label {
	width: 40px;
	float: left;
	margin-right: 5px;
	}
	
/* email action */

textarea#emailaction-textarea {
	font-size: 12pt;
	width: 600px;
	}

input#emailaction-input {
	font-size: 12pt;
	width: 500px;
	}
	
/* email action */

#emailaction {
	width: 940px;

	}
	
#emailaction .mfoe-loopitem-page {
	border-top: silver 2px solid;
	}

#emailaction-submit {
	background-color: green;
	display: block;
	color: green;
	}
	
.emailaction-left {
	display: block;
	width: 500px;
	float: left;
	padding-top: 10px;

	
	}
		
.emailaction-right {
	display: block;
	width: 580px;
	float: left;
	padding-left: 5px;
	border-left: silver 1px solid;
	
	}
	
#emailaction h2, #emailaction h1 {
	color: rgb(34,138,75);
	margin-bottom: 10px;
	border-bottom:rgb(34,138,75) thin solid;

	}	
	
#emailaction h2 {
	clear: both;

	}
	
#emailaction h1 {
	border-bottom: none;
	font-size: 24px;
	}
	
#emailaction p {
	margin-top: 2px;
	line-height: 140%;
	}
	
#emailaction a {
	color:rgb(34,138,75);
	}

#emailaction .instructions {
	color: white;
	background-color: rgb(107,188,235);
	padding: 5px;
	font-size: 12pt;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	
	border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	
	width: 335px;
	
	}

#emailaction .lowerinstructions {
	font-size: 12pt;
	}
	
#emailaction .salutation {
	font-size: 12pt;
	}

#emailaction textarea, #emailaction .display-sent {
	background-color: rgb(240,240,240);
	padding: 5px;
	border: green;
	margin-bottom: 10px;
	box-shadow:0 0 10px rgb(107,188,235);
	}




/* election survey */
.results_box_display {
	display: block;
	background-color: rgb(180,180,180);
	width: 400px;
	float: left;
	margin: 5px 15px 5px 5px;
	padding: 10px;
		border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	}
	
.results_box_display h2 {
	color: white;
	font-weight: bold;
	font-size: 140%;
	}
.graph_bar_name {
	color: white;
	font-size: 120%;
	margin-bottom:2px;
	}

.graph_bar_image {
	display: block;
	float: left;
	width: 200px;
	min-width: 200px;
	margin-right: 10px;
	}

.election-graph-container {
	border: rgb(200,200,200) 2px solid;
	padding: 5px;
	width: 550px;
		border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	}
	
.survey-answer-bubble {
	display: block;
		border: rgb(190,190,190) 1px solid;
	width: 90%;
	float: left;
	margin: 5px 15px 5px 5px;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	color: grey;
	font-size: 140%;
}

.survey-answer-bubble-header {
	width: 90%;
	display: block;
	margin: 10px 15px 0px 5px;
	padding: 10px;
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	background-color: white;
	clear: both;
	font-size: 180%;
	}

	
.survey-answer-bubble-part {
	width: 70%;
	float: left;

	}
.survey-answer-bubble-left
{
	width: 20%;
	float: left;
	display: block;
	font-size: 400%;
	padding: 20px 5px 20px 5px;
	
	}

.survey-answer-image {
width: 100px; margin-top: 40px; display: block;

}

.survey-question {


		font-weight: bold;
		font-size: 95%;
		display: block;
		}
		
.survey-answer-bubble-answer,
.survey-answer-bubble-score
 {

	width: 10%;
	float: right;
	display: block;
	font-size: 400%;
	padding: 20px 5px 20px 5px;
}

.survey-answer-bubble-score
{font-size: 300%;}

.survey-comment {

	font-size: 80%;
	display: block;
	margin-top: 40px;
}
.survey-comment-quote {
	font-size: 300%;
	color: rgb(107,188,235); 
	display: block;
}

.survey-comment-text {
	display: block;
	float: left;
	margin-left: 30px;
}

.survey-question-short {
	display: inline;
	}

.election-graph-below {
	clear: both;
	display: block;
	font-size: 10pt;
	margin: 2px 0px 0px 0px;
}

.only-mobile {display: none;}


/* boxes for use in posts */

.image-box {
	display: block;
	border: solid 1px rgb(190,190,190);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding: 2px 2px 2px 2px;
	float: left;
	margin-left: 20px;
}




/*election survey*/



.election-survey table {
	width: 100%;
	border: grey 1px solid;
	}

.election-survey-question {
	font-weight: bold;
	margin-top: 20px;
	}

.election-survey-answer {
	background: rgb(235,235,235);
}
.election-survey tr {
	border-bottom: 1px silver solid;
	min-height: 50px;
	}

.election-survey td.title {
	background-color: rgb(220,220,220);
	}

.election-survey td.title {
	background-color: rgb(220,220,220);

	}

.election-survey-show-results-mobile 
{display: none;}
	
.election-survey td.party {
	width: 200px;
	}
		
.election-survey td.constituency {

	color: white;
	background-color: rgb(162,198,23);
	margin-bottom: 20px;
	font-size: 130%;


	}	
	
.election-survey td.spacer {
	display: block;
	height: 10px;
		border-bottom: none;
	}
.election-survey tr.constituency {
padding-bottom: 20px;
	}	
	
.election-survey td {

	padding-top: 1px;
	text-align: left;
	min-height: 50px;
	min-width: 15px;
	font-size: 90%;
		border-bottom: 1px silver solid;
		color: black;
		}

.election-survey-party td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	text-align: right;
	min-width: 25px;
		}

/* .election-survey tr:nth-child(odd){ 
	background: rgb(220,220,220);
	}
	
.election-survey-party tr:nth-child(odd){ 
	background: rgb(220,220,220);
	} */	
	
.election-survey-Conservative {color: blue;}
.election-survey-Green {color: green;}	
.election-survey-Independent {color: rgb(100,100,100);}	
.election-survey-Liberal-Democrats {color: orange;}	
.election-survey-Labour {color: red;}


/* survey admin */
.survey_admin_container {display: table; width:100%;}

.survey_admin_row {
	display: table-row;
	
		}

.survey_admin_cell {
	display: table-cell;
	border: grey thin solid;
	padding: 5px;
	}
	
.survey_admin_row.hidden {color: red;}
.survey_admin_row.displayed {color: green; font-weight: bold;} 


/* sidebar */

.mfoe-sidebar-box {
	display: block;
	padding: 0px;
	border-top: rgb(200,200,200) 2px solid;	
	margin: 5px 10px 10px 20px;

}

.mfoe-sidebar-box h2{
	font-size: 140%;
	 text-transform: uppercase;
	}
	
	
/* simple share buttons added plugin */

.mfoe-element.ssba.ssba-wrap {display: none;}

/* hide from mobile site */


#nav-main-mobile {
    display: none !important;
}



/* mobile menu */

@media only screen and (max-width: 768px) {
	
.mfoe-hide-from-mobile {
	display: none;
}
.mfoe-loop-item-cell.top h3 a
{ color: red;
font-size: 80%}


#nav-main-mobile {
    display: block;
    font-size:15px;
    top:0;
    position:absolute;
    z-index: 1000;
    background-color: #252525;
    width:100%;
}
#nav-main-mobile a {
    text-transform: uppercase;
    color: #fff;
}
#nav-main-mobile a:hover {
    color: #c50030;
}
#nav-main-mobile li {
    list-style-type: none;
}
/* =Nav
-------------------------------------------------------------- */
.site-header {
    background-color: #252525;
    padding-top:30px;
}
.menu-item {
    width:100% !important;
    position: relative;
    padding: 0px;
    line-height:35px;
}
.menu-btn-container{
    content:'menu';
    text-transform:uppercase;
    color:#fff;
    padding:5px;
}
.menu-btn div {
    position: absolute;
    left: 100%;
    top: 64%;
    padding-right: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;
}

.menu-btn span {
    display: block;
    width: 19px;
    height: 3px;
    margin: 4px 0;
    background-color: #fff;
    z-index: 99;
}
.menu-btn #menu-text {
    display:block;
    float:left;
    position:absolute;
    top:2px;
    left:30px;
    background-color: #252525;

}

.responsive-menu{
    display: none;
}

.expand {
    display: block !important;.
}

.open-menu-link{
    display: none;
    position: absolute;
    right: 15px;
    top:0;
    line-height: 35px;
    font-size: 30px;
    cursor: pointer;
}

li .sub-menu{
    display: none;
}
li .sub-menu a {
    font-size: 12px;
    list-style-type: none !important;}

.visible {
    display: block !important;
    color: #fff;
}
}

/* digest calendar */
	#entry-content .entry-digest-calendar 
	{
		font-size: 9pt;
		
		font-family: arial;
		}
	.entry-digest-calendar td	
	{
		color: blue;
	}