/*  
Theme Name: Aardvark
Theme URI: http://aardvark.cl
Description: Cuantos pares son tres moscas?
Version: 1.0
Author: El monito de Aardvark (no Clarus the Dogcow)
Author URI: http://aardvark.cl
*/

/* Todo este codigo esta licenciado con una licencia Creative Commons */
/* by-nc-sa: Atribucion - No Comercial - Licenciar Igual */
/* http://creativecommons.org/licenses/by-nc-sa/2.0/cl/deed.es */

/* (cc) 2006 Aardvark */
/* www.aardvark.cl */

/* Habiendo dicho eso, Bienvenido a nuestro CSS */


/* 
Basura Global 
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html,body,div,p { 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #cccccc;
}
input,select,textarea { 
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: normal;
	/*font-size: 62.5%;  Resets 1em to 10px */
	color: #222222;
}
p {
	margin: 1em 0;
}
ul, ol {
	margin-left:1.5em;
}
li {margin-bottom:.25em;}
body {
	font-size: 62.5%;
	text-align:center;
	background: url(i/bgr_all.gif) repeat-x top center #333;
}
a:link {
	color: #ffffff;
}
a:visited {
	color: #eeeeee;
}
a:hover {
	color: #ffcc00;
}
a:active {
	text-decoration: none;
	color: #336699;
}
h1,h2,h3,h4,h5,dt {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans;
	color:#fff;
}
a img {border-width:0;}
abbr, acronym {
	border-bottom: dotted silver 1px;
	cursor:help;
}
abbr:hover,acronym:hover {color:white;}
pre {
	background:#222 url(i/pre-bg.gif) left top repeat-x;
	padding: 0 2em;
	font-size:1.3em;
	border:solid #000 1px;border-width:1px 0;
}
code {
	color:yellow;
}
blockquote {
	/* background:url(i/blockquote-bg.gif) left top no-repeat; */
	padding:1em;margin:0 1em;
	border-left:solid #666 1px;
	line-height:2em;
	color:#999;
}
dt {
	font-weight:bold;
	font-size:1.5em;
	color:white;
}
dd {
	margin-left:2em;
	line-height:150%;
	margin-bottom:1em;
}
/* Basura Especializada */

#box {
	width: 76em;
	margin: 0 auto;
	position: relative;
	text-align:left;
	}
.no-show { display: none; }
#logo, #header {  }
#logo {
	
}
#logo-box {
	margin-top:90px;
}
#logo span {display:block;text-indent:-999em;position:absolute;}
#logo a {text-decoration:none;}
#header {
	margin-bottom: 15px;
}
/*
Main
---------------------------------------*/
#main {
	position:relative;
	min-height:500px;
	margin-top: 300px;
}
* html #main {height:500px;}
/*
Side
---------------------------------------*/
#velador {
	width: 23em;
	position:absolute;
	top:0;right:0;
}
#velador p {margin:.5em 0;}
#velador small {
	color: #999;
}
#velador img {
	border: 0;
}
.info-top, .info-bottom, .info {
	border: solid #666 1px;
	border-width:1px 0;
	padding: 5px 5px 15px 5px;
	margin: 0 0 20px 0;
	font-size: 1.1em;
	line-height: 150%;
}
.info-top {border-width:1px 0 0 0;}
.info-bottom {border-width:0 0 1px 0;}
.drawer {
	padding: 5px 5px 20px 5px;
}
.drawer.home a{ text-decoration: none; }

.drawer select {margin:.7em 0;width:70%;}
#velador h3 {
	margin-bottom: 7px;
	font-size: 1.2em;
}

.drawer h3 img {
	margin-top: -0.2em;
}
.icon {
	padding: 3px 0 3px 20px;
	background-repeat:no-repeat;
	background-position:top left;
}
.icon-login {background-image:url(i/icon-login.gif);}
.icon-mail {background-image:url(i/icon-mail.gif);}
.icon-rss {background-image:url(i/icon-rss.gif);}
.icon-articulos {background-image:url(i/icon-articulos.gif);}
.icon-heart {background-image:url(i/icon-heart.png);}
.icon-prohibido {background-image:url(i/icon-prohibido.png);}
/*
Contenido principal
---------------------------------------*/
#papiro {
	margin-right: 26em;
}
.description {
	border-bottom: dashed #666 1px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	margin-top: 15px;
	color: #999;
	line-height: 200%;
	position:relative;
}
.a-contratar {
	text-indent:-999em;
	display:block;width:230px;height:60px;
	background: url(i/btn-contratar.gif) left top no-repeat;
	position:absolute;top:0;right:0;
}
.a-contratar:hover {
	background-position:left -60px;
}
.description big {
	display:block;
	/*margin-right:17em;*/
}
.entry {
	padding-bottom: 3px;
	position:relative;
	margin-bottom:4em;
}
.single{
	min-height: 28em;
}
* html .single{
	height: 28em;
}
.entry h1 {
	font-size: 3em;
}
.entry h2 {
	font-size: 2em;
margin-bottom: .25em;
}
#main .entry h2 a {
	color: #ffcc00;
	text-decoration:none;
}
*html #main .entry h2 a:hover {text-decoration:underline;}
.entry h2 a:hover {text-decoration:underline!important;}
.entry h4,.entry h5,.entry h6 {font-size:1.4em;}
.entry p, #papiro h6 {
	font-size: 1.2em;
	line-height: 150%;
}

.entry img {
border: 2px solid #ccc;
margin: 0 7px 7px;
}
#papiro h4,#papiro h5,#papiro h6 {margin:1em 0;font-family: Helvetica, "Helvetica Neue", Arial, sans;}
.entry p a {
	text-decoration: underline;
}
.mini {
	font-size: 80%;
	margin: 0 auto;
	padding: 5px;
}
.closer {
	text-align: right;
}
.closer h2 {
	background-color: #292929;
	padding: 5px;
	border: #222222;
}
.date {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 100%;
	color: #666;
	font-family: Helvetica, "Helvetica Neue", Arial, sans;	
}
span.date {
	padding-left: 1em;
display:block;
margin-bottom: 1.5em;

}
span.date strong {
	color: #999;
margin-right: 0.8em;
}
p.more {
	text-align: right;
	font-size: 1em;
}
p.more a:link {
	color: #666;
}
p.more a:hover {
	color: #ffcc00;
}
a.comment {
	padding-left: 1.3em;
	background: url(/wp-content/themes/aardvark/i/icon-comment_on.gif) no-repeat 0px 3px;
text-decoration: none;
color: #999;
display:inline;
margin-left: 1em;
}
.mini a.comment {font-size:1.2em;}
#footer {
	color: #555;
	text-align: center;
	padding: 50px;
}
/*
Blog pages
---------------------------------------*/
#velador .blog-nav ul {
	margin-bottom:1.5em;
}
#logo-box {
	position:relative;
}
/*
Search-box
---------------------------------------*/
#search-box {
	position:absolute;
	top:88px;
	right:20px;
	border-width:0;
	width:205px;
}
#search-box legend {
	display:none;
}
#search-box p {
	background:url(i/search-bg-2.gif) left top no-repeat;
	padding-left:21px;
	height:20px;
}
#search-box input {
	border: solid black 0;
	height:14px;padding-top:3px;
	/*background:url(i/search-bg-0.gif) left top repeat-x;*/
	background:url(i/search-bg-1.gif) right top no-repeat;
	padding-right:17px;
}
* html #search-box input {
	height:20px;margin-top:-1px;padding-top:2px;
} 
#search-box button {
	position:absolute;top:0;right:8px;
	background:url(i/search-button-bg.gif) left top no-repeat;
	border-width:0;
	width:19px;height:19px;
	cursor:pointer;
}
#search-box button span {display:none;}
/* SAFARI Only */
/*\*/
html>body*#search-box {
	height:20px;
}
html>body*#search-box button {
	right:30px;
}
html>body*#search-box p {
	background-image:none;
	padding-left:0;margin-top:0;
}
html>body*#search-box input {
	background-image:none;
	padding-right:0;
}
#search-results {
	position:relative;
	top:-30px;
	background:black;
	opacity:.8;
	-moz-opacity: 0.8;
	border:solid gray 1px;
	padding:.5em 0;
}
#search-results ul {
	list-style-type:none;
}
#search-container {
	position:relative;
	z-index:10;
	top:20px;left:10px;width:150px;
}
#ajax-loader {
	position:absolute;top:0;right:1em;
}
#search-container span {display:block;text-align:center;}
#search-results li {display:inline;}
#search-results a {text-decoration:none;display:block;}
/**/
/*
Nav
---------------------------------------*/
#nav {
	margin-right: 26em;
	margin-top:1em;
}
#nav ul {
	list-style-type:none;
	margin:0;
}
#nav li {
	display:inline;
}
#nav a {
	float:left;
	height:25px;width:25%;
	text-indent:-999em;
	background:left top no-repeat;
	margin-right:.7em;
	text-decoration:none;
}
#nav a:hover {
	background-position:left -25px;
}
#nav .current_page_item a {
	background-position:left -51px;
}
#nav-inicio a {background-image:url(i/nav-a-inicio.gif);width:51px;}
#nav-blog a {background-image:url(i/nav-a-blog.gif);width:50px;}
#nav-contacto a {background-image:url(i/nav-a-contacto.gif);width:76px;}
#nav-equipo a {background-image:url(i/nav-a-equipo.gif);width:65px;}
#nav-servicios a {background-image:url(i/nav-a-servicios.gif);width:75px;}
/*
Single
---------------------------------------*/
.nav-post-links {margin-bottom:2em;}
.nav-post-links a {text-decoration:none;}
.nav-post-links .prev {
	float:left;width:30%;
}
.nav-post-links .next {
	float:right;width:30%;
	text-align:right;
}

/*
Comments
---------------------------------------*/
#comments {
	margin-top:2em;margin-right:-26em;
	position:relative;
	border-top: solid #999 1px;
}
#commentlist li {
	margin-bottom:2em;
	position:relative;
	border-top:solid #474646 1px;
}
#commentlist li.ants, .ants .comment-metadata{
border-color: #595959;
}
.ants .comment-metadata{
background-color: #393939;
}
#comments h4 {
	font-size:1.5em;margin-bottom:.5em;
	background:url(i/icon-comment_on.gif) left center no-repeat;
	padding-left:15px;
	/*font-variant:small-caps;*/
}
.comment-metadata {
	position:absolute;top:-1px;right:0;z-index:30;
	background:#302F2F;
	border:solid #474646 1px;
	border-width:1px 0;
	padding:1em;
	width:21em;
	line-height:1.5;
}
.comment-metadata cite {
	float:left;
	font-style:normal;
	font-size: 1.1em;
}
.comment-metadata cite a, .comment-metadata cite strong {
	display:block;
	text-decoration:none;
}
.comment-metadata cite small {
	text-transform:uppercase;color:#666;font-size:.8em;
}
.comment-metadata cite small a:link,.comment-metadata cite small a:visited {
	color:#999;
}
.gravatar {float:left;border:solid #474646 1px;margin-right:1em;}
.comment-body {padding:.5em 26em .5em 0;line-height:1.5;margin-bottom:2em;min-height:5em;}
#commentlist {
	list-style:none;
	margin:0;
}
#dejar-comentario {
	position:absolute;top:1em;font-size:1.2em;right:9em;
}
/*
Comment form, forms
---------------------------------------*/
input,#main fieldset textarea {
	border:solid silver 1px;padding:.25em;
}
#main fieldset legend {display:none;}
#main fieldset {border-width:0;}
#main fieldset#comment-forms {
	border-top:solid #474646 1px;padding-top:1em;
}
#main fieldset h4 {
	display:block;
}
#main fieldset p {
	padding:.5em .25em;
	margin:0 26em 0 0;border:solid #333 2px;
}
#main fieldset .focused {
	background:silver;color:black;
}
#main fieldset .focused label {
	background: url(i/comment-focused-bg.gif) right center no-repeat;
	padding-right:1em;
}
#main fieldset .error {
	background:#444;
}
#main fieldset .error label {
	background:url(i/icon-warning.png) right center no-repeat;
}
#main fieldset textarea {width:34.4em;font-size:1.4em;}
#main fieldset .focused input,#main fieldset .focused textarea {border:solid #333 1px;}
#main fieldset .disabled {color:gray;}
#main fieldset .disabled input,#main fieldset .disabled textarea {background:#474646;border:solid #302F2F 1px;color:#393838;}
fieldset label {
	float:left;width:6em;line-height:2;padding-right:1em;
}
fieldset small {color:gray;padding:0 1em;}
fieldset p.submiteador {text-align:right;}
fieldset p.submiteador small {padding-left:0;}
fieldset input.submit {
	padding:.25em;font-size:1.4em;
	border: outset #ffcc00 1px;
	background:#ffcc00;cursor:pointer;
}
#main #contact-form p {
	border-color:transparent;
}
/* 
Fading Tooltips By Dustin Diaz
--------------------------------------------*/
body div#toolTip { position:absolute;z-index:1000;/*width:220px;*/background:#000;border:1px solid #000;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px "lucida grande",arial,sans-serif;font-weight:bold; }
body div#toolTip p em { display:block;margin-top:3px;color:#ccc;font-size:0.9em;font-style:normal;font-weight:normal; }
body div#toolTip p em span { font-weight:normal;color:#fff; }
/*
Hacks
---------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

