@import url(http://fonts.googleapis.com/css?family=Calligraffitti|Iceland);

html { 
  background:#000 url(../img/bg/rotate.php) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover ;
}
html.xmas { 
  background:#000 url(../img/bg/xmas/rotate.php) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover ;
}
html.spooky { 
  background:#000 url(../img/bg/hw/rotate.php) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover ;
}
html.tg { 
  background:#ec8b00 url(../img/bg/tg/rotate.php) no-repeat center center fixed;
   -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain ; 
 }
html.bday {
	background:#000 url(../img/bg/bday/rotate.php) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover ;
}
body {
	color:#fff;
	font-size:16pt;	
}

h1 {
	font-size:3em;
	line-height:.1em;
	font-family: 'Iceland', arial;
}
h2 {
	font-size:2em;
	margin-top:-20px;
	font-family: 'Iceland', arial;
	
}
h3 {
	font-size:1.5em;
	text-transform:capitalize;
	font-family: 'Calligraffitti', cursive;
	margin-top:55px;
	color:#000;
	float:left;
	margin-left:2%;
	margin-top:25px;
}
.main {
	width:88%;
	margin:10px auto;
	text-align:center;
	padding:10px 1%;
}

header {
color:#fff;
text-shadow:2px 2px 2px #222;
display:inline-block;
width:100%;
background: -moz-linear-gradient(45deg,  rgba(21,52,107,0.15) 0%, rgba(41,137,216,0.48) 50%, rgba(132,170,201,0.49) 51%, rgba(8,72,114,0.38) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(21,52,107,0.15)), color-stop(50%,rgba(41,137,216,0.48)), color-stop(51%,rgba(132,170,201,0.49)), color-stop(100%,rgba(8,72,114,0.38))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(21,52,107,0.15) 0%,rgba(41,137,216,0.48) 50%,rgba(132,170,201,0.49) 51%,rgba(8,72,114,0.38) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(21,52,107,0.15) 0%,rgba(41,137,216,0.48) 50%,rgba(132,170,201,0.49) 51%,rgba(8,72,114,0.38) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(21,52,107,0.15) 0%,rgba(41,137,216,0.48) 50%,rgba(132,170,201,0.49) 51%,rgba(8,72,114,0.38) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(21,52,107,0.15) 0%,rgba(41,137,216,0.48) 50%,rgba(132,170,201,0.49) 51%,rgba(8,72,114,0.38) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2615346b', endColorstr='#61084872',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border:solid 1px #000
}

article {
	background:rgba(0,0,0,.5);
	padding:15px 2%;
	margin-top:0px;
}
.datebg {
	background:#fff;
	margin:0;
	padding:1px 0;
}
.tag {
	color:green;
	font-family: 'Calligraffitti', cursive;
	font-size:2em;
	text-transform:capitalize;
	float:left;
	letter-spacing:6px;
	margin-top:20px;
	margin-left:2%;
}
.date {
	font-size:1.5em;
	text-align:center;
	font-family: 'Iceland', arial;
	color:#000;
	margin-right:2%;
}
.quote {
	font-family: 'Calligraffitti', cursive;
	font-size:2em;
	margin-top:125px;
	text-shadow:2px 3px 3px #111;
	
}

@media only screen and (min-width: 800px) {


.date {
	text-align:right;
}


}