/**
 *    Styles used for Vietam project, "Healing a Wounded Heart"
 *    Author: Sean Connelley
 *    Copyright: Los Angeles Times
 */

/* BASE */
#vietnam-wrap{    position:relative; width:980px; height:653px; color:#fff; background:#000 url(../images/woman_baby.jpg) no-repeat 0 0;  margin:0;  padding:0;  font-family:Georgia,"Times New Roman",Times,serif;  overflow:hidden !important;  -webkit-text-size-adjust:none;  text-rendering:optimizeLegibility}
#vietnam-wrap .hide{ display:none}
#vietnam-wrap .subOn{ color:#fff}
a{outline:none}
#vietnam-wrap a{ color:#a25650;  text-decoration:none}
#vietnam-wrap a:hover{ color:#fff;  text-decoration:none}
.mOn{ color:#fff !important}
.clear{ clear:both}

/* MENU */
#vietnam-wrap #vietnam-top{ position:relative;  z-index:1500;  margin:0;  padding:0;  width:100%;  display:block;  position:relative}
#vietnam-wrap #vietnam-head{ margin:0;  padding:0 0 5px 0;  background:rgb(0,0,0);  background:rgba(0,0,0,0.6);  -moz-border-radius-bottomright:15px;  -moz-border-radius-bottomleft:15px;  border-bottom-right-radius:15px;  border-bottom-left-radius:15px;  -moz-box-shadow: 1px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(125,125,125,0.7);  -webkit-box-shadow: 1px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(125,125,125,0.7)}
.hidden-menu-btn{ position:relative;  display:block;  top:0px;  width:90px;  height:20px;  margin:0 auto;  padding:0;  font-size:12px;  line-height:20px;  text-align:center;  background-color:#000;  background-color:rgba(0,0,0,.6);  border-radius:0px 0px 10px 10px;  -moz-border-radius:0px 0px 10px 10px;  -webkit-border-bottom-right-radius:10px;  -webkit-border-bottom-left-radius:10px}
#vietnam-wrap h4.vietnam-title{  margin:0 0 0 10px;  font-size:40px;  color:white;  font-weight:bold}
#vietnam-wrap ul.vietnam-menu{  position:absolute;  color:#999;  text-transform:uppercase;  margin:0 10px 0 0;  cursor:pointer;  top:3px;  right:10px;  list-style-type:none;  z-index:9999}
#vietnam-wrap ul.vietnam-menu li{ text-align:right;  display:inline;  font-size:12px;  margin:0 10px 0 0;  line-height:40px}
#vietnam-wrap ul.vietnam-menu li:hover{ color:#fff;  cursor:pointer}

/* HOME SECTION */
.vietnam-home-text{ width:536px;  color:#ccc;  font-size:14px;  margin:10px 0 20px 10px;  line-height:19px}
.vietnam-button{ margin-left:10px;  font-size:18px;  font-weight:400;  text-transform:uppercase;   cursor:pointer;  padding:5px 10px;  background:-moz-linear-gradient( top, #333 0%, #000);  background:-webkit-gradient( linear,left top,left bottom, from(#333), to(#000));  border-radius:10px;  -moz-border-radius:10px;  -webkit-border-radius:10px;  border:1px solid #000;  -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5), inset 0px 0px 3px rgba(0,0,0,1);  -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5), inset 0px 0px 3px rgba(0,0,0,1)}
.vietnam-button-sub{margin-top: 1.3em;}
.vietnam-button-sub a{ margin-left:10px;  font-size:14px;  font-weight:400;  text-transform:uppercase;   cursor:pointer;  padding:5px 10px;  background:-moz-linear-gradient( top, #333 0%, #000);  background:-webkit-gradient( linear,left top,left bottom, from(#333), to(#000));  border-radius:10px;  -moz-border-radius:10px;  -webkit-border-radius:10px;  border:1px solid #000;  -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5), inset 0px 0px 3px rgba(0,0,0,1);  -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5), inset 0px 0px 3px rgba(0,0,0,1)}
/* VIDEO SECTION */
.vietnam-video{ position:absolute;  left:2000px;  top:80px;  width:951px;  clear:both;  float:none;  margin:0;  padding:0}
.videoOn{ left:14px !important}

/* PHOTO GALLERY */
#vietnam-gallery-container{ position:absolute;  top:60px;  left:2000px;  width:980px;  height:653px;  margin:0;  padding:0;  border:none}
#vietnam-gallery{ position:relative;  width:980px;  height:580px}
.galleryOn{ left:0px !important}

/* MAP */
.vietnam-map{ position:absolute;  top:0;  left:2000px;  width:980px;  height:653px}
#map_canvas{ position:relative;  width:980px;  height:653px}
.mapOn{ left:0px !important}
.data_current{ color:#fff !important;  margin:0 0 .1em .3em;  padding-top:1em;  font-size:12px;  text-transform:uppercase; letter-spacing:.1em;}
.vietnam-map p{ color:#888;  font-size:12px;  margin-bottom:2px}
.vietnam-map h3{ color:#fff;  clear:both;  margin:0 0 .1em .1em;  font-size:14px;  text-transform:uppercase}
.vietnam-chart{ position:absolute;  font-family:Helvetica,Arial,sans-serif;  clear:left;  margin:0;  padding:1em;  width:400px;  bottom:20px;  right:5px;  background:rgb(0,0,0);  background:rgba(0,0,0,0.7);  -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px}

/* TIMELINE CHARTS */
.timeline{ list-style-type:none;  font-size:0.75em;  height:10em;  width:100%;  margin:0;  padding:0}
.timeline li{ position:relative;  float:left;  width:8%;  margin:0 1px;  padding:0;  height:8em;  border:1px solid #333}
.timeline li a{ display:block;  height:100%}
.timeline li .label{ display:block;  position:absolute;  bottom:-2em;  left:0;  width:100%;  height:2em;  line-height:2em;  text-align:center}
.timeline li a .count{ display:block;  position:absolute;  bottom:0;  left:0;  height:0;  width:100%;  background:#AAA;  text-indent:-9999px;  overflow:hidden}
.timeline li:hover{ background:#222;}
.timeline li a:hover .count{ background:#333;}
.timeline_label_on{ color:#fff !important;}
.map-credit{ font-size:10px; font-style:italic;}

/* CREDITS */
#project-credits {
clear:both;
display: block;
width: 970px;
background: #F3F3F3;
padding: 5px;
font-size: 12px;
margin: 0;
}

#project-credits p {
background: white;
padding: 5px;
margin: 0;
color: #999;
font-size: 13px;
font-weight: bold;
text-align: left;
}
#project-credits p a{
	color:#666 !important;
}
#project-credits div {
display:none;
color: #666;
padding: 5px;
line-height: 150%;
}
#project-credits div span {
padding-right: 10px;
}