/* 
Dark Blue: #474779
Yellowish: #FFFFCC
Link: #FFCC88
Visited Link: #FFFF99
Purple: #CC6699
 */

body {
	/* background-image: url("../images/backgrounds/bluerocbg.gif");
	background-color: #53537B;
	color: #FFFFCC; */
	background-repeat: repeat-y;
	font-family: serif;
}

.container {
	font-size: 18px;
	padding-bottom: 30px;
}

a.nothing {
	text-decoration: none;
	color: inherit;
}

a.nothing:hover {
	text-decoration: none;
	color: inherit;
}

img {
	margin: 20px 0;
}

.spacer {
	padding-top: 10px;
	padding-bottom: 20px;
}

header {
	height: auto;
	border-bottom: 2px ridge;
	border-color: #474779;
	background: url('../images/backgrounds/bluerocbg.gif');
}

header p {
	text-align: center;
}

header h1 {
	text-align: center;
	font-style: italic;
	font-size: 2.2em;
	padding: 25px 0 10px;
	font-family: 'Merienda One', cursive;
}

header p {
	display: inline;
}

.site-title {
	font-family: 'Merienda One', cursive;
	font-size: 3.4em;
	color: #cc6699;
	text-shadow: 3px 3px 0 #000;
}

/* === YouTube === */
#youtube {
	border-bottom: 2px ridge;
	border-color: #474779;
	background:
	radial-gradient(hsl(240, 100%, 35%) 4%, hsl(240, 100%, 25%) 9%, hsla(240, 100%, 30%, 0) 9%) 0 0,
	radial-gradient(hsl(240, 100%, 35%) 4%, hsl(240, 100%, 25%) 8%, hsla(240, 100%, 30%, 0) 10%) 50px 50px,
	radial-gradient(hsla(240, 100%, 41%, 0.8) 20%, hsla(240, 100%, 20%, 0)) 50px 0,
	radial-gradient(hsla(240, 100%, 41%, 0.8) 20%, hsla(240, 100%, 20%, 0)) 0 50px,
	radial-gradient(hsla(240, 100%, 20%, 1) 35%, hsla(240, 100%, 20%, 0) 60%) 50px 0,
	radial-gradient(hsla(240, 100%, 20%, 1) 35%, hsla(240, 100%, 20%, 0) 60%) 100px 50px,
	radial-gradient(hsla(240, 100%, 15%, 0.7), hsla(240, 100%, 20%, 0)) 0 0,
	radial-gradient(hsla(240, 100%, 15%, 0.7), hsla(240, 100%, 20%, 0)) 50px 50px,
	linear-gradient(45deg, hsla(240, 100%, 20%, 0) 49%, hsla(240, 100%, 0%, 1) 50%, hsla(240, 100%, 20%, 0) 70%) 0 0,
	linear-gradient(-45deg, hsla(240, 100%, 20%, 0) 49%, hsla(240, 100%, 0%, 1) 50%, hsla(240, 100%, 20%, 0) 70%) 0 0;
	background-color: #474779; 
	background-size: 100px 100px;
}

.youtube-link {
	height: 40px;
}

.youtube-link a {
	color: #CC6699;
	text-shadow: 1px 1px 0 #660033;
}

.youtube-link a:hover,
.youtube-link a:focus {
	text-decoration: none;
	color: #AA4477;
}

.youtube-link h3 {
	padding: 10px;
	background-color: #FFCC88;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#rip {
	color: #CC6699;
	font-size: 2.0em;
	text-shadow: 2px 2px 0 #000000;
	text-align: center;
	padding: 15px 0 15px 0;
}

#rip a {
	color: #FFCC88;
}

.content {
	width: 80%;
	float: left;
	padding: 15px;
	text-align: center;
}

.content table {
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

blockquote {
	border: none;
	font-size: inherit;
	margin: 0 30px;
}

.welcome {
	font-size: 1.3em;
	padding: 20px 10px 20px 10px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
	border: 1px #333333 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.disclaim small {
	font-size: .9em;
}

#main-body {
	padding: 15px;
	text-align: center;
}

#search {
	font-size: 1.5em;
}

.listofnames {
	background: #474779;
	border: 2px ridge #474779;
	font-size: 1.2em;
}

.listofnames a {
	color: #ffff99;
}

.listofnames a:visited {
	color: #ffcc88;
}

.inmiddle { /* To center a paragraph and set the font color */
	text-align: center;
	color: #FFFFCC;
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.warning {
	background: #ffaaaa;
	padding: 10px;
	color: #000000;
}

h3 small {
	color: #ffffcc;
}

.links {
	font-size: 1.5em;
	padding: 20px 0 20px;
}

.links a {
	color: #ffffcc;
}

.sidebar {
	float: right;
	width: 15%;
	padding: 10px;
	text-align: center;
	border-left: 2px ridge;
	border-color: #474779;
}

.footer {
	height: 50px;
	color: #FFFFCC;
	font-size: small;
	padding: 15px;
	border-top: 1px solid #333333;
}

footer {
	height: auto;
	color: #FFFFCC;
	font-size: small;
	padding: 15px;
	border-top: 2px ridge;
	border-color: #474779;
	background: url('../images/backgrounds/bluerocbg.gif');
}

footer .address, footer .info {
	margin-top: 15px;
}

.address {
	float: left;

}

.info p {
	float: right;
}

.mac {
	text-align: center;
	font-size: 0.8em;
	margin-top: -55px;
}

hr {
	border: 1px solid #333355;
	background-color: #333333;
}

.widget {
	border: 1px #333333 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.2em;
	padding: 20px 10px 20px 10px;
	margin-bottom: 10px;
}

.widget a:visited {
	color: #ffcc88;
}

.widget a {
	color: #ffff99;
}

.clear {clear:both;}

.small-only {display: none;}

@media screen and (max-width : 768px) {
	.mac {
		display: none;
	}
	
	.widget {
		padding: 10px 5px;
	}
	
	body {background-image: none;}
	.container {padding-bottom: 10px;}
	header {padding: 5px 0 5px;}
	.welcome {padding: 10px 10px;}
	
	.links p {font-size: 0.80em;}
	
	.listofnames {background: #474779; border: none; border-left: 2px ridge #474779; border-right: 2px ridge #474779; font-size: 1.2em;}
	.first {border-top: 2px ridge #474779;}
	.last {border-bottom: 2px ridge #474779;}
}

@media screen and (max-width : 680px) {
	img.gone {display: none;}
	.small-only {display: block;}
	.spacer {padding: 0;}
	.info p {float: none; text-align: center;}
	.address p {text-align: center;}
	footer .address, footer .info {margin: 0;}
	blockquote {margin: 0 10px;}
	.youtube-link {height: 55px;}
	.youtube-link h3 {font-size: 14pt;}
}