/* For displaying the RLS banner across the RLS pages and any other pages that use the RLS Page template */
#header {
margin-bottom:31px;
}
#banner {
padding-bottom:10px;
}
#banner h1 {
float: left;
margin-bottom: 0;
margin-top: 0;
max-width: 80%;
padding-right: 0;
line-height:1.2;
}
.rls-banner a,
.singular .content a {
color:#0090C0;
}

.rls-banner {
overflow:auto;
height:100%;
background-color:#E5F5F9;
background-image:url(/wp-content/themes/pew-forum/img/rls/rls-blue-sunburst.png);
background-position:top center;
background-repeat:no-repeat;
padding:10px 4px;
margin-bottom:25px;

-webkit-box-shadow: 0 0 8px 0 rgba(0,144,192,0.55);
-moz-box-shadow: 0 0 8px 0 rgba(0,144,192,0.55);
box-shadow: 0 0 8px 0 rgba(0,144,192,0.55);
}
.rls-banner h1 {
margin:0;
padding:0;
}
.rls-banner h1 {
font-size:2.8em;
margin-right:25px;
padding-left:10px;
float:left;
}
.rls-banner p,
.singular .content .rls-banner p {
float:right;
width:430px;
text-align:right;
font-family:franklin-gothic-urw,Verdana,Geneva,sans-serif;
letter-spacing:0.05em;
font-weight:700;
text-transform:uppercase;
font-size:1.3em;
padding:11px 0 0;
margin-bottom:0;
}
.rls-banner p a,
.singular .content .rls-banner p a {
margin:0 15px 0 0;
}

@media (max-width: 580px) {
	.rls-banner h1 {
	font-size:2.5em;
	}
	.rls-banner p,
	.singular .content .rls-banner p {
	width:auto;
	float:none;
	clear:both;
	}
	.rls-banner p a,
	.singular .content .rls-banner p a {
	float:left;
	width:49%;
	text-align:center;
	margin:0;
	padding:0.3em 0;
	}
}

@media (max-width:360px) {
	.rls-banner h1 {
	font-size:1.9em;
	}
}