html{
	background: #001232 url(/images/back-grad.png) bottom repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
}

body{
	padding: 0px;
	margin: -20px 0px;
	background:  url(/images/buildings.png) bottom repeat-x;
	font-size: 10pt;
	color: #222;
}

a img{
	border: none;
}

pre{
	background: white;
}

#mainwrap{
	margin: 0;
	padding: 50px 0;
	background: url(/images/reja.png) repeat;
}

			
#notification{
    position: fixed;
    top: 0;
    left: 0;
    font-size: 1.3em;
    width: 100%;
    height: 1.5em;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 10px;
}

.notice{
    background: #fffba8;
    color: #aaa;
    border: 2px solid;
}
.success{
    background: #88dc88;
    color: green;
    border: 2px solid;
}


.error{
    background: #dc4045;
    color: #d60000;
    border: 2px solid;
}
			
#wrapper{
	margin: 0 auto;
	width: 950px;
}
#header{
	margin: 0 auto;
	width: 705px;
	height: 165px;
	background: url(/images/header.png) no-repeat;
}
#header h1{
	width: 100%;
	height: 100%;
}
#header h1 a{
	display: block;
	font-size: .00001em;
	color: #daccc2;
	width: 100%;
	height: 100%;
	
}

#noticias{
	color: black;
	background: url(/images/h2bg.png) repeat-x bottom;
	display: block;
	clear: both;
	width: 705px;
	height: 35px;
	margin: 5px auto;
	overflow: hidden;
	font-weight: bold;
}

#noticias *{
	vertical-align: bottom;
}

#noticias a{
	color: #333;
}

#noticias a:after{
	content: "...";
}
#content{
	float: right;
	width: 605px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

#sidebar{
	float: left;
	width: 270px;
	font-family: "Times New Roman", Times, serif;
	color: rgb(77,21,21);
	font-size: 1.2em;
}

#sidebar a{
	color: rgb(77,21,21);
}

#sidebar a img{
	border: none;
}
#sidebar-top{
	background: url(/images/sidebar-top.png) no-repeat top center;
	height: 103px;
	margin-bottom: 0px;
	padding: 0px;
}

#sidebar-bottom{
	background: url(/images/sidebar-bottom.png) no-repeat top center;
	height: 326px;
	margin-top: 0px;
	padding: 0px;
}

#sidebar-cont{
	background: url(/images/sidebar-cont.png) repeat-y top center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 10px;
}

#sidebar-cont>ul{
	padding: 0 10px;
	margin-bottom: 8px;
}

#sidebar li{
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar .header{
	list-style: none;
	width: 100%;
	text-align: center;
	color: rgb(77,31,31);
	font-size: 2.2em;
	border-bottom: 5px solid rgb(77,31,31);
	margin-bottom: 10px;
}

#sidebar input{
	background-color: transparent;
	border: rgb(77,31,31) 2px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
	margin: 5px;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	color: rgb(77,31,31);
}

#user{
	background: url(/images/text.php?txt=Usuario&fnt=2&sz=11&mw=250&bg=paper&col=warmblack) no-repeat center;
}

#pass{
	background: url(/images/text.php?txt=Password&fnt=2&sz=11&mw=250&bg=paper&col=warmblack) no-repeat center;
}

#search{
	background: url(/images/text.php?txt=Search&fnt=2&sz=11&mw=250&bg=paper&col=warmblack) no-repeat center;
}

#user:focus, #pass:focus, #search:focus, #user.typed, #pass.typed, #search.typed{
	background: transparent !important;
}

.rant .title{
	background: url(/images/post-top.png) no-repeat top center;
	display: block;
	height: 44px;
	margin: 0;
	padding: 10px 20px 0px 20px;
}

.rant .title h1{
	text-align: center;
	margin-bottom: 0;
	font-size: 1.4em;
}

.rant h2.rant_date{
	text-align: left;
	margin: 2px 5px;
	padding: 0;
	font-size: 0.9em;
}

.rant .rant_footer{
	background: url(/images/post-bottom.png) no-repeat bottom center;
	min-height: 68px;
	max-height: 200px;
	display: block;
	padding: 00px 20px 0px 20px;
	margin: 0;
}

.rant .rant_footer .meta{
	float: left;
	width: 335px;
	margin-bottom: 25px;
}

.rant .rant_footer .meta img, .rant .rant_footer .meta img a{
	border: none;
	vertical-align: middle;
}

.rant_cont{
	background: url(/images/post-middle.png) repeat-y center;
	padding: 5px 20px;
	margin: 0;
}

.rant_cont p{
	text-indent: 1.5em;
}

.rant{
	margin: 25px 0;
}

.cl{
	clear: both;
}

.other_content{
	margin: 15px 5px;
}

.commentwrapper, .other_content{
 	background: #ddd url(/images/paper.png);
 	padding: 25px;
}

 .comment{
 	margin-bottom: 3em;
 	border-bottom: 2px solid #dd0505;
 	padding: 8px;
 }
 
 .comment b{
 	color: #000;
 }
 
 .commentwrapper, input, textarea{
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 }
 
 .commentwrapper textarea{
 	width: 85%;
 	height: 120px;
 }
 .comments h2{
 	width: 100%;
 	text-align: right;
 	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
 	color: #333;
 }
 

 
 .comment_date{
 	float: left;
 	clear: both;
 	font-family: Impact;
 	margin: 2px 5px -2px 5px;
 	padding: 1px;
 	background: #fff;
 }
 
 
 .comment_date .month{
	display: block;
 	font-size: 0.8em;
 	background: #ff5555;
 	text-align: center;
 	color: #444;
 }
 .comment_date .day{
	display: block;
 	font-family: Copperplate;
 	text-align: center;
 	font-size: 2em;
 }
 .comment_date .extra{
 	display: block;
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 	font-size: 0.7em; 
 	text-align: center;
	border-top: #fff 2px dotted;
 }
 .comment_date .extra b{
 	color: #fff;
	font-weight: bolder;
 }
 
 .comments p{
 	line-height: 1.2;
 	font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
 	font-size: 0.95em;
 }
 
 .commentsform{
 	border-top: 2px solid #dd0505;
 	text-align: center;
 	background: url('/images/mosca.png') right bottom no-repeat;
 	width: 100%;
 	padding-bottom: 95px;
 }
 
 .commentsform input{
 	display: block;
 	margin: 3px auto;
 	font-size: 1.3em;
 }
 
   
  ul#rants_searchres li{
  	display: inline;
  }
  ul#rants_searchres li:before, ul#rants_searchres li:after{
  	content: " <";
	font-weight: bold;
  	color: #dd0505;
  }
  ul#rants_searchres li:after{
  	content: "> ";
  }
  
 
  ul#blog_tags.cloud li{
  	display: inline;
  }
  ul#blog_tags li:before, ul#blog_tags li:after{
  	content: " <";
	font-weight: bold;
  	color: #dd0505;
  }
  ul#blog_tags li:after{
  	content: "> ";
  }
  
  ul#blog_tags.list li a:after{
  	content: "  (" attr(title) ")";
  }


  .highlight{
 	font-size: 1.2em;
 	color: black;
 	font-weight: bold;
 	background: #9f9;
 }
 
 .highlight_0{
 	background: #ff9;
 }
 
 .highlight_1{
 	background: #99ffff;
 }

blockquote{
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
}

blockquote:before{
    display: block;
    width: 100%;
    text-align: left;
    content: url(/images/text.php?txt=%E2%80%9C&fnt=2&sz=80&bg=rust);
}

blockquote:after{
    display: block;
    width: 100%;
    text-align: right;
    float: right;
    content: url(/images/text.php?txt=%E2%80%9D&fnt=2&sz=80&bg=rust);
}

blockquote p{
    margin:0 25px;
}

  
#footer{
 	width: 100%;
	margin: 0;
 	height: 28px;
	text-align: center;
	color: #999;
 }
 
 #footer p{
 	margin-bottom: 2px;
 }
 
 #footer a{
 	color: #9F9F9F;
 }

.gravatar:after{
	display: block;
	width: 100%;
    height: 40px;
    content: url(/images/tape.png);
    z-index: 9;
    margin-top: -80px;
}

.non .gravatar:after{
    content: url(/images/tape2.png);
}

.gravatar{
	float: left;
}

a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(/images/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}
