/*
                                    [Questo]
 
   CSS for Questlove's celebrity stories. 
                                                                              */

body {
   font-size: 10px;
   background-color: #333;
   margin: 20px;
   padding: 20px;
}

h1 {
   font-family: Helvetica, Arial, sans-serif;
   margin: 0; 
   padding: 0;
   font-size: 14px;
   line-height: 50px;
   color: black;
   border-bottom: 1px solid transparent;
   text-align: center;
   background-color: yellow;
}

#frame {
   background-color: yellow;
   position: relative;
   width: 1050px;
}

.column {
   margin: 0;
   padding: 0;
   position: absolute;
}

#column-1 {
  width: 252px; 
  position: absolute;
  left: 0;
  top: 0;
}

#column-2 {
   position:absolute;
   top: 0;
   left: 270px;
   width: 200px;
   min-height: 500px;
   border: 1px solid #666;
}

#column-3 {
   position: absolute;
   top: 0px;
   left: 490px;
   left: 270px;
   width: 500px;
}

#contact {
  color: #999;
  margin-bottom: 1em
}

#contact a {
   color: white;
   text-decoration: none;
   border: 0;
}

.ad {
   border: 1px solid #555;
   color: #999;
   padding: 8px;
   font-size: 13px;
   line-height: 17px;
   margin-bottom: 1em;
   background-color: black;
   overflow: hidden;
   word-wrap: break-word;
}

.ad a.nolink {
   line-height: 60px;
   text-align: center;
   font-weight: normal;
   color: white;
   display: block;
   text-decoration: underline;
}

.ad a {
   font-size: 11px;
   color: green;
   border: 0;
   text-decoration: none;
}

.ad h5 a {
   font-weight: bold;
   color: white;
   text-decoration: underline;
   display: block;
   margin-bottom: 5px;
   border: 0;
   font-size: 13px;
}

.ad span {
   color: #999;
}

#questo-3 {
   display: none;
}

#social {
   background-color: gold;
   position: relative;
   height: 40px;
}

#social #google {
   position: absolute;
   top: 10px;
   left: 15px;
}

#social #facebook {
   position: absolute;
   top: 10px;
   left: 90px;
}

#social #twitter {
   position: absolute;
   top: 10px;
   left: 180px;
}

#credits {
   border-top: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   background-color: white;
   font-style: italic;
   font-size: 11px;
   line-height: 16px;
}

#credits p {
   margin: 10px;
}

#credits p a {
   font-weight: normal;
   font-style: normal;
   border: 0;
   color: blue;
}

#stories {
   margin-top: 40px;
   float: left;
}

h3 {
   cursor: pointer;
}

h3.cols {
   text-align: center;
   overflow: hidden;
   white-space: nowrap;
   border-bottom: 1px solid transparent;
   padding: 0.5em;
}

h3.cols span {
   cursor: pointer;
}

h3.boxes {
   float: left;
   padding: 3px;
   width: 120px;
   color: #ccc;
   border-bottom: 1px solid #555;
   background-color: transparent;
}

h3.boxes span {
   text-align: center;
   font-weight: normal;
   background-color: transparent;
}

h3.boxes.selected {
   background-color: transparent;
   font-weight: bold !important;
   border-bottom: 1px solid white;
}

h3.boxes.selected span {
   font-weight: bold;
}

h3.boxes:hover {
   color: white;
}

h3.boxes.selected:hover {
   background-color: transparent;
}

h3 span {
   overflow: hidden;
   height: 20px;
   display: block;
   white-space: nowrap;
   text-align: left;
}

#post-container {
   background-color: white;
}

#post-container div.post_header {
   font: normal 24px/36px Helvetica, Arial, sans-serif;
   margin-bottom: 0.5em;;
}

#post-container div.post_header h2 {
   color: white;
   background-color: #00a850;
   border-bottom: 1px solid darkgreen;
   text-align: center;
   padding: 24px;
   cursor: pointer;
}

#post-container div.post_header h2:hover {
   text-shadow: 0px 0px 2px white;
   background-color: green;
}

#post-container div.post_content {
   padding-bottom: 15px;
   border-bottom: 3px solid #000;
   position: relative;
}

#post-container div.post_content p {
   margin: 50px;
   color: black;
   font: normal 16px/24px Georgia, serif;
}

.clear-both {
   clear: both;
}

#logo {
   text-align: center;
   position: static;
}

#tweet-frame {
   position: absolute;
   left: 50px;
   bottom: 8px; 
}