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

Name:     Estenent el Desastre Template
Designer: Estenent el Desastre
URL:      www.desastre.suburbe.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:#000;
  color:#fff;
  font: 100%/12px Lucida Grande, Verdana, Arial, Verdana, sans-serif;
  line-height:1.2em;
  text-align:center;
}
a {
  color:#555;
  text-decoration:none;
}
a:hover {
  color:#fff;
  text-decoration:none;
}
a:visited {
  color:#444;
  text-decoration:none;
}
a:visited:hover {
  color:#fff;
  text-decoration:underline;
}

h1 {
  display:block;
  font-size: 24px;
  margin:200px 0px 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  clear:both;
  display:block;
  font-size: 12px;
  line-height:1.1em;
  padding:0px;
  text-align:center;
}
h3 a {
  background:#111;
  display:block;
  height:28px;
  margin:0 auto;
  width:180px;
  padding:5px 2px 2px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
h3 a:hover {
  background:#222;
}
h4 {
  border-bottom:1px solid #111;
  clear:both;
  display:block;
  font-size: 24px;
  line-height:1.5em;
  margin:10px;
  padding:2px 0px;
  text-align:center;
}
h6 {
  border:1px solid #000;
  color:#333;
  cursor:pointer;
  display:block;
  font-size:14px;
  margin:5px 0px;
  padding:2px;
  text-align:center;
}
h6:hover {
  color:#fff;
  background:#111;
  border:1px solid #222;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
ul {
  list-style:none;
  margin:0 auto;
}
li {
  list-style:none;
  padding-left:5px;
}
li a {
  background:#000;
  border:1px solid #000;
  display:block;
  padding:2px 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
li a:hover {
  background:#111;
  border:1px solid #222;
}
#page {
  background:url('http://suburbe.org/desastre/img/desastrebg.jpg') no-repeat center bottom;
  margin:0px auto;
  width:100%;
}

#head {
  background:#000;
  border-bottom:2px solid #222;
  top:0px;
  display:block;
  font-size:10px;
  font-weight:bold;
  line-height:30px;
  margin:0 auto;
  padding:2px 0px;
  position:absolute;
  text-align:left;
  width:100%;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}
#headint {
  margin:0 auto;
  width:1000px;
}
#head a {
  color:#999;
  text-decoration:none;
}
#content {
  margin:50px auto 0px;
  width:1080px;
}
#main {
  float:left;
  margin:0px;
  width:800px;
}
.post-portada {
  margin:2px;
  float:left;
  height:230px;
  width:193px;
}
.post {
  margin:2px;
}
.post-portada img.post-portada {
  background:#444;
  border: 1px solid #333;
  height:170px;
  margin:5px auto;
  padding:5px;
  width:170px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
.post-portada img.post-portada:hover {
  background:#111;
  border: 1px solid #111;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.post img.post {
  background:#222;
  border: 1px solid #333;
  margin:5px auto;
  padding:5px;
  width:760px;
}
.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:#222;
  border:1px solid #333;
  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:#000;
  border:1px solid #000;
}
p.blogger-labels {
  border-top:1px solid #222;
  clear:both;
  display:block;
  font-size:0em;
  margin:0px;
  padding:10px 0px 0px 50px;
}
p.blogger-labels a {
  background:#222;
  border:1px solid #333;
  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:#000;
  border:1px solid #000;
}
.comments {
  margin: 10px;
  font-size: 12px;
  text-align:left;
}
.comments-block {
  background: #222;
  border: 1px solid #444;
  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: #222;
  border:1px solid #aaa;
  color: #666;
  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);
}
.home-previous {
  color:#999;
  display:block;
  margin:10px auto;
  padding:2px;
}
.home-previous a {
  color:#999;
}
.home-previous a:hover {
  color:#fff;
}
#sidebar {
  float:right;
  font-size:12px;
  margin:0px 0px 0px;
  padding:10px;
  text-align:center;
  width:250px;
}
#sidebar p {
  display:block;
  margin:5px auto 10px;
  text-align:justify;
  width:230px;
}
#sidebar img {
  background:#000;
  border:1px solid #000;
  display:block;
  margin:10px auto;
  width:220px;
  padding:5px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#sidebar img:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#sidebar ul {
  border-bottom:1px solid #111;
}
#archive {
  margin:30px 0px;
}
#previous {
  margin:30px 0px;
}
#footer {
  clear:both;
  color:#222;
  display:block;
  margin:50px auto;
  padding:0px 0px 0px;
  width:100%;
}
#footer img {
  margin:10px auto;
}
#copyleft {
  background:#000;
  border-top:2px solid #222;
  bottom:0px;
  display:block;
  font-size:10px;
  line-height:30px;
  margin:0 auto;
  padding:2px 0px;
  position:absolute;
  text-align:left;
  width:100%;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}
#copyleftint {
  margin:1px auto;
  width:1200px;
}
#copyleft img {
  float:left;
  margin:1px 10px;
  width:60px;
}
#copyleft img.icon {

  width:24px;
}

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