@font-face {
  font-family: 'LiberatorRegular';
  src: url('liberator.eot');
  src: url('liberator.eot?#iefix') format('embedded-opentype'),
       url('liberator.woff') format('woff'),
       url('liberator.ttf') format('truetype'),
       url('liberator.svg#LiberatorRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}
#overlay { position: absolute; display: block; height: 100%; width: 100%;}
.last {
  margin-right: 0px;
  zoom: 1;
  _zoom: 1;
}
#overlay .Hline {
	width:100%;
	height: 1px;
	position: absolute;
	top:305px;
	left: 0px;
	background-color: #666;
}
#overlay .Vline {
	height:100%;
	width: 1px;
	position: absolute;
	left:399px;
	bottom: 0px;
	background-color: #666;
}

#splash {
  display: block; 
  background-color: #fff; 
  width: 800px; 
  height: 611px; 
  position: relative; 
  z-index: 1; 
  border: 2px solid #000;
}
#splash .label { 
  position: absolute;
  font: normal 16px "LiberatorRegular", Helvetica, Arial, sans-serif; 
  line-height: 16px;
  color: #fff; 
  height: 25px;
  display: inline;
}


#splash span.label span {
  display: inline; 
  text-align:center; 
  background-color:#13507d; 
  padding: 7px 10px; 
  
  text-transform: uppercase;

}
#splash .upperMid,  #splash .lowerMid {
  z-index: 100; 
  position: relative;
}

#centeredTop { position: absolute; width: 100%; height: 25px; text-align: center; top: 1px;}
#centeredBottom { position: absolute; width: 100%; height: 25px; text-align: center; bottom: 1px;}
/* #splash .centered span {
	left: 50%;
} */
#splash .rightMid {
  top: 49%; 
  right: 0px; 
  z-index: 100;
}
#splash .leftMid {
  top: 49%; 
  left: 0px; 
  z-index: 100;
}
#splash .cell {
  width: 9px; 
  height: 8px; 
  margin: 1px; 
  margin-left: 0px; 
  margin-top: 0px; 
  float: left; 
  display: block; 
  position: relative; 
  background-color: #cfdce6; 
  z-index: auto;
}
#splash .color1 {
  background-color: #78a0c0;
}
#splash .color2 {
  background-color: #42759e;
}
#splash .color3 {
  background-color: #2a6594;
}
#splash .color4 {
  background-color: #145588;
}
#splash .color5 {
  background-color: #014377;
}
#splash .cell span { 
  position: absolute; 
  top: 0px; 
  left: 0px; 
  display: none; 
  min-height: 30px; 
  min-width: 150px;
	max-width: 300px;
  border: 0px solid #6a8295; 
  background-color:#2da000;; 
  padding: 20px 15px; 
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  border-radius: 2px; 
  float: left; 
  clear: both; 
  font-size: 15px; 
  line-height: 18px;
	color: #fff;
	font-weight: bold;
}
#splash .cell span em {
	margin-top: 15px;
	float: right;
	display: block;
	font-style: italic;
	font-size:13px;
	color: #c8feb3;
}
/* comment bubble */
.cell span {
  margin-top:13px; 
  z-index: 100; 
  margin-left: -22px;
}

.cell span:before {
  content:"";
  position:absolute;
  top:-9px; /* value = - border-top-width - border-bottom-width */
  border-style:solid;
  border-color:#f4f8fb;
  /* reduce the damage in FF3.0 */
  display:block; 
  width:0;
  bottom:auto;
  left: auto;
  border-width: 9px 12px 0px 0;
  border-color:transparent #2da000;
}

.cell span:after {
  content: "";
  position: absolute;
  top: -13px;
  left: auto;
  border-width: 0px 15px 15px;
  border-style: solid;
  border-color: #f4f8fb transparent;
  display: block;
  width: 0;
  bottom: auto;
  border-width: 21px 10px 16px 0px;
  border-color: transparent #2da000;
}

/* end comment bubble */

#commentForm {
  display: none; 
  padding: 20px; 
  width: 200px; 
  height: auto; 
/*   border: 2px solid #eee;  */
  z-index: 100; 
  position: absolute; 
  margin: 0 auto; 
  background:#2da000;
  top: 20px; 
  left: 40%;
  overflow: visible;
}
#commentForm .close {
  position: absolute; 
  top: -13px; 
  right: -15px; 
  color: #000; 
  text-decoration: none;
}
#commentForm ul li {
  list-style: none; 
  font-size: 20px; 
  margin: 0 0 15px 0;
/*   font-family: arial, helvetica, sans-serif; */
}

#comment_name {
  width: 186px;
}

#commentForm ul li label, #commentForm ul li input { 
  display: block; 
  margin-bottom: 3px;
  border: 0;
}

#commentForm ul li input {
  padding: 8px 5px;
  font-size: 14px;
}
#commentForm ul li textarea {
  display: block; 
  margin-bottom: 3px;
  width: 193px;
  resize: none;
  border: 0;
  background: #fff;
}

#commentForm ul li input.text_field {
background: #fff;
width: 180px;
}

.button {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  float: right;
  margin: 10px 0 0 15px;
  font: bold 20px "PT Sans Narrow", Helvetica, Arial, sans-serif;  
}


#articleArtifacts {
  left: -140px;
  top: -3px;
  width: 110px;
}

.posted {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2em;

}