/*   
Theme Name: MOMO Coalition
Description: MOMO Digital Design WordPress Theme
Author: MOMO Digital Design
Author URI: http://momodigitaldesign.com/
Version: 1.0
*/
/* General */
html, body, div, span, applet, object, iframe, h1, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; }
body {
	width: 100%;
	background-image: url(images/bodyBG.png);
	background-repeat: repeat-x;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 110%;
	line-height: 150%;
	color:#656565;
}
html, body {
text-align: center;
}
:focus { outline: 0; }
.clear:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clear { height: 1%; }
.wrapper {
	width: 1000px;
	margin: 15px auto 0px auto;
	background-color: #FFFFFF;
	box-shadow: 0 0 4px #888888;
	border: 1px solid #eee;
}
p, li, h2, h3, h4 {text-align: left;}
br {
height: 10px;
line-height: 10px;
}
ol, ul {
	margin-top: 15px;
}
.alignright {
	float: right;
	margin-left: 12px;
	border: #eee 6px solid;
}
.alignleft {
	float: left;
	margin-right: 12px;
	border: #eee 6px solid;
}
.aligncenter {
	margin: 5px auto;
}
img.arrowright{
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 4px;
}
img.icons {
	vertical-align: middle;
	margin: 6px 12px 6px 22px;
}
img.noborder {
	border: none !important;
}
a.biggreen {
	color: #00b050;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
a.biggreen:hover {
	color: #4ac2d4;
}
.entry p, .post p, #maincontent p, #contentwide p, #maincontent-home p, #contentwide li {
	margin-bottom: 12px;
	color:#656565;
}
.entry p a, .post p a, #maincontent p a, #contentwide p a, #contentwide a, #maincontent-home p a {
	color: #336699;
	text-decoration: underline;
	font-weight: bold;
}
.entry p a:hover, .post p a:hover, #maincontent p a:hover, #contentwide p a:hover, #contentwide a:hover, #maincontent-home p a:hover {
	color: #00B050;
	text-decoration: underline;
	font-weight: bold;
}
hr {
    clear: both;
    color:#bfbfbf; /*used for IE, top color*/
    background:#bfbfbf; /*firefox and chrome, top color*/
    min-height: 0px;  /*required to get IE to render the top pixel color*/
    border-left: 0px; 
    border-right: 0px; 
    border-top: 1px solid #bfbfbf; /*Your top color*/
    border-bottom: 1px solid #ffffff; /*Your bottom color*/
	margin:25px 0;
}
	
/* Header */
#header {
	width: 1000px;
	height: 225px;
}
#header h1 {text-indent: -9999px; height: 1px; width: 1px; }
#header img.logo {
	float: left;
        width: auto;
        height: 189px;
}
#header .headright {
	width: 150px;
	height: 169px;
	float: right;
	padding-right: 35px;
	margin-top: 20px;
}
#header .headright img {
	margin: 15px 10px 0px 0px;
}
#header-widgets .widgettitle{ display:none !important;  } 
#header-widgets {
	float: left;
	clear: left;
	width: 100%;
	height: 34px;
	background-color: #336699;
}
#header-widgets ul {
	display: hidden;
	float: left;
}
#header-widgets li {
	display: inline;
	float: left;
	margin: 8px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
}
#header-widgets li a {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	height: 16px;
	width: auto;
	padding: 9px 14px;
        color: #fff;
}
#header-widgets li a:hover {
	height: 16px;
        width: auto;
	color: #00b050;
	background-color: #d9e0a0;
        margin-top: 0;
}
#header-widgets ul.sub-menu {
     background-color: #2b9622;
     padding: 0px;
     top:25px;
     top:35px\9;
     border: none;
}
#header-widgets ul.sub-menu li {
display: block;
float: none;
}
#header-widgets ul.sub-menu li a {
	height: 34px;
        margin-top: 0;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
img a {
	border: none;
	outline: none;
}
/* Content */
#contentwrapper { 
	float: left;
	width: 685px;
	margin: 10px 10px 10px 15px;
	background-color: #fff;
}
#contentwrapper-home { 
	float:left;
	width:570px;
	margin:10px 45px 10px 40px;
	background-color:#fff;
}
#maincontent {
	width: 640px;
	height: auto;
        margin-bottom: 10px;
	padding: 20px;
}
#maincontent-home {
	width: 630px;
	height: auto;
        margin-bottom: 10px;
	padding: 0 10px;
}
#contentwide {
	width: 928px;
	margin: 30px 15px 10px 15px;
	height: auto;
	padding: 20px;
}
#contentwide .text { 
	width: 928px; }
h2, h2 a {
	color:#336699;
	font-size: 28px;
	padding: 0 0 6px 0;
	margin: 0;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

h2 a, h2 a:hover {text-decoration: underline; }
h3, h3 a { 
	color:#00b050;
	font-size: 18px;
	padding: 0;
	margin: 14px 0 10px 0;
	font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
}
.text { float: left; width: 495px; }
.page .text { width:650px; }
.text p { 
	margin: 15px 0;
	line-height: 22px;
	color: #444;
}
.text ul, .text ol { margin: 15px 0; }
.text li, .entry li {
	margin: 5px 0 0 8px;
	line-height: normal;
}
.text li a {
	color: #00b050;
	text-decoration: underline;
	font-weight: bold;
}
.text blockquote {
	font-style: italic;
	 text-indent: 25px;
}
.info { color: #666; float: left; width: 115px; font-size: 11px; padding: 20px 20px 0 0; }
.info ul li { margin: 0 0 10px 0; list-style: none; }
.info a { color: #ff5d96; text-decoration: none; }
.more-link { display: none; }
span.more { background: url(images/bullet.gif) right center no-repeat; padding: 0 20px 0 0; }
   /* two-column pages -----------------------------------------------------------------------------*/
.leftcolumn {
	float: left;
	width: 440px;
	margin-top: 10px;
}
.rightcolumn {
	float: right;
	width: 440px;
	margin-left: 15px;
}
.givingwrapper {
	width: 600px;
}
.givingwrapper .leftcolumn {
	float: left;
	width: 280px;
	margin-top: 10px;
}
.givingwrapper .rightcolumn {
	float: right;
	width: 280px;
	margin-left: 15px;
	margin-top: 10px;
}
/* events page- Google calendar */
.view-cap, .view-container-border {
    background-color: #4ac2d4 !important;
}
/* Home  -------------------------------------------------------------------------------------------------------------------*/
#home-sidebar {float:right;margin:15px 40px 10px 0px;}
img.home-calendar-button {margin:20px 0 12px 0;}
.highlight {background-color:#ededed; width:940px; height:270px; clear:both; padding:25px 30px;}
.highlight-text{width:60%; float:right;}
.highlight h2 {color:#336699; font-size:26px; line-height:110%}
.highlight p {color:#555; font-size:15px; line-height:160%}
span.button {display:inline-block; margin:22px 22px 0 0; vertical-align:top; float:left;}
a.blue-button {border: medium none !important; border-radius:1px; font-size:15px; line-height:20px; margin:5px 0; overflow:hidden; padding:15px 34px; text-transform:uppercase; color:#fff; background-color:#336699; text-decoration:none;}
a.blue-button:hover {background-color:#2b9622;}
.resources {width:976px; height:220px; padding: 36px 12px 20px; clear:both; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:30px;}
h2.home-resources {margin-left:40px;}
.large-icon {height:160px; width:160px; float:left; margin:12px 13px; border:4px solid #ccc; background-color:#EDEDED;  border-radius:5px;overflow:hidden;}
.icon-centers{background:url(images/home-center-icon.png);}
.icon-food{background:url(images/home-food-icon.png);}
.icon-shelter{background:url(images/home-shelter-icon.png);}
.icon-clothing{background:url(images/home-clothing-icon.png);}
.icon-showers{background:url(images/home-shower-icon.png);}
.icon-centers, .icon-food, .icon-shelter, .icon-clothing, .icon-showers {background-color:#EDEDED; background-repeat:no-repeat; background-position:center;}  
.overlay {background:rgba(51,102,153,.90); text-align:center; padding:70px 25px; opacity:0; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease;}
.large-icon:hover .overlay {opacity:1;}
.hover-content, .hover-content a {font-family:"Open Sans", Helvetica, Arial, sans-serif;;font-weight:100;color:rgba(255,255,255,.95);font-size:28px; text-decoration:none;}

/* Home static buttons -------------------------------------------------------------------*/
.home-resource {
	float:left;
	margin:5px;
}
/* Home rollover buttons ----------------------------------------------------------------
a.foodbutton2, a.shelterbutton2, a.clothingbutton2, a.showersbutton2 {
	margin: 40px 20px 10px 30px ;
	display: block;
    background-repeat: no-repeat;
    background-position: top left;
}
a.foodbutton2 {
    width: 156px;
    height: 41px;
    background-image: url(images/foodbutton2.png);
}
a.shelterbutton2 {
    width: 186px;
    height: 41px;
    background-image: url(images/shelterbutton2.png);
}
a.clothingbutton2 {
    width: 193px;
    height: 41px;
    background-image: url(images/clothingbutton2.png);
}
a.showersbutton2 {
    width: 193px;
    height: 41px;
    background-image: url(images/showersbutton2.png);
clear: none;
}
 
a.foodbutton2:hover, a.shelterbutton2:hover, a.clothingbutton2:hover, a.showersbutton2:hover {
    background-position: bottom left;
}---*/
/* Sidebar-------------------------------------------------------------------------------------------------------------------------------- */
.abovesidebar {
	float: right;
clear: right;
	margin: 10px 15px 0px 0;
        width: 270px;
        height: 85px;
}
.belowsidebar {
	float: right;
	width: 264px;
	margin: -12px 15px 0 0;
}
.belowsidebar p {
 color: #666;
font-size: 12px;
line-height: 120%;
}
.belowsidebar p a {
    color: #00b050;
    font-weight: bold;
    text-decoration: underline;
}
#sidebar {
	float: right;
  clear:right;
	width: 244px;
	margin: 10px 15px 15px 0px;
	background-color: #d9e0a0;
	border: #2b9622 solid 3px;
	padding: 10px;
}
#sidebar h2 {
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	line-height: 120%;
	margin-bottom: -3px;
}
.textwidget p img.aligncenter {
	margin: 5px 20px;
}
#sidebar p {
	color: #666;
	margin: 12px 0;
}
#sidebar p.green {
	color: #99a729;
	font-size: 22px;
	font-weight: bold; 
	font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
}
#sidebar p.green a {
	color: #99a729;
	text-decoration: none;
}
#sidebar p.green a:hover {
	color: #4ac2d4;
	text-decoration: none;
}
#sidebar p a {
	color: #666;
	text-decoration: underline;
}
#sidebar p a:hover {
  color: #4ac2d4;
}
#sidebar p a:visited {
	color: #99a729;
}
/* Mail Chimp signup ------------*/
#mc_embed_signup form, #mc-embedded-subscribe-form {
	padding-top: 0 !important;
}
#mc_embed_signup form h3, #mc-embedded-subscribe-form h3 {
	margin-bottom: 5px !important;
}
#mc_embed_signup input.email {
	width: 90% !important;
}
/* Sidebar rollover buttons --------------------------------------------------------------------------------------*/
a.foodbutton, a.shelterbutton, a.clothingbutton, a.resourcecentersbutton, a.showersbutton {
	margin: 20px 0 10px 30px ;
	padding-right: 20px;
	display: block;
    background-repeat: no-repeat;
    background-position: top left;
	height: 41px;
}
a.foodbutton {
	width: 156px;
    background-image: url(images/foodbutton.png);
}
a.shelterbutton {
    width: 186px;
    background-image: url(images/shelterbutton.png);
}
a.clothingbutton {
    width: 193px;
    background-image: url(images/clothingbutton.png);
}
a.resourcecentersbutton {
    width: 193px;
    background-image: url(images/resourcecentersbutton.png);
}
/*a.showersbutton {
    width: 193px;
    background-image: url(images/showersbutton.png);
} */
 
a.foodbutton:hover, a.shelterbutton:hover, a.clothingbutton:hover, a.resourcecentersbutton:hover, a.showersbutton:hover {
    background-position: bottom left;
	height:40px;
}
#sidebar ul { margin: 10px 0; list-style: none; }
#sidebar ul li { margin: 4px 0; float: left; }
.divider { clear: both; width: 275px; padding: 10px 0 0 0; margin: 10px 0 15px 0; height: 4px; }
#categories ul { font-size: 12px; width: 275px; float: left; }
#categories ul li { float: left; width: 137px; }
#categories ul li a { color: #222; text-decoration: none; }
#blogroll ul { width: 275px; }
#blogroll li { float: left; width: 275px; color:#222; }
#blogroll a { color:#222; }
/* Footer -------------------------------------------------------------------------------------------------------------------*/
#footer {
	margin: 0px auto 15px auto;
	clear: both;
	width: 1000px;
        text-align: left;
}
#top {
	 width: 1000px;
	 background-color: #336699;
	 height: 110px;
	 margin: 0 auto;
	 clear: both;
}
#left {
	float: left;
	width: 600px;
	margin-right: 20px;
        padding-left: 0px;
        padding-top: 0px;
}
#top  p, #left p {
	font-size: 11px;
	color: #fff;
}
#left p {
        float: left;
        clear: both;
     padding-left: 20px; 
} 
#left .menu {
     margin-left: 0;
     padding-left: 20px; 
}
#left .menu ul {
	margin-top: 10px;
	overflow: hidden;
	padding: 0;
}
#left .menu li {
	float: left;
	list-style-type: none;
	display: inline;
	font-size: 10px;
	margin-right: 4px;
	margin-left: 0;
	padding-right: 4px;
	font-weight: bold;
	border-right: thin #2b6498 dotted;
}
#left .menu ul.children {
	display: none;
}
#left .menu li a, #left .menu li a:active, #left .menu li a:visited {
	text-decoration: none;
	color: #2b6498;
}
#left .menu li a:hover{
	text-decoration: underline;
}
#middle {
	float: left;
	width: 200px;
        padding-top: 0px;
}
#right {
	float: right;
	width: auto
        padding-top: 0px;
        padding-right: 60px;
}
	
#designer {
	width: 1000px;
	background-color: #b9cde1;
	height: 30px;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
#designer p {
	color: #666;
	text-align: center;
	margin: 0 auto;
	font-size: 10px;
	letter-spacing: 150%;
}
#designer p a {
	color: #333;
}
   /* IE 10 Hacks -----------------------------------------------------------------------------*/
.ie10 ul.sub-menu {  
   margin-top: -12px;  
}