@charset "utf-8";
/* CSS document for Google press Zeitgeist pages */

/* Entire page */
body { 
  margin: 0 2em; 
  padding: 1em;
}

/* Header and footer */
.header {
  padding: 0 0 1em 0;
}

.header .title div {
  float: left; 
  width: 100%; 
  margin-top: 1.2em; 
  padding: 0 0 0.1em 0; 
  border-bottom: 1px solid #999;
}

.header .title div h1 {
  float: left; 
  color: #333; 
  padding: 0; 
}

.header .title div p { 
  float: right; 
  padding: 0; 
  vertical-align: bottom; 
}

.footer { 
  padding: 0.8em 0 0 0;
  border-top: 1px solid #ccc; 
  color: #666;
  clear: both;
}

/* Headings */
h2 { 
  font-size: 1.3em;
  margin: 0 0 0.5em;
  padding: 0 0 0.1em;
}

h2.large {  
  font-size: 1.9em;
  font-weight: normal;
  padding: 0 0 0.1em;
  margin: 0 0 0.7em 0;
}

h3 { 
  font-size: 1.3em;
  margin: 1em 0;
  padding: 0 0 0.1em;
  border-bottom: 1px solid #ccc;
}

/* Navigation */
.nav-left ul { 
  list-style-type: none;
  margin: 0 0.5em 0 2px;
  padding: 0;
}

.nav-left ul .selected a {  
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

/* Main page content */
.content { 
  margin-left: 0px;
}

.header-image {  
  position: absolute;
  top: 0;
  right: 0;
  margin: 1em;
  background-color: #fff;
}

.green {  
  color: #063;
}

.boilerplate-legal {
  margin: 3em 0 0 0;
  color: #666;
  clear: both;
  float: left;
}

/* Year-End Zeitgeist */
.zeitgeist-icon-large {  
  float: right;
  margin: 3em 0 1em 1em;
}

.zeitgeist-screenshots ul {  
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.zeitgeist-screenshots ul li {  
  float: left;
  padding: 0 1em;
}

.zeitgeist-screenshots ul li a {
  margin: 1em 0 0.5em 0;
  display: block;
  padding: 1px;
}

.zeitgeist-screenshots ul li a:hover {
  border: 1px solid blue;
  padding: 0;
}

.zeitgeist-screenshots ul li p a {
  font-size: 1.3em;
  display: inline;
}

.zeitgeist-screenshots ul li p a:hover {
  border: 0;
  padding: 1px;
}

/* Search box */
.search {                                                                     
  background-color: #e5ecf9;
  border: 1px solid #c3d9ff;
  margin: 1em 0;
  padding: 1.2em;
  width: 28em;
}

.search input[type="text"] {
  padding-left: 0.2em;
}

/* Utilities */
.g-floatfix { 
  _position: relative; 
  _margin-right: -10000px; /* aka some really big value */ 
  _width: 100%;
}

.horizontal-center { 
  text-align: center;
}

.vertical-middle img {
  vertical-align: middle;
}
