/* ##############
## EVENINGSTAR ##
############## */
html {
	font-size:0.8em;
	height:100%;
}
body {
		margin:0;
        /*height:100%;*/
        font-family:Century Gothic, sans-serif;
        color:#333333;
        background-color:#999999;
        background-image: linear-gradient(#ffffff 0%, #999999 100%);
        background-image: -webkit-linear-gradient(#ffffff 0%, #999999 100%);  /* #241c51 0%, #283970 100% */
        background-image: -moz-linear-gradient(top, #ffffff, #999999);
        background-image: -ms-linear-gradient(#ffffff 0%, #999999 100%);
        background-image: -o-linear-gradient(#ffffff 0%, #999999 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999');
        text-align: center;
}

hr {
	width:360px;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	box-shadow: 3px 3px 6px #555; 
  	-moz-box-shadow: 3px 3px 6px #555; 
  	-webkit-box-shadow: 3px 3px 6px #555;
}
h1 {
	text-indent: -9999px;
	background-image:url('/_img/eveningstar.png');
	background-repeat:no-repeat;
	width:360px;
	height:150px;
}
h2 {
	font-size:1.1em;
}

h3 {
	font-size:0.9em;
	font-style:normal;
	font-weight:normal;
	color:#666666;
	padding-top:4em;
}
#global {
	width:360px;
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#footer {
	position:absolute;
	bottom:5;
	width:100%;
	text-align:center;
	font-size:0.9em;
}

#number {
	width:300px;
	height:97px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('/_img/number.png');
	background-repeat:no-repeat;	
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	h1 {
		border:4px solid white;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
	h1 {
		border:0px solid green;
		background-image:url('/_img/eveningstar_300.png');
		width:300px;
		height:125px;
	}
	h3 {
		padding-top:2em;
	}
	#global {
		width:300px;
		margin-top:10px;
	}
	hr {
		width:300px;
  	}
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	h1 {
		border:0px solid blue;
		background-image:url('/_img/eveningstar_300.png');
		width:300px;
		height:125px;
	}
	#global {
		width:300px;
		margin-top:30px;
	}
	hr {
		width:300px;
  	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	h1 {
		border:4px solid cyan;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	h1 {
		border:4px solid yellow;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	h1 {
		border:4px solid orange;
	}
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	h1 {
		border:0px solid pink;
		background-image:url('/_img/eveningstar.png');
		width:360px;
		height:150px;
	}
	#global {
		width:360px;
		margin-top:60px;
	}
	hr {
		width:360px;
  	}
}


/* iPhone 4 / 4S ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	h1 {
		border:0px solid red;
		background-image:url('/_img/eveningstar_300.png');
		width:300px;
		height:125px;
	}
	#global {
		width:300px;
		margin-top:30px;
	}
	hr {
		width:300px;
  	}
}