body{
	margin : 2%;
	background-color: #FBFAE9;
}

header{
	background-color: #246D5F;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; 
	border-radius: 15px;
	padding:1%;
}

#logo1{
	display:block;
	width: 30%;
	height : auto;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px; 
	border-radius: 10px;
	margin:auto;
	float: center;
}

h1{

	font-family: "Segoe ui", Verdana, Arial, "Times New Roman";
	font-size: 3em;
	color: #ffffff;
	margin: 2%;
	text-align: center;
	display: block;
}

h2{
	font-family: Garamond, Arial, "Times New Roman";
	font-size: 1.8em;
	font-style: italic;
	color: #ffffff;
	margin-bottom: 4.2%;
	text-align: center;
	display: block;
	
}

h3{

	font-family: "Segoe ui", Verdana, Arial, "Times New Roman";
	font-size: 1.3em;
	color: #F4E911;
	margin: 2%;
	border-style: 1px #000000;
	text-align: center;
	display: block;
}

h1, h2{
	display:none;
}

nav{
	margin:2%;
}


nav>a:hover{
	background-color: #000000;
	color: #a2d890;
}

.active{
	background-color: #479030;
	color: #a2d890;
}

hr{
	width:50%;
	margin-top: 5%;
}

.logout{
	font-family: Georgia;
	margin: 2%;
	font-size: 1.2em;

}



/*Premium Page Mobile*/

.headlines, .Adminpages, .viewArticle,.archive, .error{
	width:96%;
	display: inline-block;
	background-color: #B0BDAC;
	color:#000000;
	font-family: "Segoe ui", Verdana, Arial;
	font-size: 1.1em;
	text-align: justify;
	margin-top:1%;
	margin-bottom: 1%;
	padding:2%;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; 
	border-radius: 15px;	
}

.archive > img, h5, .headlines > img, h5{
	display:none;
}

.archive > h2, .headlines > h2, .viewArticle> h2{
	display:block;
}

img{
	display:block;
	width: 50%;
	margin:auto;
	float:center;
}	

.pubDate{
	font-family: "Segoe ui", Verdana, Arial;
	font-size: 0.8em;
	font-style: italic;
}

.titlepic{
	text-align: center;
	font-family: Georgia, Verdana, Arial;
	font-style: italic;
	font-size: 0.7em;
}

.linkpic{
	border:solid 5px #000000;
}

.summary{
	font-family: "Segoe ui", Verdana, Arial;
	font-size: 0.9em;
}

.readmore{
	font-size: 0.8em;
	background-color: #40A08D;
	padding:1%;
	border-radius: 5px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px; 

  	
}

.returnto{
	width:96%;
	display: inline-block;
	background-color: #000000;
	color:#ffffff;
	font-family: "Segoe ui", Verdana, Arial;
	font-size: 1.1em;
	text-align: justify;
	margin-bottom: 1%;
	padding:2%;
	border-radius: 15px;	
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; 

}



.summaryArticle{
	font-style:italic;
}


input, textarea{
	padding:2%;
	width:90%;
	cursor: pointer;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
 	box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

input:focus, textarea:focus{
	background-color: #F5D8AB;
}

.buttons{
	margin:auto;
	width:40%;
	line-height: 1em; 
	padding:2%;
	font-size: 2em;
}

.adminloginform{
	margin:auto;
	font-size: 1.5em;

}

.adminloginform>p{
	text-align:center;
}

.tableadmin{
	border-collapse: collapse;
	border: 2px solid #ffffff;
	width:80%;
	margin:auto;
}

.tableadmin th, .tableadmin td{
	color:#ffffff;
	border: 1px solid #ffffff;
	padding: 1%;
}

.tableadmin tr:nth-child(odd) {
  background: #688A08;
}

.tableadmin tr:nth-child(even) {
  background: #AEB404;
}

.tableadmin tr:hover {
  background: #B18904;
  cursor: pointer;
}

.registration_login{
	width:96%;
	display: inline-block;
	background-color: #B0BDAC;
	color:#000000;
	font-family: "Segoe ui", Verdana, Arial;
	font-size: 1.1em;
	text-align: justify;
	margin-top:1%;
	margin-bottom: 1%;
	padding:2%;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; 
	border-radius: 15px;	
}

.registration_login  h3{
	font-size: 2em;
	color:#000000;
}

.registration_login img{
	width: 40%;
}

.registration_login form{
	width:60%;
	margin:auto;
	text-align: left;
	padding:2%;
	font-size: 1.2em;
}

#loginbutton{

	margin-top: 3%;
	width:30%;
	font-weight: bold;
}

.adminlinks{
	background-color: #142E54;
	color:#FFFFFF;
	font-size: 1.2em;
  	padding: .5em;
  	margin: 2em 0;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px; 
  	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  	-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

/* Status and error boxes */

.statusMessage, .errorMessage {
  font-size: .8em;
  padding: .5em;
  margin: 2em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

.statusMessage {
  background-color: #2b2;
  border: 1px solid #080;
  color: #fff;
}

.errorMessage {
  background-color: #f22;
  border: 1px solid #800;
  color: #fff;
}

.logout{
	text-align: center;
	background-color: #142E54;
	margin: 1%;
	padding:1%;
	font-family: Georgia, Arial;
	font-weight: bold;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px; 
}

/*End of Premium Page Mobile*/ 

/*Generic footer*/

footer{
	background-size: 20%;
	background-color: #246D5F;
	padding: 1%;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px; 
  	-o-border-radius: 15px;
	border-radius: 15px;
}

footer>h2{
	text-align: center;
	}

a{
	color:#ffffff;
	text-decoration: none;
}

address{
	font-family: Garamond, Arial, "Times New Roman";
	font-size: 150%;
	color: #ffffff;
	text-align: center;
	margin:2%;
	margin-bottom: 1px;

}


#logo2{
	display:none;
}

/*Medium size screens - Tablets */

@media screen and (min-width: 600px){
	
	h1{
		font-size: 4em;
	}
	
	h2{
		font-size: 2.5em;
	}

	h3{
		font-size: 1.8em;
	}

	h5{
		font-size: 1em;
	}

	nav{
		padding: 2%;
		font-size: 1.3em;	
}

	
	

	table{
		font-size: 0.9em;
	}

	#logo2{
		display: none;
	}
}

/*End of Medium size screens - Tablets */

/*Large screens */

@media all and (min-width: 980px){
	body{
		margin: 2% 10% 2% 10%;
	}

	#logo1{
		float:left;
		margin:1%;
		width:25%;
}

	h1{
		font-size: 4em;
	}

	h1, h2{
		display:block;
		text-align: center;
	}

	
	nav{
    	display:inline-block;
    	width: 16%;
    	min-width: 125px;
    	margin-right:1%;
    	height: 360vh;
    	float:left;
    	background-color: #246D5F;
		border-radius: 15px;
		padding:0.5%;
  }

	
	.headlines, .error{
		width:73%;
		margin: 2% 1% 2% 1%;
	}
	

	.archive > img, h5{
		display:block;
}

	.headlines > img, h5{
		display:block;
}

.archive>img, .headlines > img{
	width:30%;
}

.picturetitle{
	display:inline-block;
	float:left;
	margin:1%;
	width:40%;
}

.picturetitle > img{
	width:90%;
}

input, textarea{
	font-size: 1.1em;
}

.logout{
	position:fixed;
	top:40%;
}

	footer{
		clear:left;
	}

	#logo2{
		display: inline;
		width: 20%;
		height : auto;
		float:right;
		border-radius: 10px;
	}

	
}

/*End of Large screens */
/*Extra-Large screens */

@media screen and (min-width: 1400px){
	body{
		margin: 2% 20% 2% 20%;
	}
}