@font-face
{
font-family: chalkduster;
src: url('Chalkduster.ttf');
}


body {
	/*font: 100% 'Verdana', 'Helvetica', 'Arial', sans-serif, chalkduster; */
	font: 100% chalkduster;

	/* text-align: center; */
		

	background-color: #63d6b7;
	}
	
#console {
/*	border: solid;
	border-width: 1px;
´	border-color:black;
	background-color: #009; 
	width: 768px;
	height: 1024px;*/
	padding-top:60px;
	margin: 1px auto; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	}
	
#right-panel {
	float:right;
	}

#cw_title {
	font-size: 180%;
	color: #FF0;
	padding: 5px 5px 5px 5px;
/*	margin-left: 30px; */
}

#c_title {
	font-size: 200%;
	color: #FF0;
	padding: 5px 5px 5px 5px;
		/* text-align: center; */
	margin-left: 50px; 
	
}

#c_temp {
	width: 600px;
	border: solid;  
	border-width: 1px;
	border-color:#777;
	color:#FFF;
	background: #309;
	margin-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	display: none;
	}

#box_temp {

	color: white; 
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align:center;
	}

#c_rain {
	width: 600px;
	border: solid;
	border-width: 1px;
	border-color:#777;
	color:#FFF;
	background: #309;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: none;
	}	
	
	
#box_rain {
	color: white;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align:center;
	}	

#c_wind {
	width: 600px;
	border: solid;
	border-width: 1px;
	border-color:#777;
	color:#FFF;
	background: #309;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	display: none;
		}	
	
#box_wind {
	color: white;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align:center;
		}
	
#c_press {
	width: 600px;
	border: solid;
	border-width: 1px;
	border-color:#777;
	color: #FFF;
	background: #309;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: none;
	}
	
#box_press {
	color: white;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align:center;
	}

#c_today {
	width: 90%;
/*	border: solid;
	border-width: 1px;
	border-color:#777;
	color:#FFF;
	background: #309; */
		color: white;

	padding-bottom: 5px;
	margin-bottom: 10px;
/*	margin-left: 40px;
	padding-left:70px; 
	display: none; */
		text-align:center;
	}	
	
	
#fide_link{
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	color: #6FF;
	font-size: 120%;
	}	
.box-title {
	font-size: 600%;
	font-weight:700;
	color: white;
	text-align:left;
	margin-left:150px;
	}
	
table {
	font-size: 100%;
	margin-left:auto;
	margin-right:auto;
	}
	
td {
	text-align:center;
	}
	
.box-field {
	background: black;
/*	border: solid;
	border-color:#777; 
	border-width: 1px; */
	width: 120px;
	color: white; 
	text-align: left;
	text-indent: 15px;
	padding-right: 5px;
	}
	
.tbox-field {
	background: black;
/*	border: solid;
	border-color:#777;
	border-width: 1px;  */
	width: 300px;
	color: white;
	text-align: left;
	text-indent: 15px;
	padding-right: 5px;
	}	
	
.box-label {
	width: 120px;
	color: #FF0;
	padding-left: 15px;
	}

.tbox-label {
	width: 300px;
	text-align: left;
	padding-left: 65px;
	color: #FF9;

	}
	
#footer {
	color: #EEE;
	text-align: center;

	display: none;
	}
	
#wait-msg {
	font-size: 120%;
	color: white;
	text-align:center;
	padding-top: 100px;
	}

#forecast {
	font-size: 75%;
	color: #FF0 ;
	text-align: center;
	}

#beaufort {
	font-size:75%;
	}
	
#popout-icon {
        float: right;
        border: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #382f85;
	font-size: 100%;
}

.knapp{
    font-size:36px;
    font:chalkduster;
    height:50px;
    width:200px;
    }
