/*-----------------------------------
Filename: master.css
Title: Master Style Sheet
Author: Faust Gertz, Faust@LeeMarvin.com
URL: http://fuelrefinery.com/css/master.css
Description: Imports other style sheets
   -----------------------------------*/ 

@import url(/css/reset.css);

html, body {
 background:#fff url(/images/background/16px-line.png) 0 8px;
 background:#fff;
 color:#000;
 font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
 font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
 letter-spacing:-.01x;
}
body {
 font-size:0.75em; /* 12px */
 line-height:1.33333em; /* 16px */
}

/* /// Container \\\ */
#container {
 margin:0 auto;
 position:relative;
 width:774px;
}
/* \\\ Container /// */


/* /// Branding \\\ */
#branding {
 background:#F6F3E2 url(/images/background/branding.png) no-repeat;	
 color:#5B1362;
 height:100px;	
 margin:0 auto 2.66666em; /* 32px */
 margin:0 auto 3.33333em;  /* 40px */
 position:relative;
 width:764px;
}
#branding-logo, 
#branding-logo span {
 background:#F6F3E2 url(/images/background/branding.png) no-repeat -42px -20px;
 display:block;
 height:58px;
 left:42px;
 position:relative;
 top:20px;
 width:200px;
}
#branding-logo span {
 left:0;
 position:absolute;
 top:0;
 z-index:1;
}
#branding-tagline {
 left:-999em;
 position:absolute;
}
/* \\\ Branding /// */

/* /// Navigation \\\ */
#nav-access,
#nav-top,
.structure-label {
 left:-9999em;
 position:absolute;	
}
#nav {
 border-right:1px solid #D02907;	
 float:left;
 width:149px;
}
#nav-main {
 margin:-0.25em 0 0;  /* 12px * -0.25em = -2px */ 
 padding:0 2px 0 5px;	
}
#nav-main a:link,
#nav-main a:visited,
#nav-main a:hover,
#nav-main a:active,
#nav-main a:focus {
 text-decoration:none;	
}
#nav-main li {
 margin:0 0 .666667em;
}
#nav-main ul { 	
 font-size:0.833333em; /* 12px * 0.833333em = 10px */
 line-height:1.2em; /* 10px * 1.2em = 12px */ 
 margin:0 0 0 1.2em; /* 10xp * 1.2em = 12px */
 
 font-size:0.9166666em; /* 12px * 0.9166666em = 11px */  
 line-height:1.454545em; /* 11px * 1.454545em = 16px */   
 margin:0.090909em 0 -0.090909em 1.090909em; /* 11xp * 1.090909em = 12px */ 
 
 position:absolute;
 left:-9999em;
}
.about #nav-main .about ul,
.businesses #nav-main .businesses ul,
.careers #nav-main .careers ul,
.give #nav-main .give ul,
.news #nav-main .news ul,
.programs-and-services #nav-main .programs-and-services ul,
.stories #nav-main .stories ul,
.work #nav-main .work ul{ 	
 position:static;
}
#nav-main ul li {
 margin:0;
}
#nav-siteinfo a:link,
#nav-siteinfo a:visited,
#nav-siteinfo a:hover,
#nav-siteinfo a:active,
#nav-siteinfo a:focus {
 text-decoration:none;	
}
#nav-siteinfo {
 font-size:0.833333em; /* 12px * 0.833333em = 10px */	
 line-height:1.6em; /* 10px * 1.6em = 16px */
 text-align:center;	
}
#nav-siteinfo li {
 display:inline;
}
#nav-siteinfo li.accessibility {
 background:url(/images/background/ui/bullet.png) no-repeat center left;	
 padding:0 0 0 25px;
}
#nav-search {
 line-height:3em;
 position:absolute;
 right:5px;
 top:100px; 
}
#breadcrumbs {
 margin:-0.25em 0 0;  /* 12px * -0.25em = -2px */ 
 padding:0 0 1.583333em; /* 12px * 1.583333em = 19px */
} 
/* \\\ Navigation /// */

/* /// Content  \\\ */
#content {
 border-left:1px solid #D02907;
 float:right;
 left:-1px;  
 padding:0 0 0 14px;
 position:relative; 
 width:609px;
}

/* Home Rules */
/*
#home #content {
 background:url(/images/background/rules.png) no-repeat 0 0;
 left:-1px; 
 padding:0 0 0 13px;
 position:relative;
 width:616px; 
}
*/
/*
#home #content-secondary {
 padding:0 4px 0 0;
 width:215px;
}
*/



#content blockquote {
 border:1px dotted #fdd;		
 font-style:italic;	
 margin:0 1.33333em 1.33333em;
}
#content blockquote .cite {
 font-style:normal;	
 margin:-1.33333em 0  1.33333em;
 text-align:right;
}
#content dl {
 margin:0 0 1.33333em; /* 12 * 1.33333em = 16px */
}
#content dt {
 color:#333;	
 font-weight:bold;
}
#content dd {
 margin:0 0 1.33333em 1.33333em;
}
#content em {
 font-style:italic;
}
#content h1 {
 color:#666;	
 font-size:1.75em; /* 12px * 1.75em = 21px */ 
 line-height:1.52381em; /* 21px * 1.52381em = 32px */
 margin:-0.333333em 0 0.190476em; /* 21px * 0.190476em = 4px */  	
}
#home #content h1 {
 color:#666;
 font-size:2em; /* 12px * 2em = 24px */ 
 line-height:1.333333em; /* 24px * 1.333333em = 32px */
 margin:-0.291666em 0 0.166666em; /* 24px * 0.166666em = 4px */  
 font-size:1.75em; /* 12px * 1.75em = 21px */ 
 line-height:1.52381em; /* 21px * 1.52381em = 32px */
 margin:-0.333333em 0 0.190476em; /* 21px * 0.190476em = 4px */   
}
#content h2 {
 color:#666;
 font-size:1.5em; /* 12px * 1.5em = 18px */
 
 line-height:1.777777em; /* 18px * 1.777777em = 32px */

 line-height:1.222222em; /* 18px * 1.222222em = 22px */ 
 margin:-0.888888em 0 0;
 padding:0.555555em 0 0; /* 18px * 0.555555em = 10px */
}

#content h3 {
 color:#333;
 font-size:1.33333em; /* 12px * 1.333333em = 16px */
 
 line-height:2em; /* 16px * 25em = 32px */

 line-height:1.25em; /* 16px * 1.25em = 20px */ 
 margin:-1em 0 0;
 padding:0.75em 0 0; /* 16px * 0.75em = 12px */
}

#content h4 {
 color:#222;
 font-size:1.166666em; /* 12px * 1.166666em = 14px */
 line-height:1.14286em; /* 14px * 1.14286em = 16px */ 
 margin:0;
 padding:0;
}
#content h5 {
 color:#444;
 font-size:1em; /* 12px * 1em = 12px */
 font-weight:bold;
}
#content p {
 margin:0 0 1.33333em; /* 12 * 1.33333em = 16px */
}
#content ol,
#content ul {
 list-style:disc outside;	
 margin:0 0 1.33333em 1.33333em; /* 12 * 1.33333em = 16px */
}
#content strong {
 font-weight:bold;
}


/* // Content Main  \\ */
#content-main {
 float:left;
 width:380px;
 width:395px;
 width:390px;
}

#content-main .facebook {
 float:right;
 margin:30px 20px 0 0;
 width:120px;
}

#contact #content-main .vcard,
#locations #content-main .vcard {
 margin:0 0 1.33333em; /* 12 * 1.33333em = 16px */	
}
#contact #content-main .vcard .fn,
#locations #content-main .vcard .fn {
 color:#222;
 font-size:1.166666em; /* 12px * 1.166666em = 14px */
 line-height:1.14286em; /* 14px * 1.14286em = 16px */
}
#contact #content-main .vcard .organization-unit,
#locations #content-main .vcard .organization-unit {
 font-weight:normal;
}
#staff #content-main .vcard .fn {
 color:#222;
 font-size:1.166666em; /* 12px * 1.166666em = 14px */
 line-height:1.14286em; /* 14px * 1.14286em = 16px */ 	
}
#staff #content-main .vcard .title {
 font-style:italic;	
}
#news .alert {
 margin:0 0 1.33333em; /* 12 * 1.33333em = 16px */	
}
#event-calendar .month {
 margin:1.33333em 0 2.666666em ; /* 12 * 2.666666em = 32px */		
}
#event-calendar #content .month h2 {
 border-bottom:1px dotted #ddd;		
 padding:0.5em 0 0; /* 18px * 0.5em = 9px */  
}
#event-calendar .vevent {
 margin:1.33333em 0; /* 12 * 1.33333em = 16px */
}
#event-calendar #content .vevent h3 {
 color:#222;
 font-size:1.166666em; /* 12px * 1.166666em = 14px */
/* font-weight:bold; */
 line-height:1.14286em; /* 14px * 1.14286em = 16px */ 
 margin:0;
 padding:0;
}
.news #content ul.entries,
.news #content ul.entries li {
 list-style:none;	
 margin:0 0 1.333333em;	
}
.news #content ul.entries h2.entry-title {
 color:#666;
 font-size:1.5em; /* 12px * 1.5em = 18px */
 
 line-height:1.777777em; /* 18px * 1.777777em = 32px */

 line-height:1.222222em; /* 18px * 1.222222em = 22px */ 
 margin:-0.888888em 0 0;
 padding:0.555555em 0 0; /* 18px * 0.555555em = 10px */
}
.news #content ul.entries .more-link span {
 left:-9999em;
 position:absolute;	
}


/* \\ Content Main  // */

/* // Content Secondary  \\ */
#content-secondary {
 float:right;
 margin:-0.25em 0 0;  /* 12px * -0.25em = -2px */ 
 padding:0 5px 0 0;
 width:215px;
 width:195px; 
}
#content-secondary blockquote {
 font-style:italic;	
 margin:0 1.33333em 1.33333em;
}
#content-secondary blockquote .cite {
 font-style:normal;	
 margin:-1.33333em 0  1.33333em;
 text-align:right;
}

#content-secondary h2 {
 font-size:1.5em; /* 12px * 1.5em = 18px */
 line-height:1.222222em; /* 18px * 1.222222em = 22px */ 
 margin:0 0 0.555555em;
 padding:0;
}
#content-secondary ul.entries,
#content-secondary ul.entries li {
 list-style:none;	
 margin:0 0 1.333333em;	
}
#content-secondary ul.entries h3.entry-title {
 font-size:1em;	
 margin:0;
 padding:0; 

/* added for larger right hand side */
 font-size:1.166666em; /* 12px * 1.166666em = 14px */
 line-height:1.14286em; /* 14px * 1.14286em = 16px */  
}

/* Removed for larger right hand side */
/*
#content-secondary .entry-summary {
 font-size:0.833333em;
 line-height:1.2em;
}
*/
#content-secondary ul.entries .more-link span {
 left:-9999em;
 position:absolute;	
}


/* \\ Content Secondary  // */

/* \\\ Content /// */



/* /// Site Info \\\ */
#siteinfo {
 clear:both;
 font-size:0.833333em; /* 12px * 0.833333em = 10px */
 line-height:1.6em; /* 10px * 1.6em = 16px */
 padding:3.2em 0 0; /* 10px * 3.2em = 32px */ 
 text-align:center;
}
#siteinfo a:link,
#siteinfo a:visited,
#siteinfo a:hover,
#siteinfo a:active,
#siteinfo a:focus {
 color:#000;
 text-decoration:none;	
}
#siteinfo-legal,
#siteinfo .adr,
#siteinfo .street-address,
#siteinfo .post-office-box,
#siteinfo .tel {
 display:inline;	
}
#siteinfo .fn {
 padding:0 0 0 0.5em;	
}
#siteinfo .adr,
#siteinfo .email {
 background:url(/images/background/ui/bullet.png) no-repeat center left;	
 padding:0 0 0 25px;
}
#siteinfo .country-name {
 left:-9999em;
 position:absolute; 
}


/* \\\ Site Info /// */





.banner {
 margin:3.99999em 0 0;
 padding:3px 0 0;
 text-align:center;	
}


/* // Shared Assets Photos \\ */
.photo {
 border:1px dotted #ddf;	
 overflow:auto;	
}
.photo .container {
 background: url(/images/background/shadowsFaust.png) no-repeat bottom right;	
}
#content-secondary .photo .container {
 float:left;	
 margin:0 -5px 0 0;
}
.photo .container div {
 background: url(/images/background/inverseShadowsFaust.png) no-repeat -5px -5px;
 padding:0 20px 18px 0;
}
.photo .caption {
 clear:both;	
 font-size:0.833333em;
 line-height:1.6em;
 padding:0 20px 0 0;
 text-align:center;
}
.leftAligned  {
 float:left;
 margin:0 0 1ex 0;
}
.rightAligned {
 float:right;
 margin:0 0 1ex 1em;
}
.width100,
.width100 .container  {
 width:120px;
}
.width125,
.width125 .container  {
 width:145px;
}
.width150,
.width150 .container  {
 width:170px;
}
.width175,
.width175 .container  {
 width:195px;
}
.width200,
.width200 .container  {
 width:220px;
}
.width225,
.width225 .container  {
 width:245px;
}
.width250,
.width250 .container  {
 width:270px;
}
.width275,
.width275 .container  {
 width:295px;
}
.width300,
.width300 .container  {
 width:320px;
}
/* \\ Shared Assets Photos // */


#home ul.banners {
 list-style:none;
 margin:2.666666em 0 1.333333em;
 overflow:auto;
}
#home ul.banners .united-way {
 float:left;
 width:88px;
}
#home ul.banners .carf {
 float:right;
 width:88px;
}





#branding {
 margin:0 auto 4.666666em; /* 32px */
 top:3.33333em;
}
#nav-search {
 top:0; 
}