/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*----------- apply a natural box layout model to all elements --------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*-----BODY -----*/
body {
	
	font-size: 16px;	
	font-family: 'Balthazar', serif;
}


/*-----CONTAINER -----*/
#container {
	background-color: #9f2033;   /*becomes the nav background color*/
	min-width: 320px;
	max-width: 1140px;
	color:#fff;
}

/*-----HEADER -----*/
header {
	background-color:black;
	font-family: 'Marko One', serif;
	color:#9f2033;
	padding:8px;
}
header h1 {
	font-size: 2em;	
}

header h2 {
	font-size:.8em;
}

header img.headerimage {
	display:none;
}

header ul.icons {
	float:right;
	padding-right:2%;
}

header ul.icons li{
	float:left;
	margin-top:10px;
}	

header ul.icons li a {
	opacity:0.7;
}	



/*-----NAVigation -----*/
nav {
	padding: 1em 0;}
nav ul {

}
nav ul li {
	float:left;
	width:46%;
	margin: 0 2%;
}
nav ul li a {
	color:#fff;
	text-align:center;
	display:block;
	font-weight: 600;
	margin: .2em 0;
	padding: .6em 0;
	text-decoration:none;
	border-radius:16px;
	background-color: rgba(0,0,0,0.2);
}

nav ul li a:hover {
	background-color: rgba(0,0,0,0.4);
}



/*-----CONTENT -----*/
#content {	
	min-height: 5em;	
	background-color: #59595C;
	background-image: url(../stardust.png);
	padding: .5em 2%;
}

#content h1 {
	font-size: 2em;
	color:#329EFF;
}

#content hr {
	border:none;
	border-radius:5px;
	height: 10px;
	background: rgb(159,32,51); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(159,32,51,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(159,32,51,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(159,32,51,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(159,32,51,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(159,32,51,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(159,32,51,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f2033', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

#content article {
	padding-bottom: 2em;
}

#content article h1 {
	font-weight: 600;
	font-size: 1.2 em;	
	color:#0fff45;
}

#content article p {
	padding: .3em 0 .1em 1em;
	font-size: 1.2em;
}

#content a.top {
	background-color:#9f2033;
	font-size: 1.2em;
	color:#FFF;
	border-radius: 15px;
	padding: .3em 1em;
	margin-top: .5em;	
	float: right;
	text-decoration:none;
}

article {
	margin:1em;
	padding:1em;
	box-shadow: 0px 0px 10px rgba(255,0,0,0.3) inset;
}

/*---------- scaling images ----------*/
#content ul.viperpics li {
	float:left;
	padding: 2%;
	width:25%
}

#content ul.viperpics li a img {
	width: 100%;
	border: 1px solid #777;
}

div.keepOpen {
	clear:both;
}

/*----- FOOTER -----*/
footer {
	background-color:black;
	text-align: center;
	padding: 1em;
	color:white;
}