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

TABLE OF CONTENTS 

Chrome
- Header
- Footer
- a - link
- Dropdown
- Buttons
- Tabs
MULTI-PAGE ELEMENTS
- Button
-- The button itself
-- Buttons next to headings
- Controls
-- Size & styling
-- Containers & margins
-- Multi-line controls
-- Control elements
-- Dropdown selectors
- Popup
SINGLE-RULE STYLES
SPECIFIC PAGES 
- DONATION REGISTRY
- EA PROFILES 
- EA ACTIONS: DONATING
- GROUP PAGES

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

body { 
	font: 1em/165% "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif !important;
	margin:0; 
	padding:0; 
	outline:0 none; 
	vertical-align:baseline; 
	background: #f5f5f5 !important;
}

h1, h2, h3, h4, h5, h6 { margin:25px 0 20px 0; line-height:120%; text-shadow: 1px 1px 1px #EAF1EA; font-family: 'Roboto Slab', Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
	font-weight: normal; /* added myself - keep font weight as normal, cos looks better with Roboto */
 }

h1 { font-size: 32px; margin:0 0 20px 0; 
	font-weight: bold; 
}

h2 { font-size: 22px; color:#1487d4; font-weight:normal; }

h3 { font-size: 125%; }

h4 { font-size: 110%; }

.front .node h1 { font-size:30px; color:#494d4f; font-weight:normal; }

.front .node h1.front-heading { margin-bottom:0; font-weight:bold; }

.node.node-teaser h2 { margin-top:0; }

.subtitle { padding:5px 0 15px 0; font-size:18px; color:#494d4f; font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

input, textarea, select { font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }


p { margin:0 0 25px 0; }

a, li a.active { text-decoration:none; }

a img { border:none; outline: none; display:block; overflow:hidden; }

img.masked, .field-type-image img { background:transparent url('images/pattern.png'); border:1px solid #d8d8d8; padding:10px; margin:10px 0; }

img { max-width: 100%; height: auto; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

code { font-family: "Courier New", Courier, monospace; }

blockquote { background:transparent url('images/blockquote.png') no-repeat top left; margin: 40px 0; padding: 0 55px; }

.breadcrumb { padding:0 10px 20px 0; }

.breadcrumb-separator { padding:0 8px 0 4px; }

.submitted { margin:-15px 0 20px 0; font-size: 85%; font-style: italic; }

.region-sidebar-first .block h2, .region-sidebar-second .block h2 {  margin: 0 0 15px 0; padding:0 0 5px 0; }

.region-content { line-height:155%; } 


/* 
* Layout 
*/
#header { clear:both; }

#header-inside { margin: 0 auto; padding:40px 0; overflow:hidden; } 

#header-menu { clear:both; }

#logo { display:block; overflow:hidden; padding:0; margin:0; }

#logo a{ padding:0; margin:0; display:block; overflow:hidden; }

#logo img { padding:0; margin:0; display:block; overflow:hidden; }

#banner  { clear:both; border-bottom:1px solid #fcfcfc; overflow: hidden; }

#content { clear:both; overflow:hidden; }

#content-inside { padding:30px 0 60px; } 

#main {  }

#sidebar { } 

.no-sidebars #main { padding-top:10px; padding-bottom:10px; }

.no-sidebars #sidebar { display:none; }

.meta-data { font-size:75%; text-transform:uppercase; color:#545454; margin:5px 0 20px 0; display:block; overflow:hidden; clear:both; }

#footer { clear:both; overflow:hidden; padding:20px 0 50px 0;}

#footer-inside { } 

.footer-area { }

.footer-area.first { }

.footer-area.second { }

.footer-area.third { }

.node.node-teaser { margin-bottom:60px; }

#footer-bottom { clear:both; overflow:hidden; padding:40px 0; }

#footer-bottom-inside { } 

#footer-bottom-left { }

#footer-bottom-right { }

/*
* Sidebar Blocks - Menus
*/
.region-sidebar-first .block .content, .region-sidebar-second .block .content  { border:1px solid #ffffff; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
padding: 20px; overflow:hidden; margin:0 0 40px 0;
 /* shadow */
-webkit-box-shadow: 0 2px 6px #efefef inset;  -moz-box-shadow:0 2px 6px #efefef inset;  box-shadow:0 2px 6px #efefef inset; }

.region-sidebar-first #block-block-2.block .content, .region-sidebar-second #block-block-2.block .content { background:none; border:none; padding:0; -webkit-box-shadow: none;  -moz-box-shadow:none;  box-shadow:none; }

.region-sidebar-first ul.menu, .region-sidebar-second ul.menu {  margin:0; padding:0; }

.region-sidebar-first ul.menu li, .region-sidebar-second ul.menu li { list-style:none; margin:0; padding:5px; border-bottom:1px solid #e7e7e7; display:block; }

.region-sidebar-first ul.menu li.expanded, .region-sidebar-second ul.menu li.expanded { border-bottom:none; }

.region-sidebar-first ul.menu ul.menu, .region-sidebar-second ul.menu ul.menu { padding:0 0 0 15px; }

.region-sidebar-first ul.menu li.collapsed, .region-sidebar-second ul.menu li.collapsed
 { background:url("images/menu-collapsed.png") no-repeat scroll left 10px transparent; }

.region-sidebar-first ul.menu li.expanded, .region-sidebar-second ul.menu li.expanded
 { background:url("images/menu-expanded.png") no-repeat scroll left 10px transparent; }

.region-sidebar-first ul.menu li.collapsed > a, .region-sidebar-second ul.menu li.collapsed > a
{ padding-left:15px; }

.region-sidebar-first ul.menu li.expanded > a, .region-sidebar-second ul.menu li.expanded > a { padding-left:15px; }

/* 
* Contact 
*/
.contact-form { margin:10px 0; }

.filter-wrapper { border:1px solid #DDDDDD; border-top:none; }

.user-picture { float:left;  padding:0 20px 10px 0; }

/*
* About
*/
.about-features { padding:60px 0 0 0; }

.about-feature.last {  }

.about-members { clear:both; padding:10px 0 0 0;}

.about-member { background:transparent url('images/pattern.png'); border:1px solid #e4e4e4; padding:15px; margin-bottom:15px; }

.about-feature h2 { margin-top:0; }

.about-member p { margin:0; }

/*
* Products
*/
.product { margin-bottom:60px; }

.product h2 { margin:0 0 5px 0; }

.product-subtitle { padding:0 0 10px 0; }

/*
* Services
*/
.services { clear:both; padding:20px 0; }

.service-left {  }

.service-right {  }

/*
* Testimonials
*/
.testimonial { display: block; overflow: hidden; position: relative; clear:both; }

.testimonial-inner { outline:none; border:1px solid #ffffff; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
padding: 20px; overflow:hidden; background:#ffffff; margin:25px 0 0 0; font-style:italic;
 /* shadow */
-webkit-box-shadow: 0 2px 3px #efefef inset;  -moz-box-shadow:0 2px 3px #efefef inset;  box-shadow:0 2px 3px #efefef inset; }

.testimonial-submitted { background: url("images/testimonial.png") no-repeat scroll 95% 0 transparent; text-align:right; padding:20px 0 0 0; }

/* 
* Main-menu 
*/
/* 1st Level */
#header-menu ul.menu { display:block; padding:0; margin:0; position:relative; z-index:100; }

#header-menu ul.menu li { display:inline-block; float:left; vertical-align: middle; padding:0; margin:0; }

#header-menu ul.menu li a { outline:none; text-decoration: none; margin:0 25px 0 0; padding:10px 5px; font-size:14px; font-weight:normal; 
text-align:center; text-transform:uppercase; font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; display:block; }

#header-menu ul.menu li.first a { padding-left:0; }

#header-menu ul.menu li.last a { padding-right:0; }

#header-menu ul.menu li a:hover, #header-menu ul.menu li a.active { color:#1487d4; }

#header-menu ul.menu li a:after { content: none; }

#header-menu ul.menu li.expanded { position: relative; }

/* disabled cos only shows when in active trail - only draw attention to dropdowns when they're in superfish 
#header-menu ul.menu li.expanded a { 

background:transparent url('images/menu-expanded.png') no-repeat center right;
padding:10px 15px 10px 10px; 
}
*/

/* 2nd Level */
#header-menu ul.menu li.expanded ul.menu { width: 230px; z-index:100; padding:0; display: none; position: absolute; }

#header-menu ul.menu li.expanded:hover, #header-menu ul.menu li.expanded:hover > ul.menu { display:block; }

#header-menu ul.menu li.expanded ul.menu li a { padding:10px; margin:0; display:block; width:210px; text-align:left; line-height:130%; background:none; font-size:12px; }

#header-menu ul.menu li.expanded ul.menu li.expanded { background:transparent url('images/menu-collapsed.png') no-repeat center right; }

#header-menu ul.menu li ul.menu li a:hover {  background:#1b1b1b; color:#1487d4; }

#header-menu ul.menu li.expanded ul.menu li.expanded a:hover { background:#1b1b1b url('images/menu-collapsed.png') no-repeat center right; }

#header-menu ul.menu li.expanded ul.menu li.leaf a:hover { background:#1b1b1b; }

/* 3rd, 4th, 5th, (...) level  */
#header-menu ul.menu li.expanded ul ul { display: none; left: 230px; top:0; padding:0; }

/* 
* Superfish support
*/
#navigation .block-superfish ul.sf-menu { margin:0; padding:0; }

#navigation .block-superfish ul.sf-menu li a { margin:0 25px 0 0; padding:10px; font-size:14px; font-weight:normal; text-align:left;
text-transform:uppercase; font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

#navigation .block-superfish ul.sf-menu li a.menuparent { padding:10px 30px 10px 10px; }

#navigation .block-superfish ul.sf-menu li.first a { padding-left:0; }

#navigation .block-superfish ul.sf-menu li.last a { margin-right:0; }

#navigation .block-superfish ul.sf-menu li li a, #navigation .block-superfish ul.sf-menu li li.first a, #navigation .block-superfish ul.sf-menu li li.last a { margin:0; padding:10px; font-size:12px; }

#navigation .block-superfish ul.sf-menu li:hover ul, #navigation .block-superfish ul.sf-menu li.sfHover ul { top: 35px; }

#navigation .block-superfish ul.sf-menu li:hover ul ul, #navigation .block-superfish ul.sf-menu li.sfHover ul ul { top: 0; }

#navigation .block-superfish select { width:100%; margin:10px 0; padding:5px; }

/* 
* Superfish support: Reset background/border
*/
#navigation .block-superfish ul.sf-menu li, #navigation .block-superfish ul.sf-menu li a,
#navigation .block-superfish ul.sf-menu li:hover,
#navigation .block-superfish ul.sf-menu li a:focus, .block-superfish ul.sf-menu li a:hover, 
#navigation .block-superfish ul.sf-menu li a:active { background:none; border:none; }

/* 
* Footer menu 
*/


#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer-bottom h1, #footer-bottom h2, #footer-bottom h3, #footer-bottom h4, #footer-bottom h5, #footer-bottom h6 {
	text-transform: uppercase;
	font-size: 14px;
	text-shadow:none; 
	
	margin: 1em 0 0.2em;
}


#footer .block ul.menu { margin: 0; padding: 0; }

/* no indent
#footer .block ul.menu ul.menu { margin: 0 0 0 15px; }
*/

#footer .block ul.menu li { list-style:none; margin:0; padding:0; list-style-image:none; }

#footer .block ul.menu li a { 
	display: block;
	padding: 5px 0; 
}


#footer #footer-inside .block ul.menu li a { /* #footer-inside to override autogen colors.css */
	border: none;
}

/* disabled default styles
#footer .block ul.menu li.collapsed
 { background:url("images/menu-collapsed.png") no-repeat scroll left 10px transparent; }

#footer .block ul.menu li.expanded 
 { background:url("images/menu-expanded.png") no-repeat scroll left 10px transparent; }
 
 #footer .block ul.menu li.collapsed > a { padding-left:15px; }
 
 #footer .block ul.menu li.expanded > a { padding-left:15px; }
*/

/* 
* Footer-bottom menu 
*/
ul.secondary-menu, #footer-bottom ul.menu { padding:0; margin:0 0 10px 0; display:block; overflow:hidden; }

ul.secondary-menu li, #footer-bottom ul.menu li { display:block; float:left; list-style-type:none; overflow:hidden; padding:0 10px; margin:0; }

ul.secondary-menu li.first, #footer-bottom ul.menu li.first { padding:0 10px 0 0; margin:0; }

ul.secondary-menu li.last, #footer-bottom ul.menu li.last { border-right:none; margin:0; }

#footer-bottom ul.menu ul.menu { display:none; }

/* 
* Comments 
*/
#comments { padding:20px 0 0 0; }

.comment { border:1px solid #ffffff; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
padding: 20px; overflow:hidden; background:#ffffff; margin:0 0 30px 0;
 /* shadow */
-webkit-box-shadow: 0 2px 6px #efefef inset;  -moz-box-shadow:0 2px 6px #efefef inset;  box-shadow:0 2px 6px #efefef inset;}

#comments-title { border:1px solid #e7e7e7; padding:5px 10px; display:block; overflow:hidden; margin:0 0 30px 0;
/* background */
background: #fdfdfd;
/* IE10 */ 
background-image: -ms-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #efefef));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* Proposed W3C Markup */ 
/* tog: background-image: linear-gradient(top, #fdfdfd 0%, #efefef 100%);
/* IE6-9 */ 
/* tog: filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#efefef');
/* radius */
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}

#comments-title h2 { padding:0; margin:0; }

#comments-title-left { float:left; width:50%; }

#comments-title-right { float:right; width:50%; text-align:right; }

#comments-title-right .counter { color:#979696; font-weight:bold; font-size:20px; 
background:transparent url('images/comments.png') no-repeat center left; padding:0 0 0 35px; }

#comments h3 { margin:0; padding:10px 0 20px 0; font-weight:normal; }

#comments ul.links { display:block; }

#comments ul.links li a { color:#fefefe; padding:5px 10px; margin:0 0 0 2px; text-shadow: 0 1px 1px #003547; font-weight:bold; border:none;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; cursor:pointer;
/* radius */
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
/* shadow */
-webkit-box-shadow: 0px 1px 2px #939da2; -moz-box-shadow: 0px 1px 2px #939da2; box-shadow: 0px 1px 2px #939da2; }

#comments ul.links li a:hover { text-decoration:none; }

/*
* Poll
*/
.poll .bar .foreground { background-color: #0092c3; }

.poll .title { padding:0 0 20px 0; }

/*
* Recent content block
*/
#block-node-recent table, #block-node-recent td { border:none; }

#block-node-recent table tbody { border:none; }

#block-node-recent tr.even, #block-node-recent tr.odd { border-bottom:1px solid #e7e7e7; }

/*
* Search
*/
#block-search-form { background:#e8e8e8; border:none; overflow:hidden;
/* Radius */
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 /* shadow */
-webkit-box-shadow: 0px 2px 5px #c8c8c8 inset;  -moz-box-shadow: 0px 2px 5px #c8c8c8 inset;  box-shadow: 0px 2px 5px #c8c8c8 inset; }

#header #block-search-form { margin:15px 0 0 0; }

#block-search-form .form-item { margin:0; padding:0; }

#block-search-form input.form-text { background:none; border:none; outline:none; text-decoration: none; color:#9f9f9f; float:left; width:70%; padding:10px; margin:0;height:15px; line-height:15px; -webkit-box-shadow: none;  -moz-box-shadow:none;box-shadow:none; }

#block-search-form input.form-submit { background:none; border:none; outline:none; padding:6px 10px 0 10px; float:right; }

.region-sidebar-first #block-search-form, .region-sidebar-second #block-search-form { -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none; }

.region-sidebar-first #block-search-form.block, .region-sidebar-second #block-search-form.block  { background:none; }

.region-sidebar-first #block-search-form.block .content, .region-sidebar-second #block-search-form.block .content { background:#ffffff; border:1px solid #FFFFFF; overflow:hidden; padding:0; }

/* 
* Messages
*/
div.messages.status { background:#52ac61; border:1px solid #46a055; padding:10px; margin:0 0 15px 0; color:#ffffff; }

div.messages.error { background:#d30000; border:1px solid #b50000; padding:10px; margin:0 0 15px 0; color:#ffffff; }

div.messages.warning { background:#dd6e0c; border:1px solid #d2ac7f; padding:10px; margin:0 0 15px 0; color:#ffffff; }

div.messages.status a, div.messages.error a, div.messages.warning a { color:#ffffff; text-decoration:underline; }

/* 
* Javascript Slideshow 
*/
#slider { position:relative; margin:0 auto; padding:0;}

#slideshow { position:relative; display:none; }

#slideshow img { display:none; }

.slider-item { width:100%!important; max-width:100%!important; }

.slider-item .content { padding:30px 0 0 0; position:relative; }

.slider-item a { outline:none; }

#slider-controls-wrapper { padding:20px 0; display:none; } 

#slider-controls { display:block; text-align:center; } 

#slider-controls ul { display:block; overflow:hidden; margin:0; padding:0; text-align:center; }

#slider-controls ul li { display:inline; margin:0; padding:0; list-style:none; }

#slider-controls ul li a { width:17px; height:17px; background:url('images/inactive-slide.png') no-repeat center center; display:inline-block; padding:0; margin:0; outline:none; }

#slider-controls ul li a:focus { outline:none; }

#slider-controls ul li.activeSlide a:hover, #slider-controls ul li.activeSlide a { background:url('images/active-slide.png') no-repeat center center; }

/* 
* Slideshow Typography
*/
#slideshow h2 { margin:0 0 10px 0; color:#222222; font-size:30px; font-weight:bold; }

/*  
* Tables
*/
table { border-spacing:0; border:0; width:100%;  }

table td, table th { border:1px solid #bbbbbb; }

table th { background:#067367; color:#ffffff; font-weight:bold; }

table tr.odd { background:transparent; }

table tr.even { background:#ffffff; }

table td, table th { padding:5px; }
/* Remove table borders */
table.noborder td, table.noborder th, table.noborder tr { border:none; }

/* 
* Lists 
*/
ol { list-style-type:decimal; }

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

ol ol ol {list-style-type:lower-alpha; }

li { display:list-item; }

.pager-current { font-weight:bold; color:#7c713f; }

.links { display: block; text-align:right; }

.links li { list-style-type:none; }

.item-list ul { margin:0 0 0.25em 1em; padding:0; }

.item-list ul li { margin:0 0 0 5px; padding:0 0 5px 5px; }

ol.search-results { padding:0; }

.links ul li a, a.more,
input[type="submit"], input[type="reset"], input[type="button"] { color:#fefefe; padding:7px 15px; text-shadow: 0 1px 1px #003547; font-weight:bold; border:none;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; cursor:pointer;
/* radius */
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
/* shadow */
-webkit-box-shadow: 0px 1px 2px #939da2; -moz-box-shadow: 0px 1px 2px #939da2; box-shadow: 0px 1px 2px #939da2; }

.links ul li a:hover, a.more:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { text-decoration:none; }

.resizable-textarea .grippie { border:1px solid #dddddd; }

#edit-submit, #edit-preview { margin:0 10px 0 0; }

#block-search-form input.form-submit { margin:0; border:none; 
-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:none; 
filter:none;
 }

ul.inline li { display: inline-block;
 margin: 0; padding: 10px 5px; zoom: 1; 

*display: inline; 

}

input.form-submit { margin:0 10px 0 0; }

/*
* Forms
*/
label { font-weight:bold; /* tog: comes from system css anyway, override with more specific selector for specific forms later */ }

input.form-text { background:#e8e8e8; border:1px solid #f2f2f2;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; height:25px; line-height:25px; margin:0 0 10px 0; padding:5px; width:80%; color:#5f6a5f; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 /* shadow */
-webkit-box-shadow: 0px 2px 3px #bcbcbc inset;  -moz-box-shadow: 0px 2px 3px #bcbcbc inset;  box-shadow: 0px 2px 3px #bcbcbc inset; }

input.form-text.error { border:2px solid red; }

textarea { background:#e8e8e8; border:1px solid #f2f2f2;
font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
margin:0 20px 10px 0; padding:10px 5px; height:155px; font-size:100%; color:#5f6a5f; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
 /* shadow */
-webkit-box-shadow: 0px 2px 3px #bcbcbc inset;  -moz-box-shadow: 0px 2px 3px #bcbcbc inset;  box-shadow: 0px 2px 3px #bcbcbc inset;}

.filter-wrapper { border:1px solid #DDDDDD; border-top:none; }

/*
* Social
*/
ul.social-bookmarks { margin:0; padding:0; }

ul.social-bookmarks li {display:inline-block; float:left; list-style-type:none; margin:0; }

ul.social-bookmarks li a { display:inline-block; width:25px; height:24px; padding:0 3px;  margin:0 auto; text-align:center; overflow:hidden; outline:none; }

ul.social-bookmarks li.label { padding:0 15px 0 0; }

ul.social-bookmarks li.facebook a { background:url('images/social-media-facebook.png') no-repeat center bottom; }

ul.social-bookmarks li.twitter a { background:url('images/social-media-twitter.png') no-repeat center bottom; }

ul.social-bookmarks li.rss a { background:url('images/social-media-rss.png') no-repeat center bottom; }

ul.social-bookmarks li.linkedin a { background:url('images/social-media-linkedin.png') no-repeat center bottom; }

ul.social-bookmarks li.delicious a { background:url('images/social-media-delicious.png') no-repeat center bottom; }

/*
* Forum
*/
#forum { padding:20px 0; }

/*
* Twitter updates
*/
.twtr-hd, .twtr-ft { display:none; }

.twtr-bd { display:block; overflow:hidden; }

.twtr-widget .twtr-tweet { border-bottom: 1px solid #353535 !important; padding: 0 0 5px 0; margin: 0 0 5px 0;  }

/**
 * Local tasks
 */
ul.primary, ul.tabs { clear:both; margin:10px 0 35px 0; white-space: normal }

ul.primary li, ul.tabs li { padding:10px 0; line-height:130%; }

ul.primary li a, ul.tabs li a { margin:0; padding: 4px 1em; display: inline-block; }

/**********/
/**********/
/**********/
/* my 
additions */
/**********/
/**********/
/**********/

/**************************************************/
/*              CHROME
/**************************************************/           

/** - Overall */

a:hover {
	color: #067367;
}

/** - Header */

#header-logo img {
	display: inline;
}

#site-name {
	top: -13px;
position: relative;
left: 10px;

	font-family: 'Roboto Slab', Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
	font-size: 34px;
}

#header-inside {
	padding: 20px 0 !important;
}
#navigation a:hover {
	color: #0B9B8B;
}


#header a,
#header-menu ul.menu li a.active
 {
	color: white !important; 
	/* !important required because of Corporate Clean's use of colors, alas. 
	To fix this, we'd need to switch to Zen. */
}

#header-menu {
	border: none !important;
	/* !important required because of Corporate Clean's use of colors, alas. 
	To fix this, we'd need to switch to Zen. */
	/*
	text-align: center;
*/
}

/*
#header-inside-left {
	width: 100% !important;
	text-align: center !important;
}
*/

/*
#navigation ul.menu {
	width: 783px !important;
margin: 0 auto !important;
}
*/

/* - Content */

.region-content a:hover {
	text-decoration: underline;
}


/** - Footer */
.region-footer {
	font-size: 0.8em;
}


#footer {
	font-family: 'Roboto Slab', Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
}


#footer-bottom {
	background: #0a0a0a !important;
	background-image: none !important;
	border: none !important;
	/* !important required because of Corporate Clean's use of colors, alas. 
	To fix this, we'd need to switch to Zen. */
}


/* a - link is unchangeable due to colour selector */



/**************************
***************************
*** -- DROPDOWN         ***
***************************
***************************/

/**************************
*** OLD, EDITED         ***
***************************/

/* Superfish main menu */

#block-superfish-1 {
	background-color: white;
	border-bottom: 6px solid #6c0000;
	/* FROM GWWC THEME:	margin-bottom: 0; /* http://stackoverflow.com/questions/10536703/margin-bottom-on-html-element-causes-extra-space-above-it-firebug-doesnt-reve */
}


/*.sf-menu li:hover ul,*/
/*.sf-menu li.sfHover ul {*/
/*  left: 0;*/
/*  top: 20px;*/
/*}*/
/*#superfish-1.sf-menu {*/
/*  float: left;*/
/*/*  margin-bottom: 1.5em;*/
/*  padding: 0;*/
/*}*/
/**/
/*#superfish-1 .sf-shadow ul {*/
/*	padding: 0; /* tog - compensating for misplaced sf-shadow */
/*	border-radius: 0px;*/
/*	background-image: none;*/
/*}*/
/**/
/*#superfish-1.sf-menu.sf-navbar {*/
/*  width: 100%;*/
/*}*/
/**/
/*#superfish-1.sf-menu ul {*/
/**/
/*}*/
/*#superfish-1.sf-menu a {*/
/*/*  border-right: 1px #CCC solid;*/
/*  border-bottom: 1px #CCC solid;*/
/*  font-family: Helvetica, Arial, sans-serif; */
/*  font-size: 10pt;*/
/*  text-transform: lowercase;*/
/*  color: #444444 !important;*/
/*  padding: 5px 1em 5px;*/
/*  text-decoration: none;*/
/*  color: white;*/
/*}*/
/*#superfish-1.sf-menu > li > a {*/
/*  text-align: center;*/
/*}*/
/*#superfish-1.sf-menu a.sf-with-ul {*/
/*  padding-right: 2.25em;*/
/*}*/
/*#superfish-1.sf-menu.rtl a.sf-with-ul {*/
/*  padding-left: 2.25em;*/
/*  padding-right: 1em;*/
/*}*/
/*#superfish-1.sf-menu span.sf-description {*/
/*  color: #13a;*/
/*  display: block;*/
/*  font-size: 0.8em;*/
/*  line-height: 1.5em;*/
/*  margin: 5px 0 0 5px;*/
/*  padding: 0;*/
/*}*/
/**/
/*#superfish-1.sf-menu li,*/
/*#superfish-1.sf-menu.sf-navbar {*/
/*  /*FROM GWWC: background: #F8F7F3;*/
/*}*/
/*#superfish-1.sf-menu li li {*/
/*  /*FROM GWWC: background: #F8F7F3;*/
/*}*/
/*#superfish-1.sf-menu li li li {*/
/*  /*FROM GWWC: background: #F8F7F3;*/
/*}*/
/*#superfish-1.sf-menu li:hover,*/
/*#superfish-1.sf-menu li.sfHover,*/
/*#superfish-1.sf-menu li.sfHover a,*/
/*#superfish-1.sf-menu a:focus,*/
/*#superfish-1.sf-menu a:hover,*/
/*#superfish-1.sf-menu a:active {*/
/*  color: white;*/
/*/*  color: #111111;*/
/*  background-color: #F0DDB7;*/
/*  outline: 0;*/
/*}*/
/*#superfish-1.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol,*/
/*#superfish-1.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*}*/
/*#superfish-1.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {*/
/*	font-weight: bold;*/
/*}*/
/*#superfish-1.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {*/
/*	display: inline;*/
/*	float: left;*/
/*	width: 160px; /* was 12em - this for now while items narrow enough */
/*}*/
/*#superfish-1.sf-menu.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {*/
/*	float: right;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-1 ul.sf-megamenu {*/
/*	width: 160px; /* was 12em - this for now while items narrow enough */
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-2 ul.sf-megamenu {*/
/*	width: 24em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-3 ul.sf-megamenu {*/
/*	width: 36em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-4 ul.sf-megamenu {*/
/*	width: 48em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-5 ul.sf-megamenu {*/
/*	width: 60em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-6 ul.sf-megamenu {*/
/*	width: 72em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-7 ul.sf-megamenu {*/
/*	width: 84em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-8 ul.sf-megamenu {*/
/*	width: 96em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-9 ul.sf-megamenu {*/
/*	width: 108em;*/
/*}*/
/*#superfish-1.sf-menu li.sf-parent-children-10 ul.sf-megamenu {*/
/*	width: 120em;*/
/*}*/


/* top level menu items ****/

#superfish-1 {
	margin: 0 auto;
max-width: 60em;
padding: 0 2em;
/*	display: table-row !important;
	/* need to position this like article, with something like this:
	
	margin: 0 auto;
width: 60em;
padding: 0 2em;
}

	..but that's hard to get working */
}


li.sf-depth-1 {
	width: 23%; /* close to exactly even positioning of start letter */
	/* would ideally centre all but first and last, but tricky to make the menu align in this case, not worth it */
}

li.sf-depth-1.last {
	width: 8%;
}

li.sf-depth-1.last > a {
	text-align: right; 
}

a.sf-depth-1 {
	/* gwwc
	color: #343434;
	font-size: 16px;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 0.1ex;
	*/
	
	color: white;
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', 'Segoe UI', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 21px;
line-height: 21.1200008392334px;
list-style-position: outside;
/* list-style-type: square; */
margin-bottom: 0px;
margin-left: 0px;
margin-right: 25px;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 5px;
padding-top: 10px;
text-align: center;
text-decoration: none solid rgb(20, 212, 189);
text-transform: uppercase;
width: 59px;
zoom: 1;
}

/* added by Jacob */
#superfish-1.sf-menu a.sf-depth-1 {
  font-weight:bold;
  color: #6c0000;
}
#superfish-1.sf-menu a.sf-depth-1:hover {
  color: #676767;
}

a.sf-depth-1.active,
.active-trail a.sf-depth-1,
body.section-blog #menu-1000-1 a.sf-depth-1
 {
	/*border-bottom: 9px solid red;*/
	/* gwwc4 - add bg for rollover */
}

/*#superfish-1 .sf-sub-indicator {*/
/*    background: url('/sites/all/themes/summerton/images/from-gwwc4/chrome/header/menus/arrow.png') no-repeat scroll transparent;*/
/*    display: block;*/
/*    overflow: hidden;*/
/*    position: absolute;*/
/*    right: 7px;*/
/*    text-indent: -999em;*/
/*    top: 6px;*/
/*    height: 10px;*/
/*    width: 10px;*/
/*}*/
/**/
/**/
/*.sf-depth-1 ul { /* not li.sf-depth-2.first as we'd then need to change make li have bgcolor, not ul */ 
/*	margin-top: 38px;*/
/*}*/
/**/
/*.sf-depth-1 ul ul {*/
/*	margin-top: 0px;*/
/*	border-top-right-radius: 0px;*/
/*}*/
/**/
/*.sf-depth-1 ul {*/
/*	background-color: #1a1a18;*/
/*}*/
/**/
/**/
/**/
/*.sf-depth-1 ul a {*/
/*	color: white;*/
/*	text-transform: capitalize;*/
/*	font-weight: normal;*/
/*	font-size: 0.875em;*/
/*}*/
/**/
/*.sf-depth-1 ul a:hover {*/
/*	background: url('/sites/all/themes/summerton/images/from-gwwc4/chrome/header/menus/menu-dropdown-hover.png') repeat-x bottom left;*/
/*}*/
/**/
/*.sf-depth-2 a,*/
/*.sf-depth-3 a*/
/* {*/
/* padding: 6px 14px 7px;*/
/* border-bottom: 1px solid #232321; /* tog - approximation of main bit of designer's line, which was an impossible-to-implement varying-width fadeout */
/*}*/
/**/
/*.sf-depth-2.last,*/
/*.sf-depth-3.last */
/* {*/
/*	border-bottom: none;*/
/*}

/* rules added for gwwc4 */
#superfish-1 a:visited {
	color: #343434;
}
 
 

/**************************
*** NEW, EDITED FROM BLUE *
***************************/

#superfish-1 a.sf-depth-2,
#superfish-1 a.sf-depth-3,
#superfish-1 a.sf-depth-4 {
  color: #ffffff;
  background-color: #6C0000;
  padding: 0.25em 1em;
}

#superfish-1 .last a.sf-depth-2 {
	padding-bottom: 0.6em;
}

.sf-depth-1 > ul {
	margin-top: -4px; /* tog - hacky, quick fix to dropdown appearing too low */
}

#superfish-1 a.sf-with-ul {
  padding-right: 2.25em;
}
#superfish-1.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#superfish-1.sf-navbar a {
  border: 0;
}
#superfish-1 span.sf-description {
  color: #ffffff;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}

#superfish-1 li.sf-depth-2:hover,
#superfish-1 li.sf-depth-2.sfHover,
#superfish-1 li.sf-depth-2.active a,
#superfish-1 a.sf-depth-2:focus,
#superfish-1 a.sf-depth-2:hover,
#superfish-1 a.sf-depth-2:active,
#superfish-1.sf-navbar li.sf-depth-2 li {
  color: #ccc; /* tog temp - good enough holding value, leave til request to edit */
  background-color: #6C0000;
}
#superfish-1.sf-navbar li ul {
  background-color: #6C0000;
}
#superfish-1.sf-navbar li ul li ul {
  background-color: transparent;
}



/**************************************************/
/*              MULTI-PAGE ELEMENTS
/**************************************************/ 


/* - Styling */

.large-text {
	font-size: 1.25em;
}

.large-text li {
	margin-bottom: 0.5em;
}

/* - Attribution **/

.by 
{
	font-style: italic;
}

/* - Columns **/

.col-left 
{
	width: 40%;
	float: left;
	margin-right: 10%;
}

.col-right 
{
	width: 50%;
	float: left;
}

/** - Buttons */

.buttons-line,
.field-items .buttons-line /* to be specific enough to override '.field-items p' */
{
	margin: 3em 0;
	text-align: center;
}

.buttons-line.close-to-text {
	margin-top: 1.5em;
}

.buttons-line-left-aligned {
	margin: 2em 0; /* the margin-bottom may need to be larger; on the FP this is covered by .subheading-section */
}

.buttons-line-left-aligned.just-another-para {
	margin: 1em 0;
}

.subheading-section
{
	margin-bottom: 3em;
}

/* -- Buttons next to headings */

.next-to-heading-buttons {
	padding-right: 40px;
	display: inline-block;
}

.heading-buttons {
position: relative;
top: -5px;
	display: inline-block;
}

/** - Tabs **/
			ul.secondary {
				list-style: none;
				margin: 0;
				padding: 0;
				border-bottom: none;
			}
			
			ul.secondary.tabs li {
				display: inline-block;
	margin: 0 0.5em 1em 0;
		border: none;
		border-right: none;
		padding: 0;
		
			}
			
			ul.secondary li a {
				padding: 0.5em 1em;
				font-weight: bold;
				background: white;
				border: 1px solid #0b9b8b;
				display: inline-block;
			}
			
			ul.secondary li.active a {
				background: #0b9b8b;
				color: white;
			}
			
			ul.secondary a.active {
				border-bottom: 1px solid #0b9b8b;
			}


/************************/
/* -- The button itself */

.button {
	color: #fefefe;

	text-shadow: 0 1px 1px #003547;
	background: #0B9B8B;
	background-image: -ms-linear-gradient(top, #0B9B8B 0%, #067367 100%);
	background-image: -moz-linear-gradient(top, #0B9B8B 0%, #067367 100%);
background-image: -o-linear-gradient(top, #0B9B8B 0%, #067367 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0B9B8B), color-stop(1, #067367));
background-image: -webkit-linear-gradient(top, #0B9B8B 0%, #067367 100%);
background-image: linear-gradient(top, #0B9B8B 0%, #067367 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0B9B8B', endColorstr='#067367');
-webkit-box-shadow: 0px 1px 2px #939da2;
-moz-box-shadow: 0px 1px 2px #939da2;
box-shadow: 0px 1px 2px #939da2;



	font-weight: bold;
	border: none;
	font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
	cursor: pointer;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	-webkit-user-select: none;
	/* align-items: flex-start; */
	
	/* my additions */
	display: inline-block;
	padding: 7px 14px;
	font-size: 11px;
	text-decoration: none;
	/* -- margin-right */
	margin-right: 2em;
}




a.button:hover {
	background: #0B9B8B none;
	color: white;
	text-decoration: none;
}
			
			
/* end BUTTON */


/** - Controls */

/** -- Size & styling */

.large-controls,
.large-controls input {
	font-size: 1.25em;
}

.large-controls input[type="submit"], 
.large-controls input[type="reset"],
.large-controls input[type="button"] {
	font-size: 11px; /* way to restore to default size */
}

/** -- Containers & margins */

.centred-controls-container {
	margin-bottom: 2em;
}

.centred-controls-container .dropdown-selector-container, /* at some point, merge .dropdown-selector-container & .centred-controls-container .dropdown-selector-container */
.centred-controls-container #profiles-view-container {
	text-align: center;
	margin-bottom: 1em;
}

/** -- Multi-line controls */

.multi-line-controls {
	margin-top: 3em;
}

.multi-line-controls-button-line {
	margin-bottom: 3em;
	text-align: center;
}

/** -- Control elements */
.label-above-controls {
	font-weight: bold;
}

.inline-checkboxes label {
	display: inline;
}

/** -- Dropdown selectors */

.dropdown-selector-container, /* at some point, merge .dropdown-selector-container & .centred-controls-container .dropdown-selector-container */
#profiles-view-container
{
	/* hopefully safe to comment out: text-align: center; */
	margin-bottom: 2em; /* This the minimal  */
	font-size: 1.25em;
}

#profiles-view-container {
	text-align: center;
}

..dropdown-selector-container.left-align {
	text-align: left;
}

.dropdown-selector-label,
.profiles-view-label 
{
	font-weight: bold;
}

.dropdown-selector-container select,
#profiles-view-container select 
{
	font-size: 1.25em;
}

/** -- Forms */
.form-row {
	margin: 1em 0;
}

.form-question {
	font-weight: bold;
}

.form-row label,
.faux-label,
.form-left-column {
	display: inline-block;
	width: 12em;
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
	vertical-align: top; /* nec at least for .faux-label, which is often for multiline things */
}

.inline-checkboxes input {
	display: inline-block;
	vertical-align: top;
	margin-right: 0.5em;
}


.inline-checkboxes label {
	font-weight: normal;
	display: inline-block;
	margin-bottom: 0.75em
}

.form-row select,
.form-row input,
.inline-checkboxes,
.form-right-column
 {
	display: inline-block;
}

.form-row input {
	width: 25%;
}

/** - Popup */

.popup {
/*
	border: 1px solid black;
	background-color: white;
	
	padding: 3em;
	width: 56em;
	margin: 1em auto;
*/	

/*	
from SO:

    position: fixed;
    top: 20%;
    left: 10%;
    width: 80%;
    height: 60%;
    background-color: #fff;
    z-index: 10000;
*/
}

.close-btn {
	position: absolute;
right: 9px;
top: 9px;
}


.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000; /* high z-index */
    background: #000; /* fallback */
    background: rgba(0,0,0,0.75);
}
    .overlay-content {
        display: none;
        background: #fff;
        padding: 3em;
		width: 80%;
        position: relative;
        top: 15%;
        left: 50%;
        margin: 0 0 0 -40%; /* should be, but doesnt work: add negative left margin for half the CSS width above (80%)  to center the div */
        cursor: default;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0,0,0,0.9);
    }
 
 /* default close button, not used, from http://hallofhavoc.com/2013/05/how-to-create-an-overlay-popup-box-using-html-css-and-jquery/ :
 
    .close-btn {
        cursor: pointer;
        border: 1px solid #333;
        padding: 2% 5%;
        background: #a9e7f9; 
        background: -moz-linear-gradient(top,  #a9e7f9 0%, #77d3ef 4%, #05abe0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e7f9), color-stop(4%,#77d3ef), color-stop(100%,#05abe0));
        background: -webkit-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        background: -o-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        background: -ms-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        background: linear-gradient(to bottom,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }
    .close-btn:hover {
        background: #05abe0;
    }
    */
 
/* media query for most mobile devices */
@media only screen and (min-width: 0px) and (max-width: 480px){
 
    .overlay-content {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }
}


/**************************************************/
/*             SINGLE-RULE STYLES
/**************************************************/ 

.clear {clear:both}
.hidden {display:none}
.unpadded {
  margin:0;
  padding:0;
}
.left, .float-left {float:left}
.right, .float-right {float:right}

.left-align {
	text-align: left;
}

.right-align {
	text-align: right;
}

.float-left-padded,
img.float-left /* used on http://www.givingwhatwecan.org/about-us/member-profiles.php */
{
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
} 

.float-right-padded,
img.float-right /* used on http://www.givingwhatwecan.org/about-us/member-profiles.php */
{
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
} 
.centre, .center {text-align:center}
.no-margins {margin:0}
.bottom-margin, .margin-bottom {margin-bottom:1.5em}
.inline-block {
	display:inline-block;
	zoom:1; /* trigger hasLayout in IE */
	*display:inline; /* for IE <= 7 - other browsers will ignore */
}

.top-margin {
	margin-top: 1em;
}

.bottom-margin {
	margin-bottom: 1em;
}

.top-and-bottom-margins {
	margin-top: 1em;
	margin-bottom: 1em;
}


/**************************************************/
/*              SPECIFIC PAGES
/**************************************************/           

/** Front page */

body.front h1 {
	display: none;
}

#fp-top-element {
	margin-top: 0px;
}

#map-of-eas-on-front-page {
	/* currently in inline css: width: 100%; height: 500px; position: relative; margin: 2em 0; */
}

/**************************************************/
/** - DONATION REGISTRY                          **/
/**************************************************/

/* -- Donation Registry listings */

.view-register-of-planned-donations .views-row-1,
.view-register-of-planned-donations .views-row-1 div,
.view-register-of-planned-donations .views-row-2,
.view-register-of-planned-donations .views-row-2 div
 {
	display: inline;
}


.donation-register-list .views-row,
.view-planned-donations .views-row,
.view-past-donations .views-row
 {
 	margin-bottom: 3em;

}

.donation-register-list .views-field-name,
.view-planned-donations .views-field-name,
.view-past-donations .views-field-name 
{
	font-weight: bold;
}

.views-label {
	font-weight: bold;
}

.donation-register-list .user-picture {
	padding: 0;
	margin: 0 0 1em;
	float: none;
}

.donation-register-list .views-field-name {
	font-family: 'Roboto Slab', Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
	font-size: 1.25em;
	margin-bottom: 0.5em;
}

/* --- standard label? */
.sdlabel { font-weight: bold; }


/* -- Donation Registry forms */

/* --- Currency dropdown - only 'select' should be for currency, hard to select this otherwise */
#webform-component-selected-donations-youve-made select,
#webform-component-the-past-donations-youd-like-to-register-now select
{  
	width: 16em;
}



/**************************************************/
/** - EA PROFILES                                **/
/**************************************************/

/** Profiles: individual */

.field-items,
.field-items p {
	margin-bottom: 1em;
}

#main .profile h3 {
	border-bottom: none;
}

/** Profiles: picture grid list */

.ea-profile-picture-grid {
	margin-top: 4em;
}

.ea-profile-picture-grid table td,
.view-profiles-with-pictures--using-hiddenintprof2 table td,
.view-front-page-selection-of-profiles table td {
	border: none;
	padding-bottom: 2em;
}

.ea-profile-picture-grid .user-picture,
.view-profiles-with-pictures--using-hiddenintprof2 .user-picture,
.view-front-page-selection-of-profiles .user-picture
{
	padding: 0;
	float: none;
	text-align: center;
	
	/* rules to make all pictures the same height, including the over-small anonymous head that the Drupal Gravatar module provides - not sure if this is the right approach, feel free to change
	--tog
	*/
	height: 105px;
	overflow: hidden;
}

.ea-profile-picture-grid .user-picture a img,
.view-profiles-with-pictures--using-hiddenintprof2 .user-picture a img,
.view-front-page-selection-of-profiles .user-picture a img
{
	display: inline;
}

.ea-profile-picture-grid .views-field-name,
.view-profiles-with-pictures--using-hiddenintprof2 .views-field-name,
.view-front-page-selection-of-profiles .views-field-name
{
	text-align: center;
	font-weight: bold;
	font-family: 'Roboto Slab', Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
	font-size: 17px; /* or work out em - but this changes when I change the base font */
}


.ea-profile-picture-grid .user-picture img,
.donation-register-list .user-picture img,
.view-front-page-selection-of-profiles .user-picture img
 {
	border-radius: 7px;
}


/** Profiles: alphabetical list */

.eap-style-list-table table td,
.eap-style-list-table table tbody,
.eap-style-list-table table tr.views-row-last
 {
	border: none;
}


.eap-style-list-table .views-field-picture {
	/* make images square */
	overflow: hidden;  
	height: 35px;
	width: 35px;
	padding: 5px;
}

.eap-style-list-table .user-picture 
{
	padding: 0;
	float: none;
	text-align: center;
}

.eap-style-list-table .user-picture a img {
	/* tog - ideally we'd generate a smaller image rather than shrinking with css */
	height: 35px;
	width: 35px;
}

.eap-style-list-table .views-field-name
{
vertical-align: middle;
font-weight: bold;
}

/* EA Profiles: user edit page */

/** (hide text format selection under wysiwyg fields */
#user-profile-form .filter-wrapper { /* todo: find less hacky method for this, e.g. changing it only for non-admins. see http://drupal.stackexchange.com/questions/12220/how-to-hide-input-format-options-and-help-text-under-a-textarea */
	display: none;
}

/* map */

.view-people-on-the-map-of-eas td {
	width: 33%;
}

/** Editor **/

body#tinymce {
	color: #5f6a5f;
	background-color: #e8e8e8;
}

/* - Blog posts */

.post-info {
	height: 62px;
	margin-bottom: 3em;
}

.post-info .user-picture img {
	height: 62px;
}

.node-type-article .field-name-body {
	font-size: 15px;
	line-height: 1.5em;
}


/**************************************************/
/** - EA ACTIONS: DONATING                       **/
/**************************************************/

.center-info {
	margin: 1em auto;
	width: 400px;
	text-align: justify;
}



/**************************************************/
/** - GROUP PAGES                                **/
/**************************************************/

.node-group .field-name-field-logo {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

.node-group .field-name-field-logo.field-type-image img {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	max-width: 300px; /* cant be much wider to fit all the eaxxxxx@eahub emails */
}

.field-name-field-group-donations-table {
	clear: both;
}

#group-add-yourself-button {
	float: left;
	padding-bottom: 1em;
}

.node-group .field-name-body {
	clear: left;
}

.field-name-field-city {
	clear: left;
}