body{ margin: 0px;}

.container{ width: 829px; margin: 0px auto; position: relative;}
.logo{ margin-bottom: 2em; margin-right: 10em; position: relative; left: 60px;}


.survey{ 
	background: url(/images/bg_survey.jpg); 
	text-align: center; 
	width: 133px; height: 73px; 
	padding: 30px 10px 0 10px; 
	position: absolute; top: 30px; right: 0px;
}


.survey a{ color: white; font-size: 16px; font-weight: 100;}
.survey a:hover{ color: #5b6673; background: none;}


.social_media{ width: 90px; height: 73px; position: relative; left: 450px;}


.intro{ width: 617px; margin: 2em auto 0 auto;}

.box{ 
	background: #eaeced; 
	text-align: center; 
	padding: 2em; 
	margin: 4em auto 0 auto; 
	height: 5em; width: 35em;
}

.grey_box{ 
	background: #eaeced; 
	width: 520px; 
	border-top: 10px solid #c8ccd0; 
	text-align: center; 
	padding: 10px; 
	margin: 4em auto 7em auto;
}

.grey_box h1, .grey_box h3{ text-align: center;}

.left-box{ float: left; width: 20em;  margin-top:10px;}
.right-box{ float: right; width: 20px; margin-top: 10px;}
.twitter-icon{ margin-top: -60px; margin-left: 435px;}


.yeild{ width: 100%; float: left; margin-bottom: 3em;}

.links_bottom{  width: 200px; margin: 0 auto;}

.about {width:72px; height:15px; background-color: #5eb3be; padding: 0 0 4px 6px; margin: -72px 0 0 300px; }
.about:hover {background-color: #5b6673;}
.about_text {width: 700px; margin:0 0 100px 60px; text-align: justify;}

.contact{ width: 790px; border: 1px solid #f3f3f3; padding: 2em; margin: 0 auto;}
.contact p{ font-size: .9em;}
.menu{ margin: 0 auto 3em auto; text-align: center; width: 100px;}



/* TEXT */
h2, h3{ color: #5b6673; line-height: 30px;}
h1{ color: #5eb0bb; font-weight: 100; font-size: 35px; letter-spacing: -2px;}
h2 {color: #5b6673; font-weight: 100; font-size: 35px; letter-spacing: -2px;}

a, .footer a {font-family: Verdana, Arial; color: white; font-size: 14px;}
a:hover, .footer a { color: white;}


.buy{  background: url("/images/buying.png") no-repeat;background-color: #f1f0f0; }
.sell, .sell:hover{ background: url("/images/selling.png") no-repeat; background-color: #f1f0f0;}
.buy:hover{ background: url("/images/buying.png") no-repeat #f3f3f3;}
.sell:hover{ background: url("/images/selling.png") no-repeat #f3f3f3;}

.contact{ width: 790px; border: 1px solid #f3f3f3; padding: 2em; margin: 0 auto;}
.contact p{ font-size: .9em;}


a{ font-family: Verdana, Arial; color: white; font-size: 14px;}
a:hover { color: white;}
a:visited{ color: #5b6673;}

p{ font-family: Verdana, Arial; color: #5b6673; font-size: 18px; line-height: 30px; word-spacing: -2px;}


/* ITEMS */

.add_more_stuff_form{ margin-top: 3em; }

.block{ 
	position: relative;
	height: 111px; width: 366px;  
	border-bottom: 1px solid #73b1b8; 
	margin-bottom: 6em; margin-left: 20em; 
}

.twitter_avatar{ 
	position: absolute; 
	margin-top: 25px; z-index: 1; 
	width: 48px; height: 48px; 
	right: 0;
	
	overflow: hidden;
}


.texto_item{ position: absolute;  margin-right: 100px; margin-left: 50px; margin-top: 40px;}

.reply_on_twitter{ 
	position: absolute; 
	bottom: 0px; 
	background-color: #6bbbc6; 
	width: 100%;
	text-align: center;
}

.reply_on_twitter a{ font-size: .8em;}
.reply_on_twitter a:visited{ color: white;}
.reply_on_twitter a:hover{ color: #5b6673;}


.buy{  background: url("/images/buying.png") no-repeat;background-color: #f1f0f0; }
.buy:hover{ background: url("/images/buying.png") no-repeat #f3f3f3;}

.sell, .sell:hover{ background: url("/images/selling.png") no-repeat; background-color: #f1f0f0;}
.sell:hover{ background: url("/images/selling.png") no-repeat #f3f3f3;}



/* INPUT */
label{ font-size: 18px;}

.input_small{ 
	background: #fdfdfd; 
	border: 0px; padding: 7px; 
	font-size: 20px; width: 300px; 
	color: #c8ccd0;
}


select{ 
	background: #fdfdfd; 
	border: 0px; padding: 7px; 
	font-size: 20px; 
	width: 100px; color: #c8ccd0;
}

.submit{ 
	border: 1px solid #9bb232; 
	background: #aac337; 
	color: white; 
	font-size: 18px; padding: 7px; 
	width: 150px;
}

.submit:hover{ color: #5b6673;}

/* IMAGES */

.stuff_index{ margin-top: 6em;}


/* Session */

.session-info{ 
	width: 100%; 
	background: #fafafa; 
	margin: 0px; padding: .7em; 
	border-bottom: 2px solid #5B6673; 
	border-right: 2px solid #5b6673; 
	margin-bottom: 2em;
}

.twitter-signin, .twitter-register { 
	border: 1px solid #8b9f2c; 
	background: #aac337; 
	color: white; 
	font-size: 18px; 
	padding: 7px;
}


.twitter-signin{ float: right;}


.logout{ 
	width: 60px;
	text-align: center;
	padding: 3px;
	position: absolute;
	right: 10px; top:0;
	background-color:#6bbbc6;
}


.logout a{ color: white; text-decoration: none;}
.logout a:visited{ color: white;}
.logout a:hover{ color: #5b6673;}

/* FOOTER */
.footer { 
  position: fixed; 
  bottom: 0px; 
  width: 100%; 
  float: left;
  z-index: 1; 
  padding: 8px 0px;
  background: #69B7C1; 
  border-top: 2px solid #5E6776;
  text-align:center;
  }
  
.footer a {
  font-size:12px;
  font-weight:bold;
  }

.logout a, .about_us { color: white; text-decoration: none;}
.logout a:visited, .about_us:visited{ color: white;}
.logout a:hover, .about_us:hover{ color: #5b6673;}

.about_us{ 
	width: 80px; 
	text-align: center; 
	padding: 3px; 
	position: absolute; 
	right: 90px; top: 0px;
	background-color:#6bbbc6;
}

.comm_serv{ 
	width: 150px; 
	text-align: center; 
	padding: 3px; 
	position: absolute; 
	right: 190px; top: 0px;
	background-color:#6bbbc6;
}