* {
  margin:0px;
  padding:0px;
  border:none;
}
pre {
	border: 1px solid #A2A2A2;
	background-color: #F1F1F1;
	padding: 8px;
	margin: 5px;
	color: #0150c7;
	overflow: auto;
	padding-bottom: 50px;
	width: 310px;
}

body {
  background:#000;
  color:#000;
  font: 100%/12px Lucida Grande, Verdana, Arial, Verdana, sans-serif;
  line-height:1.4em;
  text-align:center;
}
a {
  color:#ddd;
  text-decoration:none;
}
a:hover {
  color:#4A392D;
  text-decoration:underline;
}
a:visited {
  color:#4A392D;
  text-decoration:underline;
}
a:visited:hover {
  color:#4A392D;
  text-decoration:underline;
}
a.link {
  background:url('http://metodes.com/hipertextos/img/link.gif') no-repeat left center;
  padding-left:24px;
}
a.mail {
  background:url('http://metodes.com/hipertextos/img/mail.gif') no-repeat left center;
  padding-left:24px;
}
a.print {
  background:url('http://metodes.com/hipertextos/img/print.gif') no-repeat left center;
  padding-left:24px;
}
a.comment {
  background:url('http://metodes.com/hipertextos/img/comment.gif') no-repeat left center;
  padding-left:24px;
}
a.more {
  background:url('http://metodes.com/hipertextos/img/more.gif') no-repeat left center;
  padding-left:24px;
}
a.pdf {
  background:url('http://metodes.com/hipertextos/img/pdf.gif') no-repeat left center;
  padding-left:24px;
}
a.mov{
  background:url('http://metodes.com/hipertextos/img/mov.gif') no-repeat left center;
  padding-left:24px;
}
a.doc{
  background:url('http://metodes.com/hipertextos/img/doc.gif') no-repeat left center;
  padding-left:24px;
}
a.mp3{
  background:url('http://metodes.com/hipertextos/img/mp3.gif') no-repeat left center;
  padding-left:24px;
}
a.rss{
  background:url('http://metodes.com/hipertextos/img/rss.gif') no-repeat left center;
  padding-left:24px;
}
img {
  margin:0px;
  padding:0px;
}
h1 {
  font-size:24px;
  margin:20px 5px 10px;
  padding:0px;
  text-align:center;
}
h2 {
  color:#333;
  font-size:14px;
  margin:10px auto;
  padding:0px;
  text-align:center;
  width:350px;
}
h3 {
  background:url('http://metodes.com/theblogicon/theblogiconh3.jpg') no-repeat center top;
  text-decoration:underline;
  font-size:18px;
  line-height:1em;
  margin:0px auto;
  padding:14px 0px;
  text-align:center;
  width:360px;
}
h3.toggler:hover {
  cursor:pointer;
}
h4 {
  border-top:1px solid #aaa;
  font-size:1.2em;
  padding:8px;
}
h5 {
  font-size:1.1em;
  margin:5px auto;
  text-align:left;
}
ul {
  list-style:none;
  text-align:left;
  width:100%;
}
li {
  list-style:none;
  padding-left:20px;
  width:90%;
}
ul.dock {
  display:block;
  float:none;
  margin:20px auto;
  height:200px;
  width:780px;
}
li.dock {
  float:left;
  width:90px;
}
p {
  font-size:1.2em;
  text-align:center;
}
blockquote {
  background:url('http://metodes.com/theblogicon/comillas.jpg') no-repeat left top #fff;
  border:2px solid #333;
  display:block;
  font-size:10px;
  line-height:1em;
  margin:10px;
  padding:20px 10px;
  text-align:left;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#head {
  color:#111;
  height:98px;
  margin:0px auto;
  padding:10px;
  width:400px;
}
#head a {
  color:#666;
  text-decoration:none;
}
#head a:hover {
  color:#4A392D;
  text-decoration:underline;
}
#head a:visited {
  color:#111;
  text-decoration:none;
}
#head a:visited:hover {
  color:#4A392D;
  text-decoration:underline;
}

#page {
  margin:0px auto;
  padding:0px;
}

#container {
  margin:0 auto;
  padding: 0px;
}
#containerint {
  margin:0 auto;
  padding: 0px;
}
#main {
  margin:0 auto;
  padding: 0px;
}
#blogpre {
  background:url('http://metodes.com/theblogicon/blogiconblogpre.jpg') no-repeat center top #000;
  clear:both;
  height:240px;
  width:800px;
  margin:0 auto;
  padding:0px;
}
#blog {
  background:url('http://metodes.com/theblogicon/blogiconblog.jpg') repeat center top #000;
  clear:both;
  width:800px;
  margin:0 auto;
  padding:0px;
}
#blogpost {
  background:url('http://metodes.com/theblogicon/blogiconblogpost.jpg') no-repeat center top #000;
  clear:both;
  height:1000px;
  width:800px;
  margin:0 auto;
  padding:0px;
}
#post {
  width:400px;
  margin:0px auto;
  padding:0px;
}
#post-body {
  font-size:10px;
  line-height:1em;
  margin:10px 0px 0px 25px;
  padding:5px;
  text-align:center;
  width:340px;
  border:1px solid #4A392D;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;

}
#post-body img {
  display:inline;
  width:128px;
  margin:10px auto;
  padding:0px;
}
#post-body img.nofloat {
  float:none;
  background:#ddd;
  border:1px solid #666;
  margin:5px;
  padding:5px;
  width:80%;
}
#post-body img.little {
  background:#ddd;
  border:1px solid #666;
  margin:5px;
  padding:5px;
  float:none;
  width:72px;
}
#post-body img.big {
  display:block;
  float:none;
  background:#ddd;
  border:1px solid #666;
  margin:0px auto;
  padding:5px;
  width:300px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#post-body a {
  color:#4A392D;
}
#post-footer {
  font-size:10px;
  line-height:1.5em;
  margin:0px auto 0px;
  padding:5px;
  width:400px;

}
#download {
  background:url('http://metodes.com/hipertextos/img/price.jpg') no-repeat center top #fff;
  color:#fff;
  display:block;
  float:none;
  font-size:2em;
  height:50px;
  margin:0px auto;
  padding:30px 0px 20px;
  text-align:center;
  width:220px;
  border:1px solid #333;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
p.blogger-labels {
  display:none;
}
#comments {
  margin: 10px;
  font-size: 12px;
  text-align:left;
}
#comments-block {
  border: 1px solid #aaa;
  font-size:1.4em;
  line-height: 1.6em;
  margin-bottom: 20px;
  padding: 10px;
  width: 90%;
}
.comment-body {
  background: #ddd;
  border:1px solid #aaa;
  color: #666;
  font-size:0.9em;
  padding:5px;
  text-align:justify;
  width:80%;
}
.comment-timestamp {
  font-size: 0.9em;
}
a.comment-link {
  font-size: 1.2em;
  color: rgb(76,86,108);
}
#home-previous {
  margin:20px auto;
}
#home-previous a {
  font-size:0.8em;
  font-weight:bold;
  padding:6px;
}
#home-previous a:hover {
  background:#aaa;
  color:#fff;
}

#footer {
  margin:0 auto;
  float:center;
  display:block;
  width:100%;
  height:150px;
  width:200px;
}
#footer img {
  background:#fff;
  border:5px solid #999;
  padding:6px;
  -webkit-border-radius: 30px;
  -opera-border-radius: 30px;
  -moz-border-radius: 30px;
}