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

body
{
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #000;
	background-color:#C96;
	margin:0px;
	padding:0px;
}
.design
{
	background-image:url(../images/2012-christmas-calendar-vibrant-red-check-background-wallpaper-gnome.jpg);
	background-size:cover;

	padding:10px;
}

.ptu
{
	color:#fff;
	font-size:75px;
	background:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px;
}
.make
{
	color:#fff;
	font-weight:600;
	text-shadow:#000;
	font-size:48px;
	
	alignment-adjust:
	
	
	
}

.title
{
	color:#fff;
	background:#903;
	padding:10px;
}
.sd
{
 -webkit-box-shadow: -8px 7px 54px -8px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 7px 54px -8px rgba(0,0,0,0.75);
box-shadow: -8px 7px 54px -8px rgba(0,0,0,0.75);
padding:10px;
border-radius:10px;
}
.t
{
	  background-color:#C30;
	color:#fff;
	padding:10px;
	text-align:center;
	border-radius:3px;
}


@-webkit-keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
@-moz-keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
@-o-keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;

 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
@keyframes resize {
 0% {
 padding: 0;
 background-color:rgba(60,60,60,0);
 height:0px;
 width:0px;
 border-radius:10px;
 font-size:0px;
 color:#FFF;
 top:50px;
}
 15% {
 height:1px;
 width:10px;
 border-radius:10px;
 background-color:rgba(60,60,60,4);
}
 25% {
 height:1px;
width:100%;
 top:50px;
}
 40% {
 height:100%;
 top:0;
 background-color:rgba(60,60,60,1);
}
 60% {
 background-color:rgba(0,136,204,1);
 font-size:0px;
}
 70% {
 font-size:40px;
}
 100% {
 background-color:rgba(12,170,244,1);
}
}
#cssanimation {
	height: 100px;
	width: 100%;
	margin: 0 auto;
}
#cssanimation #animationbox {
	height: 100%;
	width: 100%;
	border-radius: 10px;
	background-color: #990033;
	font-size: 40px;
	color: #FFF;
	text-align: center;
	line-height: 100px;
	margin: 0 auto;
	top: 0;
	position: relative;
	-webkit-animation-name: resize;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-name: resize;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-o-animation-name: resize;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	animation-name: resize;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
input[type='text']
{
background:none;
border-left:hidden;
border-right:hidden;
border-top:hidden;
color:#7A2C39;
font:Arial, Helvetica, sans-serif;
font-size:18px;
outline:none;
height:30px;
width:250px;
border-bottom-color:#000000;


}
.head
{
color:#000;
font-size:20px;
text-align:center;

}
.head1
{
color:#000;
font-size:20px;
text-align:center;

}

.main
{
color:#000;
font-size:18px;
text-align:center;

}

a
{

color:#fff;
padding-left:2px;
text-decoration:none;

}
.btn
{
color:#FFFFFF;
background:#903;
padding:10px;
font-size:16px;
border:hidden;
}
.msg
{
color:#7A2C39;
font-family:"Times New Roman", Times, serif;
text-align:center;
font-weight:900;
}

.t
{
background:none;
border-left:hidden;
border-right:hidden;
border-top:hidden;
color:#7A2C39;
font:Arial, Helvetica, sans-serif;
font-size:18px;
outline:none;

width:250px;
border-bottom-color:#000000;
}