/* TALES OF SAN FRANCISCO */

	/* TOP BAR  --------*/

		div#branding ul li a:hover,
		div#branding ul li a:focus,
		div#post_info ul li a:hover,
		div#post_info ul li a:focus { background-color:#9a7b6e; }
		
		div#branding { background-color:#e3cdb9; color:#000; }
		
		div#post_info p { color:#e3cdb9; }
		div#post_info p a { color:#9a7b6e; opacity:0.6; }
		div#post_info p a:hover,
		div#post_info p a:focus { opacity:1; }
		
		div#branding ul li a,
		div#post_info ul,
		div#post_info ul li a { background-color:#fff; background-image:url(../../images/site/nav/nav_bg_e3cdb9.png); }
		div#post_info ul { background-color:#f3e7dc; }
	
    body { background:#f3e7dc; }
    div#content_wrapper { font-family:"lemonde-journal-1","lemonde-journal-2",Times,serif; font-size:15px; line-height:20px; width:900px; padding:140px 0 0 120px; margin:0 auto; }
	
	/* LAYOUT ---------- */ 
	
		div#sf_intro { font-size:23px; line-height:30px; padding:0 320px 35px 0; border-bottom:1px solid #000; }
		div#sf_intro p { margin:0; }

	    div.block1_3 {  width:270px; float:left; margin:0 0 0 45px; }
	    div.block2_3 {  width:585px; float:left; margin:0 0 0 45px; }

	    h2 + div.block1_3 { margin-left:0; }

	    div.sf_wrapper { width:900px; float:left; clear:both; border-bottom:1px solid #000; padding:45px 0 35px 0; }
	    div.sf_wrapper div:first-child { margin-left:0; }
	
		div.sf_wrapper:last-child { border:none; }

	/* GLOBAL ELEMENTS ---------- */
	
		h1 { width:1020px; height:200px; text-indent:-9999em; margin:0 0 60px -120px; background:url(../../images/journal/tales-of-sf/h1.gif) no-repeat 0 0; }

	    div#content_wrapper h2 { height:35px; text-indent:-9999em; margin:0 0 15px -5px; background-repeat:no-repeat; background-position:0 0; }
	
		h3 { font-size:18px; font-family:"lemonde-journal-1","lemonde-journal-2",Times,serif; margin:0 0 15px 0; padding:0; font-weight:normal; }

	    div#content_wrapper a { font-weight:bold; color:#3575a0; }
	    div#content_wrapper a:hover,
	    div#content_wrapper a:focus { color:#000; }
	
		ul.bar_graph { list-style:none; position:relative; background:url(../../images/journal/tales-of-sf/hatch.gif) 2px 0; border-left:1px solid #000; border-bottom:1px solid #000; height:180px; font-family:Verdana; font-size:10px; }
		ul.bar_graph li { text-align:center;  position:absolute; bottom:-23px; left:9px; width:55px; }
		ul.bar_graph li:nth-child(2) { left:74px; }
		ul.bar_graph li:nth-child(3) { left:139px; }
		ul.bar_graph li:nth-child(4) { left:204px; }
		ul.bar_graph li ul { margin:0; list-style:none; text-indent:-9999em; background:#000; width:100%; height:50px; position:absolute; left:0; bottom:23px; }
		
		ul.bar_graph li.y_axis { text-align:right; top:-16px; left:-15px; line-height:35px; width:auto; }

	/* TABLES ---------- */

		table { width:100%; font-size:13px; line-height:30px; }
	    table tbody tr th,
	    table tbody tr td { border-bottom:1px solid #a3968b; }
		table tr td { text-align:center; }
		table th { font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:0 0 0 7px; }
	    table tbody tr:first-child th,
	    table tbody tr:first-child td { border-top:1px solid #a3968b; }
	    table tbody tr:nth-child(odd) { background:#e9d7c7; }
		table tfoot td,
		table tfoot th { font-weight:bold; padding-top:5px; }


	/* STAPLE ---------- */

		div#sf_staple h2 { background-image:url(../../images/journal/tales-of-sf/h2_staple.gif); }
	
	/* PEOPLE ---------- */
	
		div#sf_people h2 { background-image:url(../../images/journal/tales-of-sf/h2_people.gif); }
		div#sf_people ul { list-style:none; overflow:hidden; width:280px; margin-top:20px; }
		div#sf_people ul li { margin:0 6px 0 0; float:left; height:17px; }
		div#sf_people ul li a { display:block; height:17px; text-indent:-9999em; background-repeat:no-repeat; background-position:0 0; opacity:0.3; -webkit-transition:opacity linear 0.1s; }
		div#sf_people ul li:nth-child(1) a { width:26px; background-image:url(../../images/journal/tales-of-sf/people_pab.gif); }
		div#sf_people ul li:nth-child(2) a { width:34px; background-image:url(../../images/journal/tales-of-sf/people_leevi.gif); }
		div#sf_people ul li:nth-child(3) a { width:66px; background-image:url(../../images/journal/tales-of-sf/people_brandon.gif); }
		div#sf_people ul li:nth-child(4) a { width:33px; background-image:url(../../images/journal/tales-of-sf/people_kyle.gif); }
		div#sf_people ul li:nth-child(5) a { width:48px; background-image:url(../../images/journal/tales-of-sf/people_travis.gif); }
		div#sf_people ul li:nth-child(6) a { width:34px; background-image:url(../../images/journal/tales-of-sf/people_ryan.gif); }
		div#sf_people ul li a:hover,
		div#sf_people ul li a:focus { opacity:1; }
		
	/* EXPENDITURE ---------- */		
	
		div#sf_expenditure {  }
		div#sf_expenditure h2 { background-image:url(../../images/journal/tales-of-sf/h2_expenditure.gif); }
		div#sf_expenditure p { height:135px; background:url(../../images/journal/tales-of-sf/hatch.gif) 2px 0; }
		
		div#sf_expenditure ul.bar_graph { height:130px; }
		
		div#sf_expenditure ul.bar_graph li { color:#f3e7dc; font-weight:bold; letter-spacing:1px; text-align:left; text-transform:uppercase; bottom:auto; left:0; top:10px; width:auto; height:20px; font-size:9px; }
		div#sf_expenditure ul.bar_graph li span { position:absolute; top:1px; left:5px; z-index:10; }
		div#sf_expenditure ul.bar_graph li:nth-child(2) { top:40px; }
		div#sf_expenditure ul.bar_graph li:nth-child(3) { top:70px; }
		div#sf_expenditure ul.bar_graph li:nth-child(4) { top:100px; }
		
		div#sf_expenditure ul.bar_graph li ul { height:20px; top:0; bottom:auto; text-align:right; }
		div#sf_expenditure ul.bar_graph li ul li { text-align:right; right:-33px; top:0; color:#000; font-weight:normal; font-size:11px; letter-spacing:0; }
		div#sf_expenditure ul.bar_graph li:nth-child(3) ul li { right:-27px; }
		
	/* ALCOHOL ---------- */
	
		div#sf_alcohol {  }
		div#sf_alcohol h2 { background-image:url(../../images/journal/tales-of-sf/h2_alcohol.gif); }
		div#sf_alcohol table { line-height:25px; width:145px; float:left; }
		div#sf_alcohol table tbody th { width:100px; }
		
		ul#alcohol_types { list-style:none; width:100px; float:right; padding:115px 0 0 0; background:url(../../images/journal/tales-of-sf/alcohol_pie.gif) no-repeat 0 0; font-size:12px; line-height:20px; }
		ul#alcohol_types li { padding:0 0 0 35px; background-repeat:no-repeat; background-position:15px center; background-image:url(../../images/journal/tales-of-sf/alcohol_type_beer.gif); }
		ul#alcohol_types li + li { background-image:url(../../images/journal/tales-of-sf/alcohol_type_cider.gif); }
		ul#alcohol_types li + li + li { background-image:url(../../images/journal/tales-of-sf/alcohol_type_tequila.gif); }
		ul#alcohol_types span { display:none; }
		
		div#drinkofthetrip { background:url(../../images/journal/tales-of-sf/drinkofthetrip.gif) no-repeat right 37px; }
		div#drinkofthetrip p { font-size:13px; width:145px; float:left; }
		div#drinkofthetrip p + p { text-align:center; width:104px; float:right; padding:70px 0 0 0; }
		
	/* BRIDGE ---------- */
		
		div#sf_bridge {  }
		div#sf_bridge h2 { background-image:url(../../images/journal/tales-of-sf/h2_bridge.gif); }
	
	/* TRAVEL ---------- */
	
		div#sf_travel {  }
		div#sf_travel h2 { background-image:url(../../images/journal/tales-of-sf/h2_travel.gif); }
		
		div#sf_travel table { margin:-44px 0 0 0; }
		div#sf_travel table td { text-align:center; }
		div#sf_travel table th span { display:block; width:28px; height:24px; background:url(../../images/journal/tales-of-sf/travel_th_walk.gif) no-repeat center bottom; text-indent:-9999em; margin:0 auto 20px auto; }
		div#sf_travel table th + th span { background-image:url(../../images/journal/tales-of-sf/travel_th_cycle.gif); }
		div#sf_travel table th + th +th span { background-image:url(../../images/journal/tales-of-sf/travel_th_car.gif); }
		div#sf_travel table tbody th { width:140px; }
	
	/* ROOF ---------- */
	
		div#sf_roof {  }
		div#sf_roof h2 { background-image:url(../../images/journal/tales-of-sf/h2_roof.gif); }
	
	/* FOOD ---------- */
	
		div#sf_food {  }
		div#sf_food h2 { background-image:url(../../images/journal/tales-of-sf/h2_food.gif); }
	
		div#sf_food ul.bar_graph li { width:30px; left:12px; text-align:left; }
		div#sf_food ul.bar_graph li span { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); display:block; padding:10px 0 0 12px; }
		div#sf_food ul.bar_graph li:nth-child(2) { left:55px; }
		div#sf_food ul.bar_graph li:nth-child(3) { left:98px; }
		div#sf_food ul.bar_graph li:nth-child(4) { left:141px; }
		div#sf_food ul.bar_graph li:nth-child(5) { left:184px; }
		div#sf_food ul.bar_graph li:nth-child(6) { left:227px; }
		div#sf_food ul.bar_graph li ul { height:60px; }
		
		div#sf_food ul.bar_graph li.y_axis { text-align:right; top:-28px; left:-15px; line-height:60px; width:auto; }
		
		div#mealofthetrip { background:url(../../images/journal/tales-of-sf/mealofthetrip.gif) no-repeat right bottom; font-size:13px; }
		div#mealofthetrip p { margin-right:60px; }
	
	/* HEART ---------- */
	
		div#sf_heart h2 { background-image:url(../../images/journal/tales-of-sf/h2_heart.gif); }
		div#sf_heart div { column-count:2; -column-gap:40px; -webkit-column-count:2; -webkit-column-gap:40px; -moz-column-count:2; -moz-column-gap:40px;  }
		div#sf_heart p { margin:0 0 20px 0; }