/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

@import url('styles/basic.css');

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

body{background:#ADADAD url(images/fnd_header.jpg) center -10px no-repeat; text-align:center; color:#333; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%;}

#wrapper{width:960px; margin:20px auto 10px auto; text-align:left;}

/*HEADER*/

#header{display:inline; float:left; width:100%; position:relative;}
#header h1{ display:block; float:left; margin:15px 0 25px 0; width:100%;}
#header h1 a {text-indent:-9999px; width:305px; height:70px; display:block; background:url(images/zumo.png) no-repeat top center; margin:0 auto;}
#header h1 span{display:block; text-transform: uppercase; font-size:0.5em; text-align:center; color:#666;}
#header #blog-description{}


/*ACCESS*/

#access{display:inline; float:left; width:100%;}

div.skip-link {
position:absolute;
right:1em;
top:-50px;
}

div#menu {display:none;}
div#menu ul{}
div#menu ul a {}
div#menu ul ul ul a {}
div#menu ul li ul {
left:-999em;
position:absolute;
}
div#menu ul li:hover ul {
left:auto;
}


/*CONTENT*/
div#container {display:inline; float:left; background:#fff; padding:20px;}
#container #content a:hover{color:#FE3401; text-decoration:underline;}
#container #content label{font-size:1.2em;}
#container #content{width:605px; display:inline; float:left; margin-right:20px;}

.post{background:#eaeaea; padding:20px 20px 15px 20px; display:inline; float:left; padding:20px; width:565px;}

/*formularios*/
#container input.button{font-family:Helvetica, Arial, sans-serif; border:none; background:#999; padding:3px 5px 0; display:block; float:left; font-size: 1.4em; height:26px; cursor:hand; cursor: pointer; text-transform:uppercase;  font-weight:bold}
#container input#s, #container input#s-no-results { 
display:block; 
float:left;
height:20px;
padding:6px 3px 0;
font-family:Helvetica, Arial, sans-serif;
font-size:1.2em;
background:#D1D1D1;
border:none;
}
#container input#s-no-results{width:155px;}

#container h3{font-family: "Tw Cen MT", "Century Gothic", Helvetica, Arial;}
h2.page-title{display:block; margin-bottom:15px; width:100%; font-size:1.6em; line-height:1.4em;}
h2.page-title span{font-weight:bold; color: #777;}
h2.page-title span a{color: #E00E19}
h2.entry-title, h3.entry-title{font-size:2.4em; line-height:1.2em; color:#FE3401; text-transform:uppercase;}
h2.entry-title a:link, h2.entry-title a:visited, h2.entry-title a:active, h3.entry-title a:link, h3.entry-title a:visited, h3.entry-title a:active{color:#FE3401; text-decoration:none; }
#container #content h2.entry-title a:hover, #container #content h3.entry-title a:hover{color:#666; text-decoration:none;}

body.search-no-results h2{color:#666;}
body.search-no-results form#searchform-no-results{margin-top:20px; display:block; float:left;}

div.entry-date{clear:both; margin:2px 0 10px; color:#666;}
div.entry-date abbr.published{background:#d1d1d1; display:block; float:left; padding:3px 3px 1px 3px; font-size:1.1em;}

div.entry-content h3{font-size:1.4em; font-weight:bold; width:98%; display:block; float:left; margin:0 0 3px 0;}
div.entry-content p{font-size:1.4em; line-height:1.4em; margin-bottom:5px; display:block; float:left; width:100%;}
div.entry-content p a:link, div.entry-content p a:visited, div.entry-content p a:active{color: #333; text-decoration:underline;}
div.entry-content p a:hover{color:#FE3401;}
div.entry-content p img.alignnone{margin-bottom:10px;}
div.entry-content ul{display:bloc; float:left; width:100%; margin-bottom:5px;}
div.entry-content ul li{font-size:1.2em; line-height:1.4em; padding:0 0 4px 10px; background:url(images/bullet.gif) left 5px no-repeat;}

div.entry-content small{font-size:0.8em;}
div.entry-content small a{color:#E00E19;}

.entry-title {clear:both;}

.entry-meta {margin:5px 0 6px 0; font-size:1.1em; display:block; float:left; width:100%;}
body.archive .entry-meta{margin:5px 0 20px 0;}
body.search-results .entry-meta{margin:5px 0 20px 0;}
.entry-meta a:link, .entry-meta a:visited, .entry-meta a:hover, .entry-meta a:active {color:#FE3401;}

div#content .social{display:inline; float:left; width:100%; margin-bottom:20px;}
div#content .social ul{display:inline; float:left;}
div#content .social ul li{display:inline; float:left; margin-right:5px;}

div#comments{margin:10px 0 10px 0; float:left; display:inline; width:100%}
div#comments div.comment-meta{font-size:0.8em; color:#666; padding:2px 0 5px 0;}
div#comments-list, div#respond, div#relacionados{padding:20px; background:#EAEAEA;}
div#relacionados{display:inline;float:left;margin:0 0 10px 0;width:565px;}
div#comments h3, div#relacionados h3{color:#666; font-size:2em; text-transform:uppercase; padding-bottom:15px;}
div#relacionados ul li{background:transparent url(images/bullet.gif) no-repeat scroll left 6px; margin:4px 0; padding-left:12px;}
div#relacionados ul li a{color:#333333; font-weight:bold; line-height:1.4em; font-size:1.4em; text-decoration:none;}
div#relacionados ul li a:hover{text-decoration:underline;}
div#comments-list ol li, div#respond ol li{background:#fff;}
div#comments-list ol li.alt, div#respond ol li.alt{background:#F7F7F7;}
div#comments-list ol li#comment-1, div.formcontainer{}
div#comments-list ol li p{line-height:1.4em; margin-bottom:5px;}

div#comments a{color:#E00E19; }
div#comments .vcard span.fn{font-weight:bold;}
div#comments .vcard img{border:1px solid #333; display:none;}
div#comments .vcard a{font-weight:bold;}
div#comments .vcard p a{color:#333;}


div.comments ol li, div.formcontainer{}

div#comments-list{margin-bottom:20px;}

form#commentform .form-label {
margin:1em 0 0;width:15%; float:left;
}

form#commentform .form-label label{margin:9px 0 4px 5px; display:block; float:left;}

p#comment-notes{display:block; float:left; font-size:0.9em;}

form#commentform span.required {
color:#c30;
display:block; 
float:left;
margin-left:3px;
}

form#commentform .form-label span.required {margin-top:9px;}

form#commentform .form-input, form#commentform .form-textarea, form#commentform .form-submit{width:50%; display:block; float:left; margin:1em 15em 1em 0;}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:95%;
}

div#content div#nav-below {display:inline; float:left; width:100%; margin-bottom:10px; padding-top:5px;}
div#content div#nav-below .meta-nav{display:none;}
div#content div#nav-below .nav-previous{width:47% !important;}
div#content div#nav-below .nav-previous a{background:url(images/arrow-previous.gif) left 3px no-repeat; padding-left:12px;color:#666; font-size:1.1em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; margin-top:3px;}
div#content div#nav-below .nav-previous a:hover{color:#E00E19;}

div#content div#nav-below .nav-next{width:48% !important;}
div#content div#nav-below .nav-next a{background:url(images/arrow-next.gif) right 3px no-repeat; color:#666; font-size:1.1em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-align:right; display:block; float:right;padding-right:12px;}
div#content div#nav-below .nav-next a:hover{color:#E00E19;}

/*administración*/

div.entry-meta span.edit-link a, #comments span.edit-link a, #comments span.logout a{color:#00C;}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above{
display:none;
}


div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
display:block;
}

div.nav-previous{display:block;}

/*LEFT*/

#container #left{display:inline; float:left; width:250px; padding:20px 20px 0 20px; background: #eaeaea;}

#container #left p.left-txt{font-size:1.2em; line-height:1.2em;}
#container #left p.left-txt a{color:#FE3401;}

#container #left #primary ul.xoxo li#rss-links h3{display:none;}

#container #left #primary #search{float:right; width:260px; margin:0;}
#container #left #primary #search h3{display:none;}
#container #left #primary #search form#searchform div{}

#container #left #primary #search form#searchform input#s { 
width:155px;
}
#container #left #primary #search form#searchform input.button{margin:0 0 0 5px;}

#container #left #primary ul.xoxo li#pages{display:none;}
#container #left #secondary ul.xoxo li#meta{display:none;}

#container #left #primary ul.xoxo li#posts, #container #left #primary ul.xoxo li#categories, #container #left #secondary ul.xoxo li#linkcat-2, #container #left #secondary ul.xoxo li#archives{background:#f5f5f5; width:220px; padding:15px;}

#container #left #primary ul.xoxo li#posts ul li, #container #left #primary ul.xoxo li#categories ul li, #container #left #secondary ul.xoxo li#linkcat-2 ul li, #container #left #secondary ul.xoxo li#archives ul li{width:93%}

div.sidebar h3{font-size:1.4em; color:#666; text-transform:uppercase; margin-bottom:5px; padding: 4px 0;}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul li{font-size:1.1em; display:block; float:left;}

div.sidebar ul li a{text-decoration:none; color:#333; font-weight:bold; line-height:1.4em;}
div.sidebar ul li a:hover{color:#FE3401; text-decoration:underline;}

div.sidebar ul ul li { background:url(images/arrow.gif) left 4px no-repeat; margin:4px 0; padding-left:12px;}
#container #left #primary ul.xoxo li#rss-links{margin-top:2px;}
#container #left #primary ul.xoxo li#rss-links ul li{background:none; padding-left:0; display:inline; float:left; margin-right:7px;} /*quitamos la flechita a los "links sociales"*/
#container #left #primary ul.xoxo li#rss-links ul li a img{}


div.sidebar ul ul ul {}

div.sidebar ul ul ul li {background: url(images/fnd_ulli.gif) left 3px no-repeat; margin: 5px 0; padding-left:10px;}

div.sidebar ul ul ul ul li { background: url(images/fnd_ulliulli.gif) left 3px no-repeat; margin:5px 0; padding-left:8px;}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#footer {
text-align:center;
}

div#footer {
margin:0 0 10px 0;
color:#333;
}

div#footer p{margin:5px 0;}
div#footer p strong{font-weight:bold; font-size:1.1em;}

div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a.active{color:#E00E19;}

input#author,input#email,input#url,div.navigation div {
width:95%;
}

div.gallery *,div.sidebar div,div.sidebar ul {
margin:0;
padding:0;
}
div.wordtube{margin:0 0 10px 3px;}