@charset "utf-8" ;
/*CSS Document*/

body {background-image: url('image/wall-7.jpg');
	line-height: 1.25; 
	font-family: caliri;}

.body {margin: auto;
	width: 75%;
	clear: both; }

 /*styling the links*/
a:link {color: #FFFFFF;
	text-decoration: none;}

a:visited {color: #fdff7a;
	text-decoration: none;}

a:hover {color: #ffffff; 
	font-weight: bold; 
	text-decoration: overline; }
	
.img {width: 250px;
	height: auto;
	margin: 2% 0%;
	border-radius: 50%;
	opacity: .8; }

.head {position: absolute;
	left: 35%;
	top: 0%; }
	
.p-head {color: #ffffff;
	text-align: center;
	font-family: book antiqua;
	font-size: 110%;
	}

.mainheader nav {background: rgba(200,25,130,0.4); 
		font-family: jasmineUPC;
		font-size: 200%;
		height: 40px;
		margin: 1% 1%; 
		border-radius: 30px;}
		
.mainheader nav ul {line-style: none;
		margin: 0 auto;}

.mainheader nav li {float: left;
		display: inline; }

.mainheader nav a:link, mainheader nav a:visited
	{background: rgba(10,25,130,0.4);
		text-align: center;	
		display: inline-block;
		padding: 5px 40px;
		height: 30px; }

.mainheader nav a:hover, .mainheader nav a:active, .mainheader nav active a:link, .mainheader nav active a:visited 
	{background-color: #87cef3;
		float: center ;
		text-shadow: none; }

.mainheader nav ul li a {border-radius: 50px;
	}

.maincontent {line-height: 10px; }

.topcontent {width: 65%;
	float: right;
	background: rgba(200,25,130,0.4); 
	margin: auto;
	padding: 1%;
	line-height: 1.25;}
	
.topcontent img {float: left; 
	width: 50%; 
	height: auto;
	padding: 1.5%; }

.topcontent img {float: none; 
	width: 50%; 
	height: auto;
	padding: 1.5%; }

.topcontent footer {font-family: book antiqua; }	

.middlecontent {width: 65%;
	float: right;
	background: rgba(200,25,130,0.4); 
	margin: auto;
	padding: 1%;
	line-height: 1.25;}
	
.middlecontent img {float: right; 
	width: 61%; }

.bottomcontent footer {float: right;}

.bottomcontent {width: 65%;
	float: right;
	background: rgba(200,25,130,0.4); 
	margin: 0 0 1% 1%;
	padding: 1%;
	line-height: 1.25;}
	
.bottomcontent img {float: right; 
	width: 61%; }

.bottomcontent footer {float: right;}		

.img-1 {position: center;
	border-radius: 90px;}
	
.img-2 {width: 65%;
	height: auto;}
	
.img-3 {width: 65%;
	height: auto;
	float: left;}
	
.img-4{float: none; 
	text-align: center;
	width: 450%;
	height: 200%; }

.header {float: center; }

.sidebar {width: 29%;
	float: top-right;
	background: rgba(999,25,130,0.7);
	padding: 2%; 
	}
	

.sidebar img {float: right; 
	width: 60%; 
	height: auto;
	padding: 1.5%; }

.mainfooter {width: 100%;
		float: left;
		margin: 1% 0; }

.mainfooter p {width: 80%;
		margin: 0 2%;
		color: #ffffff; 
		text-align: center;}s

.important {color: #ffffff;
	text-align: center;
	font-family: book antiqua;
	font-size: 110%;
	width: 190px;
    height: 50px;
    background: #000000;
    position: relative;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 70px;}
    to {left: 110px;}
}

@keyframes mymove {
    from {left: 70px;}
    to {left: 110px;}
	}


h1 {font-size: 350%;
	font-family: harrington; 
	font-style: bold;
	text-align: center;
	color: #ffffff; 
	text-shadow: 5px 2px 10px #600; 
	letter-spacing: .3em;}
	
h2 {font-style: bold;
	text-align: center;}

p {font-size: 125%; }
	

@media only screen and (min-width:80px) and (max-width:767px)
{
	.body {width: 75%;
		text-align: center;
		font-size: 95%; }
	
	.head {position: relative;
	left: 5%;
	top: 0%; }
	
	.p-head {color: #ffffff;
	text-align: center;
	font-family: book antiqua;
	font-size: 110%; }
	
	.img-1 {width: 300px;
		height: auto; }
		
	.mainheader nav {background: rgba(200,25,130,0.4); 
		font-family: jasmineUPC;
		font-size: 130%;
		text-align: center;
		Width: 75%;
		height: 200px;
		margin: 1% 1%; 
		border-radius: 10px;}
		
	.mainheader ul {padding-left: 0%;}
	
	.mainheader ul li {width: 100%;
`		text-align: center; }
	
	.mainheader nav a:link, mainheader nav a:visited {padding: 10px 15px;
		height:20px; display: block}
	
	.content {width: 100%;
		 }

	.post-display  {display: none;}
	
	.topcontent { width: 100%;
		background : rgba(200,25,130,0.4);
		border-radius: 5px;
		padding: 3% 5%;
		margin-top: 2%;
		margin-bottom: 4%; }
	
	.sidebar {width: 100%;
		margin: 0 0 1% 0;
		border-radius: 5px;
		padding: 2%;
		margin-top: 2%;
		margin-bottom: 4%;}
		
	.bottom-content {margin-top: 0%;}
		
	.mainfooter {float: left;
		width: 100%;
		background-color: #aafffa;
		margin: 1% 0;
		border-radius: 30px; }

	.mainfooter p {width: ;
		margin: 2% auto;
		color: #FFF; }

	.important {color: #ffffff;
		text-align: center;
		font-family: book antiqua;
		font-size: 110%;
		width: 80%;
		height: auto;
		background: #000000;
		position: relative;
		-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
		animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 50px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 50px;}
	}


	



}