/*-----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: Verdana, Geneva, sans-serif;
	background:#FFFFFF;	
}


/*-----CONTAINER -----*/
#container {
	background-color: #97BEE3;   /*becomes the nav background color*/
	min-width: 320px;
	max-width: 960px;
}

/*-----HEADER -----*/
header {background-color: #9B9B9B;
		border-bottom: solid#544689 5px;
}
header img { 
	float:left;
	padding: .5em 2%;
}
header h1 {
	font-size: 1.8em;
	padding-top: .2em;
	color: #0000;
}
header h2 {
	font-size: 1.1em;
	padding-top: .3em 0 .6em 0;
	color: #C30003;
}



/*-----NAVigation -----*/
nav {}
nav ul li {}
nav ul li a {
	display:block;
	text-align:center;
	padding:.7em;
	background-color:#1A2852;
	color:#FFFFFF;
	text-decoration:none;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	margin: .5em;
	font-size: .85em;
	
}

nav ul li.active a {
	background-color:#D71D20;
}

nav ul li a:hover {
	background-color:#0A62A2;
	color:#A149C3;
}

 



/*----- CONTENT -----*/
#content {
	min-height: 5em;
	background-color: #C7C7C7;
}
#content h1 {
	margin: 1em 2% 0 2%;
	font-size: 1.5em;
	color: #D12341;
}

#content p {
	padding-bottom: .5em;
}


#content article {
	margin: 0 2%;
} 

#content article.news, #content article.tweet {
	background-color: #ddd;
	margin-top: .5em;
	margin-bottom: .5em;
}

article.news h2, article.tweet h2 {
	color: #fff;
	font-size: .8em;
	padding: .5em;
}
article.news h2{background-color: #67C6F4;}
article.tweet h2{background-color: #67C6F4;}

article.news h3, article.tweet h3 {
	font-size: 1em;
	color:#111DA2;
	padding: .5em 0 0 1%;
}
article.news h3{background-color: #d7CF4;}
article.tweet h3{background-color: #67CF4;}

article.news p, article.tweet p {
	color: #666;
	font-size: .8em;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 120%;
}

/*----- IMAGES -----*/

figure.w100 {
	width: 100%;
	
}
figure.w33 {
	width: 96%;
	border: 1px solid #FFF;
	margin: .3em 0 .3em 2%;
	
}


figure img {
	width: 100%;
	
}

#content figcaption {
	text-align: center;
	font-size: .6em;
	color: #FFF;
	padding: .3em;
}

/*----- FOOTER -----*/
footer {
	clear: both;
	text-align: center;
	padding: 1em;
	background-color:#9B9B9B;
	color:#FFF;
	font-size: .6em;
}



/*----- OTHER -----*/
.keepOpen {
	clear: both;
}