/*
Theme Name: East Frederick Rising
Theme URI: http://www.eastfrederickrising.org
Description: Theme for East Frederick Rising site.
Version: 1.0
Author: Chris Charuhas
Author URI: http://www.charuhas.com
Tags: WordPress, Electobot
*/







/*---------------------------------------------------------------------------*/
/*---------------------------- WHOLE PAGE -----------------------------------*/
/*---------------------------------------------------------------------------*/



html {
  background-color: #5f764f;
  }

body {
  font-size: 62.5%; /* Sets 1em equal to 10px. */
  font-family: arial,helvetica,sans-serif;
  color: #333;
  text-align: center;
  background-color: #5f764f;
  }

#clear {
  clear: both;
  }



/* SETS PAGE WIDTH --------------------------------------------------------- */



#pagewrapper {
  width: 950px;
  margin: 0 auto;
  text-align: left;
  }






  
/*---------------------------------------------------------------------------*/
/*---------------------------- HEADER AND FOOTER ----------------------------*/
/*---------------------------------------------------------------------------*/



/* TOP NAVBAR -------------------------------------------------------------- */


#whitebar {
  width: 100%;
  background-color: #fff;
  }


#topbar {
  float: right;
  width: 690px;
  margin-right: 20px;
  height: 25px;
  background-color: #fff;
  }

#topnav {
  position: relative;
  height: 25px;
  background-color: #fff;
  }

  

/* Top Nav Links */

#topnav ul li a , #topnav ul li a:visited {
  display: block;
  position: absolute;
  top: 0px;
  width: 152px;
  height: 15px;
  padding: 5px 10px;
  font-size: 1.2em;
  font-weight: normal;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  color: #ffdf9b;
  text-align: center;
  line-height: 100%;
  background-color: #095b87;
  letter-spacing: .5px;
  }

#topnav ul li a:hover {
  color: #fff;
  background-color: #4f759c;
  }



/* Top Nav You Are Here */

#topnav ul li.urh a ,
#topnav ul li.urh a:visited {
  color: #fff;
  background-color: #4f759c;
  }



/* Positions Of Top Nav Links */

#topnav .about a {
  left: 0px;
  }

#topnav .member a {
  left: 173px;
  }

#topnav .subscribe a {
  left: 346px;
  }

#topnav .blog a {
  left: 519px;
  }



/* LOGO -------------------------------------------------------------------- */

  

#logo {
  float: left;
  width: 180px;
  padding: 10px 0 10px 20px;
  }

h1 {
  padding: 80px 20px 20px 240px;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  font-size: 1.7em;
  color: #9c2720;
  letter-spacing: .5px;
  text-transform: uppercase;
  }
  
  
  
/* PIC ARRAY --------------------------------------------------------------- */



#greenbar {
  width: 100%;
  padding: 20px 0;
  background-color: #5f764f;
  }

.pictable {
  margin: 0;
  width: 950px;
  }

.piccell {
  width: 310px;
  height: 140px;
  margin: 0;
  padding: 0;
  background-color: #333;
  }

.piccellhome {
  width: 310px;
  height: 230px;
  margin: 0;
  padding: 0;
  background-color: #333;
  }

.spacer {
  width: 10px;
  margin: 0;
  padding: 0;
  }



/* MAIN NAV BAR ------------------------------------------------------------ */



#bluebar {
  width: 100%;
  background-color: #095b87;
  }

#bignav {
  position: relative;
  width: 950px;
  height: 60px;
  background-color: #ffd167;
  }



/* Main Nav Links */

#bignav ul li a ,
#bignav ul li a:visited {
  display: block;
  position: absolute;
  top: 0px;
  height: 34px;
  padding: 12px 20px 14px 20px;
  font-size: 1.4em;
  font-weight: bold;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  color: #ffdf9b;
  line-height: 100%;
  letter-spacing: 1px;
  background-color: #095b87;
  }

#bignav ul li a:hover {
  color: #fff;
  background-color: #4f759c;
  }

#bignav ul li a p {
  margin: 0;
  padding: 5px 0;
  color: #ffdf9b;
  font-size: .9em;
  font-weight: normal;
  line-height: 120%;
  }

#bignav ul li a:hover p {
  color: #fff;
  }



/* Main Nav You Are Here */

#bignav ul li.urh a ,
#bignav ul li.urh a:visited {
  color: #fff;
  background-color: #4f759c;
  }

#bignav ul li.urh p {
  color: #fff;
  }



/* Positions Of Main Nav Links */

#bignav .opportunity a {
  left: 1px;
  width: 279px;
  }

#bignav .rebirth a {
  left: 321px;
  width: 279px;
  }

#bignav .action a {
  left: 641px;
  width: 268px;
  }






  
/* FOOTER ------------------------------------------------------------------ */



#footer {
  width: 100%;
  padding: 20px 0;
  }

#footer p {
  margin: 20px;
  font-size: 1.2em;
  line-height: 120%;
  text-align: center;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  }

#footer a ,
#footer a:visited {
  color: #095b87;
  text-decoration: underline;
  }

#footer a:hover {
  color: #9c2720;
  }

p.attrib {
  font-size: 1em;
  margin: 0 0 0 0;
  padding: 10px 0 40px 0;
  background-color: #5f764f;
  }





/*---------------------------------------------------------------------------*/
/*---------------------------- CONTENT AREA ---------------------------------*/
/*---------------------------------------------------------------------------*/




#contentbar {
  width: 100%;
  background-color: #feecc5;
  background-image: url(images/gradient.png);
  background-repeat: repeat-x;
  }


#pagewrapper.content {
  padding: 20px 0;

  }

#pagewrapper.content img {
  border: 1px solid #999;
  }

#content.home {
  float: left;
  width: 600px;
  margin: 20px 0;
  }

#content.home p ,
#leftcol p ,
#leftcolwide p {
  margin: 20px;
  font-size: 1.5em;
  line-height: 140%;
  }



h2 {
  margin: 20px;
  font-size: 1.9em;
  font-weight: bold;
  }

h3 {
  margin: 20px 20px 20px 0;
  font-size: 1.6em;
  font-weight: bold;
  }



#content a ,
#content a:visited ,
#rightcol a ,
#rightcol a:visited {
  color: #095b87;
  text-decoration: underline;
  }

#content a:hover ,
#rightcol a:hover {
  color: #9c2720;
  }



#rightcol p {
  margin: 20px 20px 20px 0;
  font-size: 1.4em;
  line-height: 140%;
  }

#pagewrapper.content p.bottom {
  margin-top: 40px;
  }

#rightcol ul ,
#rightcol ol ,
#leftcol ul ,
#leftcolwide ul {
  margin: 20px 20px 20px 0;
  font-size: 1.4em;
  line-height: 140%;
  }

#rightcol ul li ,
#leftcol ul li ,
#leftcolwide ul li {
  list-style-type: disc;
  margin: 15px 0 15px 30px;
  }

#rightcol ol li {
  list-style-type: decimal;
  margin: 15px 0 15px 30px;
  }

#pagewrapper.content img {
  margin: 20px 0 0 0;
  }



/* SIDEBAR ----------------------------------------------------------------- */



#sidebar {
  float: right;
  width: 289px;
  margin: 20px 20px 20px 0;
  padding: 5px 0 0 0;
  border-left: 1px solid #333;
  }



/* Sidebar Links */

#sidebar ul li {
  width: 269px;
  padding: 15px 0 0 20px;
  font-size: 1.4em;
  line-height: 120%;
  }

#sidebar ul li p { 
  margin: 0;
  padding: 2px 0 5px 0;
  font-size: 1em;
  line-height: 140%;
  }

#sidebar ul li a ,
#sidebarright ul li a:visited {
  color: #9c2720;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  font-weight: bold;
  }

#sidebar ul li a:hover {
  color: #095b87;
  }



/* OUTER WRAPPER ----------------------------------------------------------- */



#sidebarleft {
  float: left;
  width: 180px;
  }

#info {
  float: right;
  width: 770px;
  }

#sidebarleft p {
  margin: 0 20px 0 0;
  padding: 20px 0;
  font-size: 1.4em;
  font-weight: bold;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  border-bottom: 1px solid #333;
  }

#sidebarleft a ,
#sidebarleft a:visited {
  color: #9c2720;
  text-decoration: none;
  }

#sidebarleft a:hover  {
  color: #095b87;
  }

#sidebarleft p.urh a ,
#sidebarleft p.urh a:visited {
  color: #333;
  }



#sidebarleft p.havesub {
  margin: 0 20px 5px 0;
  padding: 20px 0 0 0;
  border-bottom: 0;
  }

#sidebarleft ul {
  margin: 0 20px 0 0;
  padding: 0 0 15px 0;
  font-size: 1.3em;
  font-weight: bold;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  border-bottom: 1px solid #333;
  }

#sidebarleft ul li {
  margin: 5px 20px;
  padding: 0;
  font-weight: normal;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  border-bottom: 0;
  }

#sidebarleft ul li.urh a ,
#sidebarleft ul li.urh a:visited {
  color: #333;
  }





/* COLUMNS ----------------------------------------------------------------- */



#cols {
  width: 770px;
  }

#rightcol {
  float: right;
  width: 288px;
  padding-top: 10px;
  }

#leftcol {
  float: left;
  width: 462px;
  }



#cols.action {
  width: 950px;
  }

#leftcolwide {
  width: 600px;
  }




  
/* FORMS ------------------------------------------------------------------- */



/* Table Layout */



table.form {
  margin-left: 20px;
  }

table.form td {
  font-size: 1.4em;
  }

td {
  margin: 0;
  padding: 0 20px 15px 0;
  line-height: 100%;
  }

td p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-align: left;
  }


  
/* Form Elements */

input, textarea {
  color: #000;
  padding: 2px 4px;
  background-color: #fff;
  border: 1px solid #333;
  }

.checkbox {
  border: 0;
  }

.button {
  padding: 2px 10px;
  color: #fff;
  background-color: #4f759c;
  font-size: .9em;
  font-weight: bold;
  font-family: century gothic,futura,arial,helvetica,sans-serif;
  border: 1px solid #333;
  }