@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,900,700,300");
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

body          {font-family: "Roboto", Helvetica, sans-serif;}
.wrapper      {font-size:.9em;margin:0;padding:0;}
.main         {margin:0 auto;padding:0;max-width:960px;}
header        {background:#F2F2F2;border-bottom:1px solid #CCC;margin:0 auto;padding:0;width:960px;}
header div.inner {margin: 0 auto; max-width:960px;}

.heading         {border-bottom: 1px solid #CCC;overflow:hidden;}
.heading img     {float:left;padding-right:.5em;}
.heading h2      {float:left;font-weight:400;font-size:1em;letter-spacing: -0.1;line-height: 1.35em;margin:0;padding:.5em;}

.navigation      {display:flex;font-family:Roboto,Helvetica,sans-serif;list-style:none;margin:0;padding:0;overflow:hidden;}
.navigation li   {flex-grow:1;}
.navigation li a {border-right:1px solid #CCC;color:#000;display:block;font-size:.9em;padding-top:1.25em;padding-bottom:1.25em;text-align:center;text-decoration:none;}
.navigation li:last-child a {border-right:none;}
.navigation li a:hover {background:#E2E2E2;}
.navigation li a.chosen {background:#D2D2D2;}

.margin-on-top {margin-top: 2em;}

.helmets {margin:0;overflow:hidden;padding:1em;border-bottom: 1px solid #CCC;}
.helmets ul {list-style:none;margin: 0;padding;0;width:100%;}
.helmets ul li {float:left;width:50%;text-align:center;}

.padding-bottom {padding-bottom: 2%;}
.border-top     {border-top: 1px solid #CCC;}

.sideinfo                   {font-size: 1.1em;}
.sideinfo a                 {text-decoration: none;}
.sideinfo div.advertisement {border-bottom: 1px solid #CCC;margin: 0;padding: 10px 0;text-align: center;}	
.sideinfo dl                {border-bottom: 1px solid #CCC;margin: 0 0 .75em 0;padding: 0 0 .5em 0;}
.sideinfo dl dt             {font-weight: 700;margin: 0;padding: 8px 0 2px 0;}
.sideinfo dl dd             {font-weight: normal;line-height: 1.3em;margin: 0 0 0 8px;padding: 0 2px;}
.sideinfo dl dd.affiliate   {font-size: .9em;font-style: italic;font-weight: normal;padding: 0 0 6px 0;}
.sideinfo dl dd.contact     {font-size: .9em;font-weight: normal;margin: 0 0 0 8px;padding: 0 0 6px 0;text-transform:uppercase;}
.sideinfo dl dd.contact span{color: blue;text-transform: none;text-decoration:none;}

.story-content     {color:#000;padding-bottom: 1.5em;}
.story-content h1  {font-size: 2em;font-weight:900;letter-spacing:-.02em;line-height: 1em;margin:0 0 .75em 0;padding:0;}
.story-content h1.condensed {font-family:"Open Sans Condensed";}
.story-content h2  {font-size: 1.2em;font-weight:700;line-height: 1em;margin:0;padding:0 0 .15em 0;}
.story-content h4  {font-size:1.2em;font-weight: 700;letter-spacing: -.03em;line-height: 1.1em;padding-bottom: .75em;}
.story-content p   {font-size: 1.2em;font-weight:300;line-height:1.4em;margin-bottom:.75em;}
.story-content ul  {font-size: 1.2em;font-weight:300;line-height: 1.3em;list-style: disc;margin: .5em 0 1.5em 1.5em;}
.story-content div.logos {background:#FFF;padding-top:2em;padding-bottom:2em;text-align:center;}
.story-content section.game-story {border-right: 1px solid #CCC;padding-right: 1em;}
.story-content section.schedule-story {border-right:non;padding-right: 0;}
.story-content table    {font-size: 1.1em;width:100%;}
.story-content table th {border-bottom: 1px solid #CCC;font-weight: 700;padding: .75em 0;text-align:left;}
.story-content table td {border-bottom: 1px solid #CCC;font-weight: 400;padding: .75em 0;}
.story-content dl dt    {font-size: 1.2em;font-weight: 700;line-height: 1.3em;}
.story-content dl dd    {font-size: 1.1em;line-height: 1.3em;}

.prettiness       {border-bottom: 1px solid #CCC;margin: 0;padding: 1em 0;}
.slideshow        {height: 225px;overflow: hidden;position:relative;z-index: 5;}
.slideshow img    {height:100%;width:100%;}

.hotel            {margin: 0;padding: 1em 0;}
.slidedeck        {height: 293px;overflow: hidden;position:relative;z-index: 5;}
.slidedeck img    {height:100%;width:100%;}
	
   <style>
		.listing            {border-collapse: collapse;font-family: Arial, Helvetica, sans-serif;margin-bottom: 3em;width:960px;}
		.listing td.empty   {border:none;}
		.listing th.day_title {background: #E2E2E2;border-top: 1px solid #AAA;border-right: 1px solid #AAA;border-left: 1px solid #AAA;color:#000; font-size: 1.5em;font-weight:bold;padding: .5em 0;text-align:center;}
		.listing th.focapo_title {background:#8db4e2;color:#000;font-size:1em;font-weight:bold;padding:.25em;text-align:center;}
		.listing th.cpc_title    {background:#fabf8f;color:#000;font-size:1em;font-weight:bold;padding:.25em;text-align:center;}
		.listing td.schedule     {padding: .75em 1em;color:#000;vertical-align:top;}
		.listing td.break        {padding: 1em;color:#000;text-align:center;}
		.listing td.center       {text-align:center;}
		
		.border-t-l   {border-top: 1px solid #000;border-left: 1px solid #000;}
		.border-r-b   {border-right: 1px solid #000;border-bottom: 1px solid #000;}
		.border-r     {border-right: 1px solid #000;}
		.border-b     {border-bottom: 1px solid #000;}
	
	</style>


/* ======================================= 
   media queries
   ======================================= */


/* tablet size */   
@media screen and (max-width: 48em ) {
	
    .story-content section.game-story {border-right: none;padding-right: 0px;}
	
}   
    
/* smartphone size */
@media screen and (max-width: 36.5em ) {

	article.logo   {display:none;}
	.heading h1     {font-size: 2.2em;}
	.heading h2     {font-size:.7em;}	
	.story-content {background:none;}	
    .story-content h1 {padding-top: .25em;}
    .story-content section.game-story {border-right: none;padding-right: 0px;}
    .story-content excess {display:none;}
	excess {display:none;}

}
	
.orange {background: orange;}
.lime   {background: lime;}
.yellow {background: yellow;}
.gray   {background: #F2F2F2;}