/* color palette
------------------------------------------*/
.redText { color:#5c1412; }
.lightBlueText { color:#9ABEC5; }
.emeraldText { color:#023841; }
.yellow { color:#F9E5B9; }
a { text-decoration:underline; }
a:hover { color:pink; }

/* magic borders
------------------------------------------*/
#wrap_header { background-color:#330101; background-image: url(i/bg_header.png); background-repeat: repeat-x; background-position: 0 bottom;}
#wrap_subnav { }
.wrap_stuff { border:15px solid #fff; background-color:#fff; margin-bottom:10px; }


/* big blocks
------------------------------------------*/
body { background-image:url(i/bg_body.png); background-color:#5c1412; background-repeat:repeat-x; }
#page { }
#content,#newsfeed,#get-involved { margin-bottom:20px; }


/* format things : header and subnav
------------------------------------------*/
		#header,#subnav 		{ color:#fff; height: 45px; overflow: hidden; }
		#header a,#subnav a 	{ text-decoration:none; color: #fff; }

		
		/* main nav in header - subnav 
		------------------------------------------*/
		#header h1,
		#header ul li,
		#subnav ul li { float:left; text-transform:uppercase; letter-spacing:.18em; font-size:.847em;  margin:0; line-height: 25px; }
		
		#header h1,
		#header ul,
		#subnav ul 		{ height:25px; padding: 10px 0;}   
		
		#header h1 { text-align:right; width:100%; }
		#header ul, #subnav ul	{ margin-bottom: 0; }
		#header a, #subnav li a { padding: 5px 12px; }
		
		#header a:hover, #subnav li a:hover { background-color:#260000; }
		
		#subnav li a.current, #subnav li a.current:hover { padding-bottom: 17px; background-color: transparent; background-image: url(i/subnav_current.png); background-repeat: no-repeat; background-position: center bottom;}

#subnav li a.current:hover { background-color: transparent;}

/* content area grid 
------------------------------------------*/
#content { background-position:top left; background-repeat:repeat-y; background-color:#; }
.content-top { background-color: #023841; background-image:url(i/fader/bg_fader.png); background-repeat: repeat-x; color:#fff; padding-top:10px; padding-bottom:10px;}
.content-top-right { }

#content p a { color: inherit; text-decoration: none; border-bottom: 1px dotted;}
#content p a:hover { color: #023841; border-bottom: 1px solid;}

/* content-top = big fat headline & image fader 
------------------------------------------------*/

		/* this is the big-fade for the home page */
		#home-fade { background-color: #023841; background-image:url(i/fader/bg_fader_home.jpg); background-repeat: repeat-x; height:250px;  overflow: hidden; }
		#home-fade-text, #home-fade-image { height: 250px; overflow: hidden; display: inline; clear:none; width:49%;}
		#home-fade-image  { float: right; }
		#home-fade-text img, #home-fade-image img { height: 250px; }
		#home-fade-image img { float:right; }



		/* this is the fade for other pages */
		#regular-fade-text { background-image:none; height: 230px; overflow: hidden; }
		#regular-fade-text td { height: 230px; vertical-align: middle; padding-left: 20px;}
		
		#regular-fade-text h2 {	font-size:2.1em; }
		#regular-fade-text h3 {	font-size:1.539em; }

		#regular-fade-text h2, #regular-fade-text h3   { 	line-height:1em; margin:0; color: #fff; text-transform: none; font-weight: normal; text-shadow: #023841 0px 1px 1px; letter-spacing: 0; margin-right:10px; }
		
		#regular-fade-text img { height: 210px;}
		#regular-fade-image { background-color: transparent; background-image:url(i/fader/fader_pucker_only.gif); background-repeat:no-repeat; background-position:6px center; height: 230px; width: 486px;}
		#regular-fade-image img {  border: 2px solid #fff; margin-left:20px; }
		#image-fade { height: 230px; overflow: hidden;  }
	
	
	
	
	
			/* regular page faders : deprecated
		#vert1 				{ display: table; height: 230px; overflow: hidden; }
		#vert1 *				{ border-collapse: collapse; }
		#vert2 				{ display: table-row; }
		#headline 			{ display: table-cell;	vertical-align: middle; width: 460px; ; padding-left: 20px; }
		#image-fade 		{ background-color: transparent; background-image:url(i/fader/fader_pucker_only.gif); background-repeat:no-repeat; background-position:6px center; margin-right:10px; display:inline-block; vertical-align: middle; width: 480px; overflow: hidden; }
		
		#image-fade, #image-nofade { overflow:hidden; }
		#image-fade img { border:2px solid #fff; margin-left:20px;  }
		#headline h1, #headline h2 { margin-bottom:0; color: #fff; text-shadow:#023841 0 1px 0; }
		*/
	
	
		


/* content area grid : 
content-bottom holds the stuff in the "body" page part
------------------------------------------------*/
		.content-bottom { padding-top:20px; }
		
		
	
		/* nuggets in footer and in calls-to-action section ------------------------------------------*/
		ul.nuggets li { line-height: 45px; border-top:1px solid #D3D3D3; border-bottom:1px solid #fff; background:#DFDFDF; text-transform:uppercase; letter-spacing:.1em; font-size: .847em; text-indent: 54px;}
		ul.nuggets li a { display:block; text-decoration: none; }
		ul.nuggets li a span { font-style: italic; text-transform:none; font-size:1.077em; letter-spacing:0; padding-left:10px; color:#DFDFDF; }
		ul.nuggets li a:hover span { color:#023841; }
			
			/* classes apply the icons ------------------------------------------*/
			ul.nuggets li a { background-image: url(i/nuggets/circle.png); background-repeat: no-repeat; background-position: 8px 0px; }
			ul.nuggets li a:hover { color: #5c1412; background-position: 8px -45px; background-color: #f9e5b9; }
			
			ul.nuggets li a.wish-list { background-image: url(i/nuggets/list.png); }
			ul.nuggets li a.get-services { background-image: url(i/nuggets/question-mark.png);}
			ul.nuggets li a.call-for-vols { background-image: url(i/nuggets/call-for-vols.png); }
			ul.nuggets li a.slideshow { background-image: url(i/nuggets/polaroid.png); }
			
			/* fancy (bigger versions) ------------------------------------------*/		
			#calls-to-action a.fancy { }
			#calls-to-action p { }
			
		
		/* magic logos
		------------------------------------------*/
		div.sponsor-section { margin-bottom:5px; margin-top:18px; }
		div.sponsor-section h2.talking { background-image:url(i/talking_light.png); }
		div.logo-row { margin-bottom:9px; }
		div.logo-row a { overflow:hidden; height:90px; display:block; width:148px; background:#fff; border:1px dotted #DFDFDF; text-align:center; }
		div.logo-row a:hover { border-color:#9ABEC5; }
		div.logo-row a:hover img { margin-top:-90px; }

		/* magic slideshow
		------------------------------------------*/		
		ul.slideshows { margin-top: 1em; border: 1px solid #ccc;}
		ul.slideshows li { border: 0;}
		

/* News Items
------------------------------------------*/
		#newsfeed h3 {color: #5c1412;} 
		/* headline links ------------------*/
		#newsfeed h2 a, #newsfeed h3 a { text-decoration: none; color: #5c1412;}
		#newsfeed h2 a:hover, #newsfeed h3 a:hover { border-bottom: 1px dotted;}
		
		a.news-link { display: block; text-indent: 20px; background-image: url(i/news-link.png); background-repeat: no-repeat; background-position: 2px -2px;
			text-decoration: none; text-transform: uppercase; font-size: .924em;.847em; color: #999; margin: .5em 0; }
		a.news-link:hover { background-position: 2px -22px; color:#023841; }
		
		p.info { margin-bottom:13px; font-size:.847em; text-transform:uppercase; color:#999; letter-spacing:.2em; padding-top:4px; font-style: italic; }
		div.entry { border-top:1px solid #DFDFDF; margin-bottom:20px; padding-top:9px; }
		div.featured { padding-top:9px; border:none; }
		div.featured p,div.featured h2 { margin-right:20px; }
		div.featured img { width:280px; height: 210px; border:1px solid #DFDFDF; padding:10px; }

/* get involved
-------------------------------------------------------------- */
		ul.addy { margin-top:1em; margin-left:20px; }
		ul.addy li.addy-email { margin-top: 2em;}
		ul.addy li a { text-decoration: none; border-bottom: 1px dotted; text-transform: uppercase; font-size: .847em; }
		ul.addy li a:hover {  color:#023841; border-bottom: 1px solid; }		


/* wish list list items
-------------------------------------------------------------- */
		ul.wish li { list-style-type: disc; list-style-position: inside;}


/* fancy ul lists for events and such
-------------------------------------------------------------- */
ul.featured, ul.date-time { padding: 1em; background-color: #efefef; border-left: 1px solid #777; }
ul.featured li, ul.date-time li {font-size:1.077em; margin: 2px 0;
}

/* footer
-------------------------------------------------------------- */
		#footer .nav ul { margin-bottom: 0;}
		#footer .nav ul li { display:inline; text-transform:uppercase; letter-spacing:.08em; font-size:.847em;  margin:0; line-height: 35px;}
		#footer .nav ul li a { text-decoration: none; padding: 3px 8px 2px 8px; }
		#footer .nav ul li a:hover { color:#fff; background-color: #9ABEC5;}	

		#footer .unitedway a { height: 35px; display: block; overflow: hidden; float: left; margin-right: 16px; }
		
	
/* bug fixers : these can be deleted
-------------------------------------------------------------- */
ryan.container { background:url(i/grid.png); }
.bugr { background-image:none; background-color:red; }
.bugg { background-image:none; background-color:green; }
.bugb { background-image:none; background-color:blue; }
.borr { border:1px solid red; }
.borg { border:1px solid green; }
.borb { border:1px solid blue; }
