/*
-----------------------------------------------
Estenent el Desastre Template

Name:     MacroCorp Template
Designer: Estenent el Desastre
URL:      www.estenenteldesastre.org
Date:     1 may 2009
----------------------------------------------- */
#navbar-iframe {
	height: 0px;
	visibility: hidden;
	display: none;
}

#space-for-ie {
	height: 0px;
	visibility: hidden;
	display: none;
}

* {
  margin:0px;
  padding:0px;
  border:none;
}
body {
  background:#6599BE;
  color:#999;
  font: 100%/12px Helvetica, Arial, Verdana, sans-serif;
  line-height:1.2em;
  text-align:center;
}
a {
  color:rgb(76,86,108);
  text-decoration:none;
}
a:hover {
  color:#111;
  text-decoration:none;
}
a:visited {
  color:#888;
  text-decoration:none;
}
a:visited:hover {
  color:#555;
}

h1, h1 a {
  color:#999;
  display:block;
  font-size: 30px;
  margin:50px 0px 20px;
  padding:10px 0px 5px;
  text-align:center;
}
h2 {
  color:#999;
  font-size: 24px;
  text-align:center;
}
h3 {
  clear:both;
  display:block;
  font-size: 11px;
  line-height:1em;
  padding:0px;
  text-align:center;
}
h3 a {
  background:#000;
  border:1px solid transparent;
  color:#666;
  font-weight:bold;
  display:block;
  margin:0 auto;
  padding:1px 2px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
h3 a:hover {
  background:#111;
  border:1px solid #333;
  color:#fff;
}

h4 {
  clear:both;
  display:block;
  font-size: 24px;
  line-height:1.5em;
  margin:20px auto 30px;;
  padding:0px;
  text-align:center;
}
h6 {
  border:1px solid #fff;
  border-bottom:1px solid #eee;
  color:rgb(76,86,108);
  cursor:pointer;
  display:block;
  font-size:16px;
  margin:5px 0px;
  padding:2px;
  text-align:right;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
h6:hover {
  color:#333;
  background:#eee;
  border:1px solid #ddd;
}
ul {
  list-style:none;
  margin:0 auto 20px;
}
li {
  list-style:none;
  padding-left:5px;
}
li a {
  background:#fff;
  border:1px solid #fff;
  display:block;
  font-weight:bold;
  padding:2px 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
li a:hover {
  background:#ddd;
  border:1px solid #ccc;
  color:#666;
}
#page {
  margin:0px auto;
  width:100%;
}

#load-box {
  background:url('http://suburbe.org/images/loading.gif') no-repeat center center #fff;
  display:block;
  margin:0 auto;
  height:100%;
  position:fixed;
  top:0px;
  width:100%;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  z-index:100;
}

#hack-box {
  background:url('http://suburbe.org/distopia2010/hackmacrocorp.jpg') no-repeat center top #000;
  display:block;
  margin:0 auto;
  height:100%;
  position:fixed;
  top:0px;
  width:100%;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  z-index:100;
}
#hack-int {
  display:block;
  font-weight:bold;
  font-size:28px;
  margin:380px auto 0px;
  text-align:center;
  width:240px;
}
#hack-int a {
  background:#000;
  color:#fff;
  display:block;
  padding:10px;
  text-align:center;
  width:200px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
#content {
  margin:0px auto 0px;
  width:100%;
}

#main {
  background:url('http://suburbe.org/images/macrocorpbg.jpg') repeat-x center top #000;
  margin:80px auto 0px;
  padding:0px 0px 50px;
  width:100%;
}
#main2 {
  margin:0px auto 0px;
  padding:10px 0px 0px;
  width:800px;
}

.post-portada {
  margin:3px;
  float:left;
  height:190px;
  width:252px;
}
.post {
  margin:5px 0px;
  width:770px;
}
.post-portada img.post-portada {
  background:transparent;
  height:175px;
  margin:8px auto 0px;
  padding:0px;
  width:230px;
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity: 0.30;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
.post-portada img.post-portada:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.post img.post {
  margin:5px auto;
  padding:0px;
  width:750px;
}
.post-body {
  display:block;
  font-size:0.7em;
  margin:0px;
  min-height:80px;
  padding:5px 5px 5px;
  text-align:justify;
}
.post-footer {
  clear:both;
  font-size:0.8em;
  margin:0px auto;
  padding:5px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
.post-footer p {

}
.post-footer a {
  background:#eee;
  border:1px solid #ddd;
  color:rgb(76,86,108);
  font-weight:bold;
  font-size:12px;
  margin:0px 5px;
  padding:5px 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
.post-footer a:hover {
  background:#ddd;
  border:1px solid #aaa;
}
p.blogger-labels {
  border-top:1px solid #ddd;
  clear:both;
  display:block;
  font-size:0em;
  margin:0px;
  padding:10px 0px 0px 50px;
}
p.blogger-labels a {
  background:#eee;
  border:1px solid #ddd;
  color:rgb(76,86,108);
  font-weight:bold;
  font-size:12px;
  margin:0px 5px;
  padding:5px 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
p.blogger-labels a:hover {
  background:#ddd;
  border:1px solid #aaa;
}
.comments {
  margin: 10px;
  font-size: 12px;
  text-align:left;
}
#comments-block {
  background: #eee;
  border: 1px solid #ddd;
  font-size:1.4em;
  line-height: 1.6em;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
.comment-body {
  background: #ddd;
  border:1px solid #aaa;
  color: #999;
  font-size:0.9em;
  padding:5px;
  text-align:justify;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
.comment-timestamp {
  font-size: 0.9em;
}
a.comment-link {
  font-size: 1.2em;
  color:rgb(76,86,108);
  font-weight:bold;
}
.home-previous {
  color:#aaa;
  display:block;
  margin:0px auto;
  padding:2px;
}
.home-previous a {
  color:#fff;
  font-weight:bold;
}
.home-previous a:hover {
  color:#666;
}

#copyleft {
  background:#000;
  border-top:2px solid #222;
  bottom:0px;
  display:block;
  font-size:10px;
  line-height:30px;
  margin:0px; auto 0px;
  padding:10px 0px;
  text-align:left;
  width:100%;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}
#copyleft a {
  color:#eee;
}
#copyleftint {
  margin:1px auto;
  width:1080px;
}
#copyleft img {
  float:left;
  margin:1px 10px;
  width:60px;
}
#copyleft img.icon {

  width:24px;
}

/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }