@charset "utf-8";
/* CSS Document */

@import 'reset.css';

body{
font: 1em Georgia, "lucida bright", "times new roman", serif;
}

#container{
background: #1a1a1a;
border: 1px solid #fff;
border-top: none;
min-height: 1100px;
overflow: auto;
padding: 10px;
margin: auto;
width: 800px;
}

#logo{
background: url(../img/logo.png);
border: 1px solid #fff;
height: 75px;
margin: auto;
width: 600px;
}



#content{
right:2.25em;
margin-top:.2em;
margin-left: 2.25em;
margin-right:2.25em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:2.25em;
margin-right:2.25em;
padding:1em .5em 2em .5em;
background:#1a1a1a;
font-size:.9em;
color: #c0c0c0;
}

#content h1{
font-size: 2em;
color: #c0c0c0;

}

#content p{
margin: .2em 0 0 .3em;
}


#contentRight{
float: right;
width: 100px;
height: 625px;
margin: 2em 0 0 0;
padding: 0 0 0 10px;
border-left: 1px solid #8d8d8d;
}

#contentRight h1{
font-size: 1.2em;
font-weight: bold;
margin: .3em 0 .3em 0;
}

#contentRight ul{
padding-left: 5px;
list-style-type: none;
}

#contentRight ul li a{
color: #c0c0c0;
text-decoration: none;
}

#contentRight ul li a:hover{
color: #ff9900;
}

#local_map{
border: 1px solid #fff;
color: #000;
height: 320px;
width: 370px;
}

#prologue{
width: 600px;
}

#prologue p{
padding: 0 0 0 5px;
line-height: 1.3em;
}



#pilot{
padding: 10px;
}

#pilot img{
border: 1px solid #fff;
float: right;
margin: 0 30px 0 0;
}

#pilot h1{
font-size: 1.3em;
}

#pilot p{
width: 450px;
}

#pilot2 p{
margin: 0 0 0 140px;
width: 450px;
}

#pilot2 img{
border: 1px solid #fff;
margin: 0 30px 0 0;
}

#wcf_track{
border: 1px solid #fff;
color: #000;
height: 330px;
width: 575px;
}

#country_info{
float: right;
height: 70px;
width: 145px;
margin: 0 33px 10px 0;
}

#country_info img{
margin: 7px 0 0 35px;
}


#wx{
margin: 0 0 0 50px;
}
.information{
border: 1px solid #c0c0c0;
}

#country_info h1{
background: #999999;
color: #fff;
font-size: 14px;
text-align: center;
}


#leg_page{
border: 1px solid #fff;
color: #000;
height: 330px;
width: 575px;
}

.acknowledge{
margin: 0 0 0 30px;
}

.acknowledge li{
padding: 2px 0 2px 0;
}



.mag{
height: 236px;
width: 500px;
margin: 10px 0 10px 40px;
}

.airport_info{
float: right;
width: 200px;
}

.airport_info span{
font-weight: bold;
color: #3366FF;
}
.question{
font-size: 1.3em;
font-weight: bold;
}

.answer{
padding: 15px;
font-size: 1.1em;
line-height: 1.2em;
}

.history{
font-size: 1.1em;
line-height: 1.2em;
padding: 15px 0 0 15px;
width: 300px;
}
.equipment{
margin: 10px 0 0 40px;
}

.specification_img{
float: right;
margin: 0 60px 0 0;
border: 1px solid #d0d0d0;
}

.topBorder{
margin: .3em 0 .3em 0;
border-top: 1px dotted #8d8d8d;
width: 80%;
}



.blog{
font-size: 1.0em;
background: url(../img/openQ.png) top left no-repeat;
padding: 0 0 0 25px;
width: 520px;
line-height: 1.5em;
}

.timestamp{
font-weight: bold;
font-style:italic;
}

.flag{
margin: 8px 0 0 13px;
}

.map{
height: 225px;
width: 300px;
margin: 0 0 0 125px;
}

.local_img{
border: 1px solid #c0c0c0;
float: right;
margin: -20px 60px 0 0;
}
/* -- footer -- */
#footer {
height: 30px;
padding: 10px 0 0 0;
width: 100%;
float: left;
}

#footer h1 {
text-align: center;
color: #1a1a1a;
font-size: 12px;
font-weight: normal;
padding: 0 0 3px 0;
}

#footer p {
font-size: 11px;
text-align: center;
}

#footer p a {
text-decoration: none;
color: #990000;
}

#footer p a:hover {
text-decoration: none;
color: #1a1a1a;
}
/* -- end footer -- */

/* -- thumbnail thing thanks css globe -- */
/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin: 0 5px 5px 0;
		
		border:1px solid #999;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */




.pilotName{
font-size: 1.2em;
}
#infoA{
margin: 15px 15px 5px 15px;
float: left;
width: 570px;

}
#infoA img{
clear: left;
float: left;
border: 1px solid #c0c0c0;
margin-right: 10px;
}

#infoA h1{
font-weight: bold;
font-size: 1.2em;
}
#infoA p{
line-height: 1.4em;
font-size: 1em;
padding: 1px 0 5px 20px;
margin-right: 10px;
}

#infoA h1, p{
text-align: left;
color: #ccc;

}

#infoB{
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding-top: 15px;
padding-bottom: 15px;
margin: 15px 15px 5px 15px;
float: left;
width: 570px;
}

#infoB img{
float: right;
clear: left;
border: 1px solid #c0c0c0;
margin-left: 10px;
}
#infoB h1{
font-weight: bold;
font-size: 1.2em;
}
#infoB p{
line-height: 1.4em;
font-size: 1em;
padding: 1px 5px 5px 20px;
}

#infoB h1, p{
text-align: left;
color: #ccc;
.right{
float: right;
}


.myThing{
float: left;
width: 10em;
padding: 10px;
margin: 10px 5px 5px 10px;
border: 1px solid #FFFF00;
}

.myThing ol{
margin: 0 0 0 40px;
}

.myThing ol li{
line-height: 1.3em;
}