body{
	background-color:#fff;
	color:#333;
	font-family:Verdana, sans-serif;
	animation: fadein 0.5s;
	margin:0 !important;
}

#ipkoll, #vadarminip, #ip, #isp, #geo, #links, #week, #today, #time{
	text-align:center;
	margin:0 auto;
}

#vadarminip{
	color:#324f7c;
	font-size:12pt;
	font-weight:bold;
}

#ip, #week{
	font-size:20pt;
	font-weight:bold;
}


#geo, #links, #today, #time{
	font-size:10pt;
	color:#666;
}

#isp{
	font-size:20pt;
	color:#324f7c;
	font-weight:bold;
}

#geo{
	font-weight:bold;
	font-size:12pt;
}

#links{
	font-weight:bold;
	font-size:12pt;
}

#links a{
	color:#458;
	text-decoration:none;
}

#links a:hover{
	color:#569;
}

#today{
	font-weight:bold;
	font-size:12pt;
}

#copyContainer{margin:0 auto; text-align:center;}

#copy{height:32px;}

#gmap{margin:0 auto; width:100%;}
.mapouter{width:100%;}
#gmap_canvas{width:100%;}

#ipkoll{
	width:302px;
	height:91px;
	background-image:url('ipkoll2.png');
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#footer{
	width:100%;
	text-align:center;
	color:#def;
	text-shadow:1px 1px #000;
	background-color:#324f7c;
	position:absolute;
	bottom:0;
}

#footer a{
	color:#fff;
	text-decoration:none;
	background-color:#324f7c;
}

#first, #second, #third{
	width:33%;
	float:left;
	padding:25px 0;
	transition: background-color 0.5s ease;
	background-color:#324f7c;
}


#first:hover, #second:hover, #third:hover{
	background-color:#4455aa;
}


#footer .heading{
	font-size:150%;
	margin-bottom:10px;
}



@media (max-width: 1000px) {
#first, #second, #third{width:100%; font-size:24pt; position:absolute; bottom:0;}
#second, #third{display:none;}
#ip, #week, #isp, #copy{font-size:50pt; height:auto; padding:15px;}
#footer{position:static; margin-top:50px;}
#gmap .mapouter, #gmap, .mapouter .gmap_canvas, #gmap_canvas{height:600px;}
}