Getting your Trinity Audio player ready...

<!– STARTER CSS
WRAP it all in a

background page color is #FBFCFC
–>

div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}

/* Put a

on your charts*/
.graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;line-height:1.3em;margin:0;padding:0;}
ul.key li{display: inline;margin-right: 28px;font-family: ‘Arial’,sans-serif;color: #000;font-size: 13px;}

/* A will draw a colored box for use in a color key. You will need to write a second class to set the color so it matches the chart/map/etc. */
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;}

.clearfix{clear:both}

/* REMOVE HEIGHT and WIDTH attributes from fusion tables and replace with class=’fusion-table’ */
.fusion-table{width:100%;height:400px;margin:15px 0;}

/* USE AN

in “.graphic-wrapper” for chart labels */
.graphic-wrapper h4{color:#000;font-family:’Arial’, sans-serif;font-weight:bold;font-size:16px}

/* USE AN inside the

for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}

/* TABLE STYLES — just be sure

is in “.graphic-wrapper” */
.graphic-wrapper table {width:100%;margin:15px 0;border-collapse:collapse;}
.graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table tbody tr {vertical-align: top;}
.graphic-wrapper table td,.graphic-wrapper table th{font-size:14px; font-family:’Arial’, sans-serif;}
.graphic-wrapper table td {padding:7px;}
.graphic-wrapper table th {padding:10px 7px;border-right: 1px solid white;
text-align: left;}
.graphic-wrapper table tbody tr:first-child td {padding-top:12px;}

/* TABLE ZEBRA STRIPES — use

*/
.graphic-wrapper table.zebra td {padding:10px 7px;}
.graphic-wrapper table.zebra tr:nth-child(even) {background: #d3deea}

.show-phone{display:none;}

/* YOUR NEW STYLES HERE */

@media all and (max-width: 700px) {

.show-phone{display:initial;}
.hide-phone{display:none;}

/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */

More Top Picks Executive Function Skills How To Build Them In Kids

}

The University of Chicago’s efforts to revitalize the Hyde Park neighborhood dates to the 1990s, when the university began buying vacant or blighted properties to nurture development.

Building use Year bought
A. The university has a partial interest in Kimbark Plaza, home to a grocery co-op 1996
B. Upscale restaurant is scheduled to open September in former apartments 1992
C. Former gas station slated for a mixed-use development 2009
D. Former Dunkin’ Donuts now is a field office for university police force 2013
E. Home to an upscale chocolate shop 2004
F. Harper Court was reacquired from developers in 2013, then sold again in July 2008
G. Retail space is home to restaurants and a theater 2003
H. Formerly a bedding store, now a 24-hour diner 2001
I. Cajun restaurant 2013
J. Formerly a Borders bookstore, now home to several retailers 2011

Sources: Cook County recorder of deeds, City of Chicago, Tribune reporting

@ChiTribGraphics