body {
  font-family: Georgia;
  font-size: 14px;
  background-color:#d2cab9;
  padding:0px;
  margin:0px;
}
 
a img {
  border: none;
}
 
a {
  color: #0000FF;
}
 
h1 {
  font-size: 53px;
  text-align:center;
  margin:0px;
  padding-top:20px;
  padding-bottom:20px;
  font-weight: normal;
}
 
h2 {
  font-size: 25px;
  margin:0px;
  padding-top:20px;
  padding-bottom:10px;
} 
 
#container {
  width: 100%;
  margin:auto;
  position: relative;
}
 
.clear {
  clear: both;
}
 
.actions {
  font-size: 11px;
}
 
.fieldWithErrors {
  display: inline;
}
 
#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
 
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0px;
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}
#errorExplanation ul {
  margin: 2px 24px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}
 
 
#new_tweet label.error{
  display: none;
}

#tooltip {
  background-color:#EEEEEE;
  border:1px solid #111111;
  opacity:0.85;
  padding:5px;
  position:absolute;
  z-index:3000;
}

.header {
  width: 100%;
  height: 87px;
  background-color:#79cfe8;
  background-image:url(../images/fade_slice.png);
  background-repeat:repeat-x;
  background-position:bottom;
  position:relative;
}


.logo {
  position:absolute;
  bottom:5px;
  left:115px; 
}

#login_logout_bird {
  bottom: 0px;
  left: 284px;
  position: absolute;
}

.login_logout form input{
  position:absolute;
  bottom:36px;
  left:366px;
}

.login-text {
  position:absolute;
  bottom:45px;
  left:415px;
  color:#79cfe8;
}

.logout-text {
  position:absolute;
  bottom:45px;
  left:415px;
  color:#79cfe8;
}

.logged-in-as {
  position:absolute;
  bottom:3px;
/* TODO: fix so this does not overlay on small widths */
  right:5%;
  color:#ffffff;
  font-size: 20px;
}

#topFold {
  background-image:url(../images/main_bkgd.png);
  position:relative;
  width:100%;
  margin:auto;
  color: #3f2800;
}

#topFold h3 {
	font-size: 24px;
	font-weight: normal;
}
.top {
  position:relative;
}

form {
  padding:0;
}

.title {
  background-image:url(../images/title.png);
  width:913px;
  height:112px;  
  margin:auto;
}

.section-title {
  max-width:1225px;
  min-width:747px;
  margin:auto;
}

.tweet_it_box {
  width:747px;
  margin:auto;  
  position:relative;
}

.tweet_it_form {
  width:460px;
  height:152px;
  padding:0;
  background-image:url(../images/tweet_it_box.png);
  float:left;
  position:relative;
}

#tweet_request {
  width:400px;
  left:30px;
  padding-left:30px;
  padding-right:30px;
  font-size:18px;
  font-family:'Lucida Grande',sans-serif;
  overflow:auto;
  border:0px;
}

.tweet_it_submit_div {
  position:absolute; 
  bottom:-60px;
  left:130px;
}

#request_limit_info {
  text-align:right;
  float:right;
  padding-right:10px;
  padding-top:10px;
  font-size:20px;
  font-weight:bold;
}

#tweet_it_screen_name {
  float:left;
  padding-left:10px;
  padding-top:10px;
  font-size:20px;
}


.tweet_it_bird {
  float:left;
  position:relative;
  top:20px;
  padding-bottom:30px;
}

.tweet_it_bird img {
  float: left;
}

.tweet_it_submit {
  display:block;
  text-align:center;
}

#popup {
  position:absolute;
  top:-110px;
  left:0px;
  width:658px;
  height:350px;
  background-image:url(../images/sorry_dave.png);
}

#popup_txt {
  font-size:26px;
  left:100px;
  position:absolute;
  top:82px;
  width:460px;
}

#popup_close {
  position:absolute;
  right:30px;
  top:31px;
}

.tweet {
  position:relative;
  padding-bottom:15px;
  width:600px;
  height:72px;
}

.tweet .thumb img{
  float:left;
  padding-top:12px;
  padding-right:10px;
}

.tweet .thumb img {
  height: 48px;
  width: 48px;
}

.tweet .request_message_box {
  position:relative;
  width: 492px;
  height:80px;
  background-image:url(../images/tweet_bubble.png);
  float:left;
}
 
.tweet .request_message {
  position:absolute;
  left:35px;
  overflow:hidden;
  width:430px;
  height:76px;
}

.fade {
  position:relative;
  top:0px;
  width:100%;
  height:20px;
  background-image:url(../images/fade_slice.png);
  background-repeat:repeat-x;
}

.middle {
  width:747px;
  margin:auto;
}

.screen_name {
  color:white;
  font-size:20px;
}

#latest_tweets {
  min-height:150px;
}

.bottom {
  width:747px;
  margin:auto;  
}
.bottom h2 {
  color: #3f2800
}
#bottomFold {
  background: url(../images/fade_with_brown.png) repeat-x;
  position:absolute;
  width:100%;
  margin:auto;
  bottom: 60px;
  overflow: hidden;
  height: 58px;
  left: 0px;
  padding-top: 20px;
}
.bottomFoldContainer { 
  width: 100%;
}
#how_it_works:hover {
  cursor: pointer;
  text-decoration: underline;
}
#how_it_works span {
  font-size: 16px;
}

#howto {
  background-image:url(../images/howto_box.png);  
  background-repeat:no-repeat;
  width:580px;
  font-size: 16px;
  color: #898989;
  padding-top:5px;
  padding-bottom:5px;
}

#howto img {
  position: absolute;
}

.howto_item {
  height:100%;  
  width:560px;
  margin-bottom:15px;
  margin-top:15px;
  margin-left:10px;
}

.howto_item div {
	padding-left: 56px;
}

.footer {
  width: 750px;
  margin:auto;
  padding:0;
  height:45px;
  position:relative;
  padding-top: 15px;
}

#journalistics_box {
  background-image:url(../images/journalistics_box.png);
  background-repeat:no-repeat;
  width:747px;
  height:78px;
  position:relative;
  margin:auto;
  padding-top: 21px;
}

#journalistics_box a:HOVER {
  text-decoration:underline;
}
#journalistics_box a {
  color:#2069BE;
  text-decoration:none;
}

#journalistics_box span {
  position:absolute;
  left:165px;
  font-size:22px;
  text-align:justify;
  width:310px;
}

#journalistics_box img {
  position:absolute;
  left:500px;
  top:20px;
}

.bottom_links {
  width:600px;
  text-align:center;
  font-size: 16px;
  color: #2069be;
  margin-top: 70px;
  padding-bottom: 20px;
}
.bottom_links span {
	padding-right: 30px;
}
.bottom_links a, .bottom_links a:visited {
	color: #3f2800;
}
.legal {
  width: 800px;
  margin: auto;
  padding-bottom: 30px;
}

body a#uservoice-feedback-tab, body a#uservoice-feedback-tab:hover {
    border: 2px solid #69B4C9;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    right: -2px;
}