/*
	Theme Name: Rural Water Impact
	Theme URL: http://www.ruralwaterimpact.com
	Description: River is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
	Author: RuralWaterImpact
	Author URI: http://www.ruralwaterimpact.com
	Version: 1.0
	
	Template: genesis

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body {
	background: #ECECEC;
}
a {
	color: #009bd6;
}
a:hover {
	color: #009bd6;
	text-decoration: underline;
}



/***** Header  ********************/
#header {
  color: #005b7f;
  text-shadow: #fff 1px 1px;
	background: #7BCAE9 url(images/bg-ice.jpg) repeat-x;
}
#header a {
	color: #009bd6;
	text-decoration: none;
	text-shadow: #fff 1px 1px;
}
#header a:hover {
	color: #009bd6;
	text-decoration: underline;
}
#header .title {
	color: #005b7f;
	text-shadow: #fff 1px 1px;
}
#header .title a,
#header .title a:hover {
	color: #005b7f;
}
#header .tagline {
	color: #005b7f;
	text-shadow: #fff 1px 1px;
}
#header .companyinfo {
	color: #005b7f;
	text-shadow: #fff 1px 1px;
}
	


/***** Primary Navigation ********************/
#navprimary { 
	color: #FFFFFF;
	text-shadow: #00294B 1px 1px;
	background: url(images/nav-ice.png);
}
#navprimary .container { 
	background-image: none;
}
#navprimary .level1 {
  padding-left: 2px;
  background: url(images/navline.png) left no-repeat;
}
#navprimary .level1 a {
  color: #fff;
}
#navprimary .level1 a:hover, 
#navprimary li:hover a {
	color: #FFFFFF;
	background-color: #00294B;
}
#navprimary ul.level2 {
	background-color: #00294B;
}
#navprimary ul.level2 a {
	color: #fff;
	background-color: #00294B;
	border-color: #A89B8F;
}
#navprimary ul.level2 a:hover {
	color: #fff;
	background-color: #1d4364;
}
#navprimary .search input[type=text] {
	color: #666;
	background: #FFFFFF !important;
	border-color: #7B6E5F;
}
#navprimary .searchsubmit {
	color: #fff;
	background: #004679 !important;
	border-color: #00294B;
}
#navprimary .searchsubmit:hover {
	color: #fff;
	background: #00294B !important;
	border-color: #00294B;
}



/***** Main ********************/
#main {
	background: #fff url(images/inner2.png) repeat-x;
}



/***** Content ********************/
#content {
	border: none;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #005b7f;
}
#content h2 a {
	color: #005b7f;
}
#content h2 a:hover {
	color: #005b7f;
}
#content #homepage h4 {
	color: #005b7f;
}



/***** Sidebar ********************/
#sidebar {
  border-left: 0px solid #ddd;
}
#sidebar .widget {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #ddd;
}



/***** Footer ********************/
#footer {
	background: #ECECEC url(images/footer.png) repeat-x;
  color: #888;
}
#footer a {
  color: #888;
  text-decoration: none;
}
#footer a:hover {
  color: #888;
  text-decoration: underline;
}



/************* HOME PAGE ****************/
#content .newsteasers h3 {
}
#content .newsteasers h4 {
}
#content .blogteasers h2,
#content .blogteasers h3 {
  color: #333;
}
	

	



/* 
Media Queries 
*/

/* switch from fixed width items to scaling items at 1000px wide */
@media screen and (max-width: 1000px) { /* two-column */
}
@media screen and (max-width: 740px) { /* one-column, padding around layout */
  #navprimary {
    background-image: none;
  }
  #navprimary .container {
    width: 100%;
  }
  #navprimary .navlabel.small {
    background-color: #015B80;
    background: url(images/nav-ice.png);
  }
  #navprimary ul.level1 {
    background-color: #f0fafe;
    border-color: #dedede;
  }
  #navprimary ul.level1 a {
    color: #fff;
    background-color: #2A7593;
    border-color: #dedede;
  }
  #navprimary ul.level1 a:hover, 
  #navprimary li:hover a {
    color: #fff;
    background-color: #015B80;
  }
  #navprimary ul.level2 {
    background-color: #FEFEFE;
  }
  #navprimary ul.level2 a {
    color: #555;
    background-color: #fefefe;
  }
  #navprimary ul.level2 a:hover {
    color: #00294B;
    background-color: #f0fafe;
  }
  #navprimary .search {
    right: 12px;
  }
}
@media screen and (max-width: 660px) { /* one-column, layout edge-to-edge */
}
@media screen and (max-width: 490px) { /* one-column */
}
@media screen and (max-width: 440px) { /* one-column */
}