/*
-----------------------------------------------
Estenent el Desastre Template
Name:     Distopia 2010 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:url('http://suburbe.org/images/distopybg.jpg') repeat-y center top #AFAC82;
  color:#111;
  font: 100%/12px Lucida Grande, Verdana, Arial, Verdana, sans-serif;
  line-height:1.1em;
  text-align:center;
}
a {
  color:#AA0000;
  text-decoration:none;
}
a:hover {
  color:#111;
  text-decoration:none;
}
a:visited {
  color:#888;
  text-decoration:none;
}
a:visited:hover {
  color:#555;
}

a.source {
  background:url('http://suburbe.org/images/arrow.gif') no-repeat right center;
  color:#AA0000;
  font-size:13px;
  font-weight:bold;
  padding-right:24px;
}
a.right {
  background:#333;
  border:2px solid #555;
  color:#fff;
  display:block;
  float:right;
  font-size:12px;
  margin:0px 0px 30px;
  padding:0px 15px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}



h1 {
  color:#AA0000;
  display:block;
  font-size: 24px;
  margin:15px 0px 5px;
  text-align:center;
}
h2 {
  border-bottom:1px solid #aaa;
  font-size: 18px;
  padding:10px 0px 10px;
  text-align:center;
}
h3 {
  font-size: 22px;
  line-height:1em;
  margin:0px 110px 0px 0px;
  padding:0px;
  text-align:left;
}
h3 a {
  border:1px solid #eee;
  color:#AA0000;
  display:block;
  font-weight:bold;
  padding:10px;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
h3 a:hover {
  background:#fff;
  border:1px solid #eee;
}

h4 {
  border-bottom:1px solid #eee;
  clear:both;
  display:block;
  font-size: 24px;
  line-height:1.5em;
  margin:10px;
  padding:2px 0px;
  text-align:center;
}
h5 {
  color:#AA0000;
  font-size: 22px;
  line-height:1em;
  margin:10px 0px 5px;
}
h6 {
  background:#fff;
  border:1px solid #ddd;
  border-bottom:1px solid #eee;
  color:#AA0000;
  cursor:pointer;
  display:block;
  float:left;
  font-size:16px;
  height:515px;
  margin:5px 0px;
  padding:5px;
  text-align:left;
  width:40px;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius:  6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
h6:hover {
  color:#000;
  background:transparent;
  border:1px solid #ddd;
}
h7 {
  border-bottom:1px solid #bbb;
  color:#888;
  display:block;
  font-size:16px;
  margin:0px auto;
  padding:0px;
  text-align:left;
}
h8 {
  border-left: 20px solid #AA0000;
  color:#555;
  display:block;
  font-size:18px;
  font-weight:bold;
  margin:0px;
  padding:0px 0px 0px 10px;
  text-align:left;
}
ul {
  list-style:none;
  margin:0 auto 20px;
}
li {
  list-style:none;
  padding-left:5px;
}
li a {
  border:1px solid transparent;
  display:block;
  font-weight:bold;
  padding:2px 10px;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius:  6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
li a:hover {
  background:#ddd;
  border:1px solid #ccc;
  color:#666;
}


#page {
  background:url('http://suburbe.org/images/distopyheadbg.jpg') no-repeat center top transparent;
  margin:0px auto;
  padding:50px 0px 0px;
  width:100%;
}

#load-box {
  background:url('http://suburbe.org/images/matrixbg.gif') repeat center top #000;
  color:#fff;
  font-size:32px;
  font-weight:bold;
  height:100%;
  margin:0 auto;
  padding:200px 0px;
  position:fixed;
  text-align:center;
  top:0px;
  width:100%;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}
#load-box p {
  margin:40px 0px 20px;
}

#light-box-bg1 {
  background:#000;
  height:100%;
  margin:0 auto;
  position:fixed;
  top:0px;
  width:100%;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  z-index:300;
}
#light-box-bg2 {
  background:#000;
  height:100%;
  margin:0 auto;
  position:fixed;
  top:0px;
  width:100%;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  z-index:300;
}
#light-box-bg3 {
  background:#000;
  height:100%;
  margin:0 auto;
  position:fixed;
  top:0px;
  width:100%;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  z-index:300;
}

#feedburner-box {
  background:#fff;
  border:1px solid #aaa;
  color:#333;
  font-weight:bold;
  line-height:2em;
  margin:120px auto 0px;
  padding:5px;
  width:400px;
  z-index:500;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#feedburner-box a {
  color:#AA0000;
}
#feedburner-box form {
  clear:both;
}
#feedburner-box input {
  border:1px solid #aaa;
  padding:4px;
  -webkit-border-radius: 4px;
  -opera-border-radius: 4px;
  -moz-border-radius: 4px;
}
#feedburner-box p {
border:none;
}

#mail-box {
  background:#fff;
  border:1px solid #aaa;
  color:#aaa;
  margin:20px auto 0px;
  padding:5px;
  text-align:left;
  width:400px;
  z-index:20;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}

#search-box {
  background:#fff;
  border:1px solid #aaa;
  color:#aaa;
  margin:20px auto 0px;
  padding:5px;
  text-align:left;
  width:400px;
  z-index:20;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}

#links-box {
  background:url('http://suburbe.org/images/distopyfooterbg.jpg') repeat center top #eee;
  border-bottom:2px solid #999;
  margin:0px auto 0px;
  padding:20px 0px 10px;
  text-align:left;
  width:100%;
}
#links-box-content {
  margin:0 auto;
  padding:0px;
  width:1060px;
}
#links-box-content ul {
  float:left;
  margin:0px 10px;
  width:30%;
}
#links-box-content li {
  color:#ddd;
  font-size:10px;
  margin:0px 0px 10px 0px;
}
#links-box-content li a {
  border-bottom:1px solid #333;
  color:#fff;
  font-size:12px;
}
#links-box-content li a:hover {
  color:#333;
}
#links-box a {
  color:#fff;
}
#links-box a.helpclose {
  background:#333;
  border:1px solid #666;
  padding:4px 8px;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
#close-box {
  font-weight:bold;
  margin:0 auto;
  text-align:right;
  width:980px;
}


#head {
  background:transparent;
  top:0px;
  display:block;
  font-size:12px;
  font-weight:bold;
  height:23px;
  margin:0 auto;
  padding:5px 0px 5px;
  text-align:left;
  width:1070px;
}
#head-int {
  margin:0 auto;
  width:1020px;
}
#head a {
  background:url('http://suburbe.org/images/distopymenualtbg.jpg') repeat center top #eee;
  border-top:2px solid #999;
  color:#fff;
  display:block;
  float:left;
  margin:0px 5px 0px 0px;
  padding:4px 10px;
  text-decoration:none;
  width:150px;
}
#head a:hover {
  background:url('http://suburbe.org/images/distopymenubg.jpg') repeat center top #eee;
  color:#AA0000;
}
#head a.helpactive {
  background:url('http://suburbe.org/images/distopymenubg.jpg') repeat center top #eee;
  color:#AA0000;
}
#head-left {
  float:left;
  margin:0px 40px 0px 0px;
  width:700px;
}
#head-right {
  float:right;
  margin:0px;
  width:200px;
  text-align:right;
}

#route {
  background:url('http://suburbe.org/images/distopyroutebg.jpg') repeat center top #eee;
  border-bottom:2px solid #999;
  color:#333;
  display:block;
  font-size:12px;
  font-weight:bold;
  height:20px;
  margin:0 auto;
  padding:4px 0px 1px;
  text-align:left;
  width:1070px;
}
#route-int {
  margin:0px 0px 0px 20px;
  width:900px;
}
#route-int a {
  color:#333;
}
#route-int a:visited {
  color:#666;
}
#social-net {
  display:block;
  float:right;
  margin:-15px 0px 0px;
  padding:0px;
  width:320px;
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity: 0.30;
}
#social-net:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#social-net img {
  display:block;
  float:left;
  margin:0px 5px;
  padding:0px;
  width:16px;
}


#content {
  background:url('http://suburbe.org/images/propbg2.jpg') repeat center top #fff;
  margin:0px auto 0px;
  padding:0px;
  width:1070px;
}
#main {
  margin:0px auto 20px;
  width:100%;
}
#main2 {

}
#home-main {
  margin:0px auto 20px;
  width:100%;
}
#home-main2 {

}
#tabsbox {
  clear:both;
  margin:0px 0px 0px;
  padding: 10px 10px 0px;
}
#tabs {
  margin:0;
  padding:0;
}
#tabs ul {
  clear:both;
  display:block;
  margin:0 0;
  padding:0;
}
#tabs li {
  font-size:12px;
  margin:0 1px 0 0;
  text-transform:uppercase;
}
#tabs a {
  color:#333;
  float:left;
  margin:0 1px 0 0;
  padding:2px 2px;
  width:24%;
}
#tabs a:hover {
  background:url('http://suburbe.org/images/arrowdown.gif') no-repeat right center #eee;
}
#tabHeaderActive a {
  background:url('http://suburbe.org/images/arrowdown.gif') no-repeat right center #fff;
}
#tabHeaderActive a:hover {

}
.tabContent {
  background:#fff;
  clear:both;
  display:block;
  margin:0px 0px 0px;
  padding:0px 0px 8px;
 }
.tabContent img.mural {
  background:#ddd;
  border:1px solid #aaa;
  float:left;
  margin:6px;
  padding:5px;
  width:510px;
}
.tabContent img.report {
  background:#ddd;
  border:1px solid #aaa;
  float:left;
  margin:6px;
  padding:5px;
  width:240px;
}
#twitter_div {
  border-bottom:1px solid #ddd;
  font-size:12px;
  margin:0px;
  padding:0px 10px 0px;
  text-align:left;
}
#twitter_div a {
  display:inline;
}
#twitter_div img {
  float:left;
  margin:0px 10px 0px 0px;
  width:42px;
}

#accordion {
  background:url('http://suburbe.org/distopia2010/baseaccordion.jpg') no-repeat center top;
  min-height:520px;
}
.panelBody {
  float:left;
  margin:0px 2px;
  padding:0px;
  width:460px;
}

.post-body-main {
  background:#eee;
  border: 1px solid #ddd;
  font-size:10px;
  margin:5px 0px 0px;
  min-height:480px;
  padding:10px;
  text-align:justify;
  width:440px;
}
.post-body-main img {
  background:#eee;
  border: 1px solid #ccc;
  float:left;
  height:150px;
  margin:0px;
  padding:5px;
  width:430px;
}
.post-body-main img:hover {
  background:#ddd;
  border: 1px solid #bbb;
}
.post img {
  margin:10px auto;
  width:800px;
}
.post-body-item {
  font-size:14px;
  margin:0px auto;
  padding:30px 10px 10px;
  text-align:justify;
  width:800px;
}
.post-footer{
  background:url('http://suburbe.org/images/distopymenubg.jpg') repeat center top;
  clear:both;
  font-size:9px;
  margin:0px auto 15px;
  padding:3px 5px;
  text-align:center;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius:  6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
.post-footer a {
  border-top:1px solid transparent;
  color:#AA0000;
  font-weight:bold;
  font-size:12px;
  margin:0px 5px;
  padding:2px 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
.post-footer a:hover {
  background:#333;
  border-top:1px solid #666;
  color:#fff;
}
p.blogger-labels {
  background:url('http://suburbe.org/img/tags.png') no-repeat left center;
  border-top:1px solid #ddd;
  clear:both;
  display:block;
  font-size:0em;
  margin:0px;
  padding:10px 0px 0px 80px;
}
p.blogger-labels a {
  background:transparent;
  border:1px solid transparent;
  color:#AA0000;
  font-weight:bold;
  font-size:12px;
  margin:0px 5px;
  padding:5px 10px;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius:  6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
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;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius:  6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
.comment-body {
  background: #ddd;
  border:1px solid #aaa;
  color: #999;
  font-size:0.9em;
  padding:5px;
  text-align:justify;
  behavior:url('http://suburbe.org/js/border-radius.htc');
  -webkit-border-radius:  6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -opera-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
.comment-timestamp {
  font-size: 0.9em;
}
a.comment-link {
  font-size: 1.2em;
  color:#AA0000;
  font-weight:bold;
}

.home-previous {
  color:#999;
  display:block;
  margin:0px auto;
  padding:2px;
}
.home-previous a {
  color:#AA0000;
  font-weight:bold;
}
.home-previous a:hover {
  color:#666;
}

#sidebar {
  float:right;
  font-size:12px;
  margin:30px 30px 0px 0px;
  padding:0px 10px;
  text-align:right;
  width:200px;
}
#sidebar p {
  display:block;
  margin:5px auto 10px;
  text-align:right;
}
#sidebar img {
  background:#eee;
  border:1px solid #ccc;
  margin:10px 10px 10px 20px;
  height:120px;
  width:120px;
  padding:5px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
#sidebar img:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#sidebar a {
  color:#AA0000;
  font-weight:bold;
}
#archive {
  margin:30px 0px;
}
#previous {
  margin:30px 0px;
}


#footer {
  background:url('http://suburbe.org/images/distopyfooterbg.jpg') repeat center top #eee;
  color:#fff;
  margin:0px auto;
  padding:10px 0px;
  width:100%;
}
#footer-int {
  margin:0px auto;
  padding:10px 0px;
  text-align:center;
  width:800px;
}
#footer img {
  background:#ddd;
  border:1px solid #999;
  margin:5px 40px;
  padding:5px;
  width:150px;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}
#footer img:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
}

#copyleft {
  background:#000;
  border-top:2px solid #222;
  bottom:0px;
  color:#999;
  display:block;
  font-size:10px;
  line-height:30px;
  margin:0 auto;
  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 {
  }