@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

#article {
	box-sizing: border-box;
}
#article p, #article h1, #article h2, #article h3, #article h4, #article h5, #article h6, #article li {
	text-align: left;
}
#article p, #article h1, #article h2, #article h3, #article h4, #article h5, #article h6, #article ul, #article ol, #article dl, #article table {
	margin-top: 0;
	margin-bottom: 1rem;
}
div.person-info img { float: left; padding-right: 0.5em; padding-bottom: 0.5em; }
div.person-info p:after { display: block; content: " "; clear: both; }
div.guest-info ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
div.guest-info ul > li {
	margin: 0 0 1rem 0;
}
#article hr {
	border: 0;
	border-top: 2px solid black;
	background: transparent;
	height: 0;
	color: transparent;
	margin: 0 0 1rem 0;
}

#article .button,
#article button,
#article input[type='submit'],
#article input[type='reset'] {
	display: inline-block;
	text-align: center;
	background: #000099;
	color: white;
	text-decoration: none;
	font-weight: bold;
	border: 0;
}
#article .button:hover {
	background: #000066;
}
#article .button .on {
	font-size: smaller;
	display: block;
}
#article .newTime {
    font-size: 200%;
    color: red;
    text-transform: uppercase;
    font-weight: bold;
}
#article .button.streamButton {
	width: 75%;
	padding: 0.5em;
	border-radius: 0.5em;
}
#article .whenAndWhereToTuneIn {
	font-size: larger;
	font-weight: bold;
}
#article .whenAndWhereToTuneIn .on {
	font-size: smaller;
}

/*---------------------------------------------------------------------------*/

/* modeled after Zurb Foundation and simplified */
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row {
	box-sizing: border-box;
	width: 100%;
	padding-left: 0.75em;
	padding-right: 0.75em;
}
.row .row {
	margin: 0 -0.75em;
	max-width: none;
	width: auto;
	padding-left: 0;
	padding-right: 0;
}
.column, .columns {
	box-sizing: border-box;
	float: left;
	padding: 0 0.75em;
	width: 100%;
}
.large-1  { width:   8.333333%; }
.large-2  { width:  16.666666%; }
.large-3  { width:  25.000000%; }
.large-4  { width:  33.333333%; }
.large-5  { width:  41.666666%; }
.large-6  { width:  50.000000%; }
.large-7  { width:  58.333333%; }
.large-8  { width:  66.666666%; }
.large-9  { width:  75.000000%; }
.large-10 { width:  83.333333%; }
.large-11 { width:  91.666666%; }
.large-12 { width: 100.000000%; }