/*
*		ICV, CSS Document
*	
*		
*		@media:		screen
*		@author:		Nathan McGinness, Icelab Pty Ltd
*		@created_on:	2009-06-25
*
===============================================*/


html {   
   background-color: #40352f;
}

body {
   /*background: #ebe7de url(../img/bg.gif) top left repeat-x;*/
   margin:0;
   font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

/*============================================================================
                          >>  General Structure <<
----------------------------------------------------------------------------*/

#top {
   background: #3e342e url(../img/header-repeat.gif) repeat-x;
   height: 230px;
   min-width: 940px;
}

#header {
   background: transparent url(../img/header.jpg) top center no-repeat;  
   height: 230px;
}

#footer {
   background: #40352f url(../img/footer-repeat.gif) repeat-x;
   clear: both;
}

#footer-b {
   background: transparent url(../img/footer2.gif) top center no-repeat;
   min-width: 940px;
}

#content {
   background-color: #f0ede4;
   overflow: hidden;
   zoom: 1;
}

.sidebar-8 {
   background: transparent url(../img/center-repeat.gif) top left repeat-x;
   padding: 0 10px;
   width: 280px;
}  

h1 {
margin: 0;
padding: 0;
height: 145px;
line-height: 145px;
}

   h1 a {
      display: block;
      background: transparent url(../img/icv-logo-small.gif) 0px 18px no-repeat;
      height: 145px;
      line-height: 145px;
      outline: none;
      overflow: hidden;
      width: 250px;
      text-indent: -999px;   
   }

/*============================================================================
                          >>  General Structure : Homepage <<
----------------------------------------------------------------------------*/

.home #top {
   background: #3e342e url(../img/top-repeat.gif) repeat-x;
   height: 317px;
   min-width: 940px;
}   

.home #header {
   background: transparent url(../img/top1.jpg) top center no-repeat;
   height: 317px;
}

   .home #header.image-0 {
      background: transparent url(../img/top1.jpg) top center no-repeat;
   }

   .home #header.image-1 {
      background: transparent url(../img/top2.jpg) top center no-repeat;
   }

   .home #header.image-2 {
      background: transparent url(../img/top3.jpg) top center no-repeat;
   }
   
   .home #header.image-3 {
      background: transparent url(../img/top4.jpg) top center no-repeat;
   }

.home #middle {
   background: #5d612a url(../img/middle-repeat.gif) repeat-x;
}

.home #featured-links {
   background: #transparent url(../img/middle.gif) top center no-repeat;    
}

.home #spacer {
   background: #5d612a url(../img/spacer-repeat.gif) repeat-x;
   height: 50px;
   min-width: 940px;
}

.home #spacer div {
   background: #5d612a url(../img/spacer-home.gif) top center repeat-x;
   height: 50px;
}

.home #bottom {
   background-color: #f0ede4;  
}

.home h1 a {
   display: block;
   position: absolute;
   left: -78px;
   background: transparent url(../img/icv-logo.gif) 0px 46px no-repeat;
   height: 175px;
   outline: none;
   overflow: hidden;
   width: 250px;
   text-indent: -999px;   
}

/*============================================================================
                          >>  Headings <<
----------------------------------------------------------------------------*/

h2 {
   font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.35em;
   color: #3f342e;
   padding: 5px 0;
}

h3 {
   font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.15em;
   color: #3f342e;
   line-height: 1.5em;
   padding: .5em 0 .5em 0;
}

.sidebar-8 h3 {
   padding-top: 12px;
}

h4 {
   font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
   font-size: 1em;   
   font-weight: normal;
}

h4 a {
   color: #486370;
   text-decoration: none;
}

.body h3 {
   line-height: 1.6em;
} 

/*============================================================================
                          >>  Nav <<
----------------------------------------------------------------------------*/

ul.main-nav,
ul.sub-nav {
   list-style: none;
   margin: 0;
   overflow: hidden;
   zoom: 1;
}

ul.main-nav {
   margin-top: 7px;
   margin-bottom: 4px;
}

ul.main-nav li,
ul.sub-nav li {
   float: left;
}

ul.main-nav li a,
ul.sub-nav li a {
   display: block;
   padding: 8px 36px 8px 0;
   text-decoration: none;
   color: #fff;
   outline: none;
}

ul.main-nav li a {
   font-size: 1.3em;
}

   ul.sub-nav li a.root {
      padding-right: 6px;
      float: left;
      color: #DEDEDE;     
   }
   
      ul.sub-nav li a.root:hover {
         color: #f6891f !important;   
      }

   .root-arrow {
      color: #DEDEDE;   
      padding: 6px 12px 0 2px;
      font-family: Georgia;
      font-size: 1.6em;
      display: block;
      float: left;      
   }
   
ul.main-nav li a:hover,
ul.sub-nav li a:hover {
   color: #dedede;
}

a.selected {
   color: #f6891f !important;   
}


/*============================================================================
                          >>  Featured links <<
----------------------------------------------------------------------------*/

#featured-links h2 a {
   display: block;  
   outline: none;
   text-indent: -9999px;
}

   #featured-links h2 a.comm {
      background: transparent url(../img/communities.gif) 0px 0px no-repeat;
      height: 60px;
   }
   
      #featured-links h2 a.comm:hover {
         background-position: 0 -60px;
      }
      
   #featured-links h2 a.vol {
      background: transparent url(../img/volunteers.gif) 0px 0px no-repeat;
      height: 60px;
   }

      #featured-links h2 a.vol:hover {
         background-position: 0 -60px;
      }
      
   #featured-links h2 a.icv {
      margin-top: 10px;
      background: transparent url(../img/about.gif) 0px 0px no-repeat;
      height: 50px;
   }

      #featured-links h2 a.icv:hover {
         background-position: 0 -50px;
      }
      
#featured-links p.big {
   font-size: 1.15em;
   color: #ebeae8;
   line-height: 1.4em;
   margin-top: 30px;
}

#featured-links p.more {
   margin: 0;
}
/*============================================================================
                          >>  Type <<
----------------------------------------------------------------------------*/

p {
   text-align: left;
}

p.tagline {
   display: none;
}

p.intro {
   font-size: 1.15em;
   line-height: 1.4em;
}

p.more a {
   font-family: Georgia, Times New Roman, Palatino, Times, serif;
   font-size: 1.45em;
   font-style: italic;
   text-decoration: none;
   color: #486370;
   padding-left: 26px;
   background: transparent url(../img/bullet.gif) 9px 4px no-repeat;
}

   p.more a:hover {
      color: #000;
   }
   
   #featured-links p a {
      color: #ff9c3e;
   }
   
   #featured-links p.more a {
      background: transparent url(../img/bullet-orange.gif) 9px 4px no-repeat;
   }
      #featured-links p a:hover,
      #featured-links p.more a:hover {
         color: #ffd0a4
      }
      
hr {
   background:#c7c5ba none repeat scroll 0 0;
   border:medium none;
   clear:both;
   color:#B2CCFF;
   float:none;
   height:1px;
   margin:0 0 6px;
   width:100%;
}

span.info {
   font-family: Georgia, Times New Roman, Palatino, Times, serif;
   font-style: italic;
}

a {
   color: #486370;
}
/*============================================================================
                          >>  Images <<
----------------------------------------------------------------------------*/

p img {
   margin-top: 4px;
   border: 1px #486370 solid;
}

#content img {
   border: 1px #486370 solid;
}

img.left {
   float: left;
   margin-right: 20px;
}

img.right {
   float: right;
   margin-left: 20px;
   margin-right: 0;
}

.partnerships .span-10 p img {
   float: none;
   margin-bottom: 0;
   border: none;
}

.opportunities img.left {
   margin-top: 4px;
}
/*============================================================================
                          >>  Homepage <<
----------------------------------------------------------------------------*/
.center {
   background: transparent url(../img/center-repeat.gif) top left repeat-x;
   padding: 0 10px;
   width: 320px;
}

.center h4,
.news h4 {
   font-size: 1.15em;
}

body.home #content h4 {
   color: #3F342E;   
}

/*============================================================================
                          >>  Footer <<
----------------------------------------------------------------------------*/

#footer {
	color: #ebeae8;
	clear: both;
}

#footer .container {
   padding-top: 30px;
}

.phone {
   display: block;
   font-weight: bold;
   margin-top: 3px;
   letter-spacing: 1px;
   font-size: 2em;
}

#footer a {
   font-weight: bold;
   color: #ebeae8;
   text-decoration: none;
}

#footer a:hover {
   color: #c8c8c8;
}

#footer .span-8 {
   text-align: right;
}

#footer ul {
   list-style: none;
   margin-bottom: 1em;
   display: block;
   clear: both;
   overflow: hidden;
}

#footer ul li {
   float: right;
   margin-left: 1.5em;
}

#footer img {
   margin-top: 1.5em;
}

/*============================================================================
                          >>  Listings <<
----------------------------------------------------------------------------*/

.examples .story-listing hr {
   margin-bottom: 1.4em;
}

.examples .story-listing p.more {
   margin-bottom: 1em;
}
   
.examples .story-listing h4 {
    font-size: 1.3em;
    line-height: 1.75em;  
}

.contact h3,
.jobs .span-16 h3,
.pub-listing h3,
.staff h3,
.opportunity-listing h3 {
   border-top: #c7c5ba solid 1px;
}

.opportunity-listing h3 a {
   text-decoration: none;
   color: #3F342E;
}

.opportunity-listing h4 {
   font-size: 1.15em;
   line-height: 1.35em;
   margin-bottom: 4px;
}

.opportunity-listing h4 a:hover {
   color: #486370;
}

.staff .people-top,
.staff .people-mid,
.staff .people {
   width: 940px;
   display: block;
   overflow: hidden;
   zoom: 1;
}

div.person p {
   padding-right: 20px;
}

.jobs .span-16 h4 {
   color: #486370;
   font-size: 1.25em;
   margin: .5em 0 .5em 0;
}

span.person {
   display: block;
   color: #486370;
   font-size: 1.25em;
   padding-top: 30px;
}

   .ceo span.person {
      padding-top: 4px;
   }

span.position {
   display: block;
}

.contact h3 {
   padding-bottom: 0;
}
/*============================================================================
                          >>  Detailed view <<
----------------------------------------------------------------------------*/
.news-detail h2,
.story-detail h2 {
   font-size: 1.5em;
   line-height: 1.7em;
   padding-top: .5em;
   padding-bottom: .4em;
}

p.date {
   padding-top: .5em;
   margin-bottom: 0;
}

.news-detail h2 {
   padding-top: 0;
}

/*============================================================================
                          >>  IE fix <<
----------------------------------------------------------------------------*/

body.partnerships .span-16 .span-10 {
   overflow: hidden;
   zoom: 1;   
}

#content .container {
   overflow: hidden;
   zoom: 1;
}

/*============================================================================
                          >>  Donation button <<
----------------------------------------------------------------------------*/

a.donate-now {
   font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
   /*font-weight: bold;*/
   font-size: 1.65em;
   color: #fff;
   background: #f6891f url(../img/donate-gradient2.gif) bottom left repeat-x;
   text-align: center;
   display: block;
   width: 220px;
   text-decoration: none;
   -moz-border-radius: 5px; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 14px 0;   
   margin-top: 18px;
   outline: none;
}

a#subpage {
 padding: 5px 0;
 font-size: 1.1em;  
 width: 120px;
}

a.donate-now:hover {
   background: #df7426;
}