body {
	background: #272727 ;
	background-image: none;
	color: #eeeeee;
	margin: 0;
	padding: 0;
	boarder: 0;
}

div#theContainer {
	margin:0px auto;
    width:995px; 
    margin-top: -15px;
    padding-top: 10px;
    background: #000;
}

#head {
	background: #000 ;
	width: 995px;
	height: 45px;
	white-space: nowrap;
	border-bottom-style: solid;
	border-bottom-color: #444;
	border-bottom-width: 1px;
}



/* This is resetting some stuff from soma10.css */
div#head h1  {
	position: relative;
}

/* The Logo, if you change the graphic you may need to change this. Ideally this is a SVG file in the future. */
div#head h1 a {
	left: 15px;
	top:-9px;
}


div#soma { /* Adjusts the nav text to be more to the left. Ideally, bring in all the stuff from soma10.css:400 here. */
	left: 216px;
}

div#foot {
	clear: left;
	margin-top: 20px;
	padding-bottom: 10px;
}

div#theBody {
	width: 995px;
	background: #000 ;
	float:left; 
	padding-top: 40px;
}

div#rhnews {
	 float:right; 
	 position: static;
	 margin-top: -30px;
	 margin-bottom:20px;
	 margin-right: 5px;
}
 
 
div#rhnewsHOLDER {

  position: none;
  top: none;
  margin: none;
  padding-left: none;
  padding-right: none;
  display: block;
}


div#channellogo {
	margin: 17px 20px 10px 0px;
	padding: 0 20px 0 0;
	display: block;
}

div#playinc {
	clear: both;
	font-family: "Trebuchet MS", "Sans-Serif";
}

div#channellogo img {
	margin: -60px 15px 10px 0px;
	
	display: block;
}


div#channelblock {
	margin-top: 0;
	padding: 0 0 0 0px;
	display: block;
	
}

div#channelblock h1, div#channelblock h2 {
	font-size: 150%;
}

div#channelblock img {

	float: left;
	padding-right:12px;
	padding-top: 5px;
	padding-bottom: 5px;

}


#midcontent {  /* See also #lhn */
	float: left;
	margin-left: 16px;
	margin-top: -53px;
	width: 550px;
	padding-right:20px;
}


div#fullcontent {  /* full left hand width, no lhn */


	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width: 740px;
	
	margin-top: -40px;
	padding-right:10px;
	padding-left: 20px;
	padding-top: 100px;
	/* see soma10.css for older pages as well */
	/* background: #000 url(/img3/FPLoneXmasDJ2014darker.jpg) no-repeat; */
	background: #000 url(/img/FPLoneDJ10.jpg) no-repeat;
	background-position: 0 0 0 0;


}


/* Front Page Stations */
/* This competes with the listen page's more narrow width. Need to specific that separately below. */
div#stations ul {
	margin-left: 0px;
	padding: 0; 
	margin-left: 0px;

}
div#stations  {
	margin-left: 0px;
	padding: 0; 
	margin-left: 0px;
}

/* Listen Page Stations, more narrow. */
div#midstations div#stations ul {
	margin-left: 0px;
}

div#midcontent {
	min-height: 600px;	
}


div#midcontent ol {
	padding-top: 0em;
	clear: both;
}

/* Not sure why we need this, but it's messing up article bullets */
/* #midcontent ul { width: 200px }; */

#midcontent ul { width: 450px };

#midcontent ul dd span { width: 500px };

#midcontent h3 {  /* Note this causes issues with using a H3 for other links. */
	font-size: 150%;
	display: block;
}



div#midcontent div#chname, div#midcontent div#chdj {
	display: none;
	
}

/* Override the midcontent ul for this class, like the premiums page */
div#midcontent  ul.selectlines {
	width: 625px;

}




div#midcontent dl dd, span.playing, span.playing a { width: 450px };

div#midcontent dl dd span { clear: all; float: left;}



/* Article Bullets. May be affected by #midcontent settings */
div#midcontent ul.bullets {
	margin: 1em 0 0 2em;
	list-style-position: outside;
	
}

/* Bullets for features of items on support pages */
div#midcontent ul.bulletsoutside {
	
	list-style-position: outside;
	list-style-type: disc;
	margin-top: .5em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: .5em;
	
}

div#midcontent h1.TopOfPage {
	font-size: 180%;

}


div#midcontent ul.bulletsoutside li {
	margin: 0em 0 0 .5em;
	text-indent: 0em;
}

/* Left Hand Nav, See also #midcontent */

#lhn {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width: 180px;
	margin-top: 16px;
  }

#lhn ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	padding-right: 14px;
}

#lhn li {
	margin: 2px 0px 0 0;
	
}

#lhn a {
	display: block;
	width: 150px;
	padding: 6px 20px 4px 10px;
	color: #eeeeee;
	background: #222222;
	text-decoration: none; /*lets remove the link underlines*/
	
	
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

#lhn a:link, #lhn a:active, #lhn a:visited {
	color: #eeeeee;
}

#lhn a:hover {

	background: #bbbbbb;
	color: #222222;
}

#listennowbutton h1 {
	padding: 0 0 0 0;
	border: 0 0 0 0;
	margin-top: 1px;
	margin-bottom: 1px;
	
}

#listennowbutton {
	display: block;
	width: 200px;
	padding: 6px 20px 4px 10px;
	color: #eeeeee;
	background: #444444;
	text-decoration: none; /*lets remove the link underlines*/
	text-align: center;
	
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;


}

.bigbutton h1 a  {
	text-decoration: none; /*lets remove the link underlines*/
}


.bigbutton h1 {
	padding: 0 0 0 0;
	border: 0 0 0 0;
	margin-top: 1px;
	margin-bottom: 1px;
	
}

.bigbutton {
	display: block;
	width: 200px;
	padding: 6px 20px 4px 10px;
	color: #eeeeee;
	background: #444444;
	text-decoration: none; /*lets remove the link underlines*/
	text-align: center;
	
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;


}

#listennowbutton h1 a  {
	text-decoration: none; /*lets remove the link underlines*/
}



ol.ReportList ol {
	padding-top: 0em;
}

td.addToCart {
	padding-left: 20px;

}


/* Inner Page Stations */
/* In Progress 12-15-14, fixing conflicts with front page */

/* mid column stations style */

#midstations {

	float: left;
	margin-top: -53px;
	width: 520px;
	padding-right:20px;
	margin-left: 15px;
	z-index: 1;
	background: transparent;
  }

#midstations #stations {
	margin-left: 0px;
}


/* Keep the text from overflowing */
#midstations span.playing, #midstations span.playing a {
	width: 160px;
}

#midstations ul {
	padding: 0; 
	margin-left: 0px;
	width: 580px;
}


#midstations li {
  float: left;
  position: relative;
  width: 170px;
  height: 34em; /* Channel Block Height */
  list-style-type: none;
  margin-right: 20px;
  }

#midstations dl {
  position: absolute;
  top: 20.5em;
  font-size: 90%;
  padding-top: 15px;
  }

#midstations dt { margin: 0; }

#midstations h3 {
  letter-spacing:1px;
  font-weight: bold; 
  font-size: 105%;
  margin: 1em 0 0 0;
  }

#midstations p.descr {
  margin: 0 0 4em 0;
  font-size: 90%;
  }

#midstations dd span {
  display: block;
  clear: left;
  }

#midstations dt, #midcontent dt {
  font-size: 95%;
  float: left;
  margin-right: 0.5em;
  }



/* Don't wrap links on station section */
#midstations dd a {
  white-space: nowrap;
  }

/* Except: Do wrap links on station playing entry which is now a link to recently played tracks */
#midstations span.playing a {
  white-space: normal;
  }





/* End In Progress */



/* For pictures to be next to each other, e.g. defcon DJ page */
div#channelblock span.nopadding img {
  padding-left: 0;
  padding-right: 0;
  }