/* -----------------------------
By: Omar Abhari
For: Loadsys / Chicago Appleseed
Date: 08.30.08
Version: 1.0
------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #eff0f2 url('img/bg.gif') no-repeat 50% 0;
/*	font-family: georgia, "Times New Roman", serif;*/
	font-family: "Trebuchet Ms",arial,sans-serif;
	font-size: 10pt;
}

/* LAYOUT 
----------------------------------------- */
 #hdr {
	width: 1000px;
	height: 180px;
	margin: 0 auto;
 }

 #nav {
	width: 1000px;
	height: 30px;
	margin: 0 auto;	
 }

 #container {
	width: 940px;
	margin: 0 auto;
	padding: 20px 30px 0 30px;
	background: url('img/bg_container.png') repeat-y 0 0;
 }

 #ftr {
	width: 1000px;
	height: 59px;
	margin: 0 auto;
	background: url('img/bg_footer.gif') no-repeat 0 0;
 }
 
 a img {
        border: none !important;
 }

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

 #sidebar {
	width: 220px;
	padding: 0 20px 0 0;
	float: left;
 }

 #main {
	width: 670px;
	float: left;
	background: #e8e8e8 url('img/bg_main.gif') no-repeat 0 0;
	padding: 10px 15px 0 15px;
 }





/* SECTIONS 
----------------------------------------- */

 /* 01. HEADER ------ */
  h1 {
	width: 280px;
	padding: 90px 0 0 180px;
	margin: 0;
	float: left;
  }

  h1 a {
	display: block;
	width: 280px;
	height: 80px;
	text-indent: -9000px;
	overflow: hidden;
	background: url('img/logo.gif') no-repeat 0 0;	
  }

  #form-signup {
	width: 260px;
	float: right;
	padding: 100px 50px 0 0;
  }

  #form-signup h2 {
 	text-indent: -9000px;
	background: url('img/hdr_newsletter.gif') no-repeat 10px 0;
	margin: 0;
	padding: 0;
	width: 110px;
	height: 17px;
  }

  #form-signup form {
	background: url('img/bg_input_newsletter.gif') no-repeat 0 0;
	width: 243px;
	height: 32px;
	padding: 0 0 0 13px;
  }
  #form-signup input {
	border: 0;
	color: #999;
	vertical-align: middle;
	padding: 6px 0;
	font-family: georgia;
  }
  #form-signup input.txt {
	background: transparent;
	width: 152px;
  }

 /* 02. NAV ------ */
  #nav ul {
	margin: 0;
	padding: 0 0 0 208px;
	list-style: none;
	height: 30px;
  }

  #nav ul li {
	list-style-type: none;
	float: left;
  }

  #nav ul li.l1 { height: 30px; }

  #nav ul li a {
	display: block;
	float: left;
	text-indent: -9000px;
	overflow: hidden;
  }

  #nav ul li.l1 a { height: 30px; }

  #nav ul li.n-about a { background: url('img/nav/about.gif') no-repeat 0 0; width: 91px; }
  #nav ul li.n-programs a { background: url('img/nav/programs.gif') no-repeat 0 0; width: 95px; }
  #nav ul li.n-news a { background: url('img/nav/news.gif') no-repeat 0 0; width: 70px; }
  #nav ul li.n-publications a { background: url('img/nav/publications.gif') no-repeat 0 0; width: 115px; }
  #nav ul li.n-events a { background: url('img/nav/events.gif') no-repeat 0 0; width: 78px; }
  #nav ul li.n-involved a { background: url('img/nav/involved.gif') no-repeat 0 0; width: 119px; }
  #nav ul li.n-partners a { background: url('img/nav/partners.gif') no-repeat 0 0; width: 90px; }
  #nav ul li.n-contact a { background: url('img/nav/contact.gif') no-repeat 0 0; width: 105px; }

  #nav ul li a:hover { background-position: 0 -30px; }
  #nav ul li a:active { background-position: 0 -90px; }
  #nav ul li.selected a { background-position: 0 -30px; }


 /* 03. SIDEBAR ------ */

   /* 03a. DONATE ------ */
   a.donate { 
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 220px;
	height: 75px;
	background: url('img/btn_donate_big.gif') no-repeat 0 0;
	margin-bottom: 15px;
   }

   a.volunteer { 
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 220px;
	height: 220px;
	background: url('img/btn_volunteer_big.jpg') no-repeat 0 0;
	margin-bottom: 15px;
   }

   /* 03b. SUBNAV -------------- */
   div.nav-sidebar-container {
	background: #ddd url('img/bg_sidebarnav.png') no-repeat 0 0;
	padding: 20px 0 0 0;
	width: 220px;
	margin: 0 0 15px 0;
   }

   ul.nav-sidebar {
	background: url('img/bg_sidebarnav.png') no-repeat 0 100%;
	width: 220px;
	margin: 0;
	padding: 0 0 20px 0;
   }

   ul.nav-sidebar li {
	list-style-type: none;
	width: 190px;
	padding: 0 15px;
   }

   ul.nav-sidebar li a {
	text-decoration: none;
	width: 170px;
	padding: 7px 10px;
	display: block;
	color: #129d98;
	font-weight: bold;
	font-size: .9em;
	border-bottom: 1px dotted #bbbbbb;
   }

	ul.nav-sidebar li.last a {
		border: 0;
	}

   ul.nav-sidebar li a:hover {
	color: #111;
	background: #129d98;
	tborder: solid 1px #ddd;
   }

   /* 03c. EXTERNAL LINKS ------ */
   ul.external-links {
	margin: 20px 0;
	padding: 0;
   }

   ul.external-links li {
	list-style-type: none;
	width: 220px;
	height: 75px;
	margin: 0 0 20px 0;
   }
   
   ul.external-links li a {
	display: block;
	width: 220px;
	height: 75px;
	text-indent: -9000px;
	overflow: hidden;
   }

   ul.external-links li.lo-voteforjudges a { background: url('img/linkout/voteforjudges.gif') no-repeat 0 0; }
   ul.external-links li.lo-chicagocouncil a { background: url('img/linkout/chicagocouncil.gif') no-repeat 0 0; }
   ul.external-links li.lo-appleseednet a { background: url('img/linkout/appleseednet.gif') no-repeat 0 0; }


 /* MAIN CONTENT AREA */
  div#contentarea {
	background: #fff url('img/bg_contentarea.gif') no-repeat 0 0;
	width: 650px;
	padding: 10px 10px 20px 10px;
	margin: 20px 0 0 0;
  }


/* PAGES
--------------------------------------- */
 /* PAGES > HOME */
 h2#hdr-welcome { 
	width: 332px;
	height: 25px;
	background: url('img/hdr_welcome.gif') no-repeat 0 0;
	text-indent: -9000px;
	overflow: hidden;
	margin: 10px 0 20px 0;
	padding: 0;
 }

 h3#hdr-latestnews { 
	width: 130px;
	height: 20px;
	background: url('img/hdr_latestnews.gif') no-repeat 0 0;
	text-indent: -9000px;
	overflow: hidden;
 }

 div#fp-welcome-message {
	float: left;
	width: 400px;
	padding: 0 30px 0 0;
 }

 div#fp-welcome-message p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;;
	color: #5e5a5a;
	width: 400px;
	height: 120px;
	/*background: url('img/p_intro.gif') no-repeat 0 0;*/
	overflow: hidden;
/*	text-indent: -9000px;*/
 }

 div#fp-project-highlight {
	float: left;
	width: 230px;
	padding: 15px 0 0 0;
 }

 div#fp-project-highlight p.fp-proj-desc {
	width: 210px;
	padding: 10px;
	margin: 0;
	background: url('img/bg_projecthighlight.gif') no-repeat 0 100%;
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
 }

   /* PAGES > HOME > LATEST NEWS */
   div.fp-news-item {
	margin-bottom: 20px;
   }

   div.fp-news-item h4 {
	font-size: 1.1em;
	margin: 10px 0 0 0;
   }

   div.fp-news-item h4 span.date {
	color: #119f9b;
   }

   div.fp-news-item h4 span.title {
	text-indent: 10px;
	color: #2a2726;
   }

   div.fp-news-item p {
	margin: 5px 0 20px 0;
	font-size: 1.1em; 
   }

   div.fp-news-item h4 span.category {
	font-size: .9em !important;
	font-weight: normal;
   }
   

/* TYPOGRAPHY 
--------------------------------------- */


/* COMMON
--------------------------------------- */
.clear-all { clear: both; }

/* FORMS 
--------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

/* ##########[ Pagination ]########## */


div.paging {
        color: #7f764d;
        margin: 10px 0;
}
div.paging div.disabled {
        color: #afa67d;
        display: inline;
}
div.paging span {
        padding: 5px;
}
div.paging span.current {
        font-weight: bold;
}
div.paging span a {
}