/* 
	CSS for San Francisco Micro site only
*/

/* BACKGROUNDS AND OTHER EFFECTS, SITE-SPECIFIC */

body {
	background: transparent url(../images/_programs/bg_topstrip.gif) top repeat-x !important;
}

#page {
	background: transparent url(../images/_programs/header_main.gif) left top no-repeat;
}

#nav_secondary {
	background: transparent url(http://norcalhostels.org/templates/hi_norcal/images/_programs/nav/bg_topnav.gif) no-repeat;
}

#nav_secondary {
	background: transparent url(../images/_programs/nav/bg_topnav_right.gif) top right no-repeat;
}

#nav_secondary #mainlevel {
	background: transparent url(../images/_programs/nav/bg_topnav_left.gif) left top no-repeat;
}

#banner_photo {
	background: transparent url(../../../images/template/_programs/banner_photo.jpg) left top no-repeat;
}

/* Main content */

/* default content backgrounds */
#content_mid  {
	background: transparent url(../images/_programs/bg_solid_narrow_top_dk.gif) left top no-repeat;
}

#content_outer {
	background: transparent url(../images/_programs/bg_content_mid_lt.gif);
}


#content_inner {
	background: transparent url(../images/_programs/bg_content_btm_lt.gif) left bottom no-repeat ;
}

/* light content backgrounds */
.bg_lt #content_mid  {
	background: transparent url(../images/_programs/bg_content_top_lt.gif) left top no-repeat ;
}

#content_outer.bg_lt {
	background: transparent url(../images/_programs/bg_content_mid_lt.gif) ;
}

.bg_lt #content_inner {
	background: transparent url(../images/_programs/bg_content_btm_lt.gif) left bottom no-repeat;
}

/* News & Events container */
/* currently same as for Norcal */

.com_jd-wp .wide #content_mid {
	background: transparent url(../images/_programs/bg_top_large_dk_wide.gif) left top no-repeat;
}

.com_thyme .wide #content_mid {
	background: transparent url(../images/_programs/news/bg_cal_top.gif) left top no-repeat!important;
}

.com_thyme .wide #content_outer,
.com_jd-wp .wide #content_outer {
	background: transparent url(../images/_programs/bg_mid_hollow_wide.gif) left repeat-y;
}

.com_thyme .wide #content_inner,
.com_jd-wp .wide #content_inner {
	background: transparent url(../images/_programs/bg_btm_large_hollow_wide.gif) left bottom no-repeat;
}

/* single news / event item */

#page .wide.news_single #content_mid {
	background: transparent url(../images/_programs/bg_solid_narrow_top_dk.gif) left top no-repeat!important;
}

#page .wide.news_single #content_outer {
	background: transparent url(../images/_programs/bg_hollow_narrow_mid.gif) left repeat-y!important;
}

#page .wide.news_single #content_inner {
	background: transparent url(../images/_programs/bg_hollow_narrow_btm.gif) left bottom no-repeat!important;
}



.footer  {
	background: transparent url(../images/_programs/bg_mod1_mid.gif);
}

.footer  div,
.small_corners #content_mid {
	background: transparent url(../images/_programs/bg_footer_top.gif) left top no-repeat;
}

.footer div div,
.small_corners #content_inner {
	background: transparent url(../images/_programs/bg_footer_btm.gif)  left bottom no-repeat;
}

/* Big image in left column */

#big_image {
	background: transparent url(../../../images/template/_programs/big_image.jpg) top left no-repeat!important;
}

/* Right Modules */

#news .module_,
.color1 {
	background: transparent url(../images/_programs/bg_mod1_mid.gif);
}

#news .module_ div,
.color1 div {
	background: transparent url(../images/_programs/bg_mod1_top.gif) left top no-repeat;
}

#news .module_ div div,
.color1 div div {
	background: transparent url(../images/_programs/bg_mod1_btm.gif)  left bottom no-repeat;
}

.news_single .color1,
.color2 {
	background: transparent url(../images/_programs/bg_mod2_mid.gif);
}

.news_single .color1 div,
.color2 div {
	background: transparent url(../images/_programs/bg_mod2_top.gif) left top no-repeat;
}

.color2 div div {
	background: transparent url(../images/_programs/bg_mod2_btm.gif)  left bottom no-repeat;
}

.com_jd-wp .news_single .color1 div div {
	background: transparent url(../images/_programs/bg_news_btm.gif)  left bottom no-repeat;
}

.com_thyme .news_single .color1 div div {
	background: transparent url(../images/_programs/bg_mod2_btm.gif)  left bottom no-repeat;
}

#btn_contact {
	background: transparent url(../images/_programs/btn_contact.gif) left no-repeat;
}

#btn_donate {
	background: transparent url(../../../images/template/_programs/modules/btn_donate.gif) left no-repeat;
}

#btn_photos {
	background: transparent url(../../../images/template/_programs/modules/btn_photos.gif) left no-repeat;
}

#btn_reserve {
	background: transparent url(../../../images/template/_programs/modules/btn_reserve.gif) left no-repeat;
}

.search {
	background: url(../images/_programs/bg_search.gif) left top no-repeat; 
}

.subscribe {
	background: url(../images/_programs/bg_subscribe.gif) left top no-repeat !important; 
}

#btn_volunteer {
	background: transparent url(../../../images/template/_programs/modules/btn_volunteer.gif) left no-repeat;
}


/* menu tabs */
/* widths */
a.outdoor {
	width: 93px !important;
}

a.cultural {
	width: 90px !important;
}

a.community {
	width: 121px !important;
}

a.travel_101 {
	width: 109px !important;
}

#nav_primary a.about_us {
	width: 99px !important;
}

/* backgrounds */

a.outdoor {
	background: transparent url(../images/_programs/nav/outdoor.gif) left top no-repeat;
}


a.outdoor:hover,
.on a.outdoor {
	background-image: url(../images/_programs/nav/outdoor_over.gif);
}

a.cultural {
	background: transparent url(../images/_programs/nav/cultural.gif) left top no-repeat;
}

a.cultural:hover,
.on a.cultural {
	background-image: url(../images/_programs/nav/cultural_over.gif);
}

a.community {
	background: transparent url(../images/_programs/nav/community.gif) left top no-repeat;
}

a.community:hover,
.on a.community {
	background-image: url(../images/_programs/nav/community_over.gif);
}

#nav_primary a.about_us {
	background: transparent url(../images/_programs/nav/about_us.gif) left top no-repeat;
}

#nav_primary a.about_us:hover,
#nav_primary .on a.about_us {
	background-image: url(../images/_programs/nav/about_us_over.gif);
}


a.travel_101 {
	background: transparent url(../images/_programs/nav/travel_101.gif) left top no-repeat;
}

a.travel_101:hover,
.on a.travel_101 {
	background-image: url(../images/_programs/nav/travel_101_over.gif);
}

/* News Landing */

.hdr.travel_tips {
	background-image: url(../images/_programs/news/bg_travel_tips.gif);
}

.hdr.travel_news {
	background-image: url(../images/_programs/news/bg_travel_news.gif);
}

.hdr.hostel_news {
	background-image: url(../images/_programs/news/bg_hostel_news.gif);
}

/* Currently same as Norcal */
#content_outer #news_landing {
	background: transparent url(../images/_programs/news/bg_news_landing_cols.gif) left repeat-y!important;
}

/* calendar buttons */

#cal a.prev {
	background: transparent url(../images/_programs/btn_prev.gif) left top no-repeat;
}

#cal a.next {
	background: transparent url(../images/_programs/btn_next.gif) left top no-repeat;
}

/* Contact form button */


.ff_wrap button.submit {
	background-image: url(../../../images/template/_programs/submit.gif);
}


/* TEXT STYLES, COLORS, ETC */

#content_frame /* general content area */
{
	color: #013473;
}

#subscribe form, /* general text in subscribe form */
.footer {
	color: #036;
}



#nav_primary .sublevel {
	background: transparent url(../images/_programs/bg_topstrip.gif) bottom repeat-x !important;
}

#news_landing h3,
td.daynumber span  /* calendar day numbers */
{
	color: #013473;
}

#page .bg_lt .contentpagetitle,
#page .bg_lt .componentheading,
.bg_med .contentpagetitle,
.bg_med .componentheading,
h1,
h2,
h3,
h4,
h5,
h6,
.theme_highlight1, /* generic highlight class for use with content editor */
#month .row_header,  /* Calendar day of week headers */
#logout,
.module h3,
.module_ h3
{
	color: #ec7c09;
}

.news_single h1.post_title /* title of single-item views */
{
	color: #437ec4
}

#col_left .contentpagetitle,
#col_left .componentheading {
	color: #fff;
}

#logout a,
a:link,
a:visited
{
	color: #437ec4;
}

input,
.theme_highlight2,
#nav_primary .on .on span, /* submenu item for active page */
#nav_primary .sublevel a:hover span /* submenu hover state */
{
	color: #013473;
}

/* =================== New ======================= */



#lc_top h1,
#lc_top h2,
#lc_top h3,
#lc_top h4,
#lc_top h5,
#lc_top h6 {
	color: #437ec4 !important;
}

#news_landing .date {
color: #76b929
}

.day /* calendar cell borders */{
	border-color: #76b929;
}

.news_single h1,
.news_single h2,
.news_single h3,
.news_single h4,
.news_single h5,
.news_single h6,
.post_date,
div.more_news a,
.news_single .module_ h3 {
	color: #eb7a08;
}