@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body { background: #000;
  font-family: 'Open Sans', sans-serif;
  color: #909090;
}

/* STRUCTURE */

#pagewrap {
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}
#header {
	height: 100px;
	padding: 0 15px;
}

#content-wrap{
    display:inline-block;
	padding: 3px 3px 0px 3px;
    }

#content {background: #121212;
	width: 280px;
	float: left;
	padding: 5px 15px;
	margin: 1px 0px 0px 1px;
}

#middle {background: #121212;
	width: 284px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 1px 4px 1px 4px;
}

#sidebar {background: #121212;
	width: 260px;
	padding: 5px 15px;
	margin: 1px;
	float: left;
	margin: 1px 1px 0px 0px;
}
footer { 	background: #000;
	clear: both;
	padding: 0 15px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	body { line-height: 2em; }
	#pagewrap {
		width: 94%;
	}
	#content-wrap {
		width: 90%;
		padding: 1% 4%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
		}
		div#black-player-controls {
  height: 160px;
 }
		
}

/* for 700px or less */
@media screen and (max-width: 600px) {
body { line-height: 2em; }
	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}
	div#black-player-controls {
  height: 180px;
 }

}

/* for 480px or less */
@media screen and (max-width: 480px) {
body { line-height: 2em; }
	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
	width: auto;
		float: none;
}
div#black-player-controls {
  height: 220px;
 }

}
#content {
	
}
#sidebar {
	
}
header, #content, #middle, #sidebar {
	margin-bottom: 5px;
}
	
#content-wrap, #content, #middle, #sidebar {
	border: solid 1px #909090;
}
   img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* My added. */
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width:1px;
	width:50%;
}
a
{text-decoration:none; color:#909090;}
a:visited
{text-decoration:none;
color:#909090;
}
a:hover
{color:#909090;
  text-decoration:none;
  }
a:active 
{text-decoration: none;
color:#909090;}
a:focus
{text-decoration: none;
color:#909090;}
p {margin:5px 5px 10px 5px; padding:0;
text-align:center;}
.p-left {margin:0px 5px 10px 5px; padding:0;
  text-align: left;}
#link-container {
    text-align: center;
}
h1 {
    text-align:center;
	color: #909090;
	text-decoration: none;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: oblique;
	margin:0;
	padding-top: 0px;
	padding-bottom: 0px;}
h2,h3 {
    text-align:center;
	color: #909090;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 100;
	margin:0;
	padding-top: 0px;
	padding-bottom: 0px;}
h4,h5,h6 {
     color: #909090;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 400;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
text-align:center;
padding: 0px; }
ul#main{margin-left: 11px; padding-left: 11px;} 
	ul#main{list-style-image: url(images/RGC_bullet.gif);}
	p a:link, p a:visited { color: #00f; }
#footer p {margin:4px; padding:0;}
/* More links, comment Span */
#header a
{color:#0066FF;}
#header a:visited
{color:#3366FF;}
#inner-wrap a
{color:#0066FF;}
#inner-wrap a:visited
{color:#3366FF;}
.comment {font-style: italic;
}
.h1sub {font-style: italic;
font-size: .9em;
}
.h2sub {font-style: normal;
line-height:1.1em;
font-size: .9em;
}
#map
{
display: block;
text-align: center;
margin-left: auto; margin-right: auto;
background: #D6EFB5;
}
/*image class*/ 
img.contain {max-width: 100%;
	height: auto;
} 
a[href^="tel:"] {
  color: tomato;
  text-decoration: none;
}
a[href^="tel:"]:before {
    content: "\260E";
    display: inline-block;
    margin-right: 0.5em;
}