/*
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:#ECECEC; text-align:center; color:#333; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;}

#wrapper{width:900px; margin:20px auto 10px auto; text-align:left; border:1px solid #DBDBDB; background:#fff;}

/*HEADER*/

#header{display:inline; float:left; background:url(images/testata.jpg) right top no-repeat; width:100%; position:relative;}
#header h1{ display:block; float:left; margin:15px 0 5px 20px;}
#header h1 span a {text-indent:-9999px; width:305px; height:80px; display:block; background:url(images/gamestop.png) no-repeat top center;}
#header h1 span img.blog-subtitle{position:absolute; top:-14px; left:273px;}
#header #blog-description{display:none;}

#header #search{float:right; width:265px; height:70px; background:url(images/fnd_search.png) top left no-repeat; margin:16px 15px 0 0;}
#header #search h3{display:none;}
#header #search form#searchform div{margin:33px 0 0 15px;}
#header #search form#searchform input.button{border:none; background:url(images/input_search.jpg) top center no-repeat; padding:2px 5px 4px; display:block; float:left; text-indent:-9999px; font-size: 0px; line-height: 0px; width:25px; height:24px; cursor:hand; cursor: pointer;}
#header #search form#searchform input#s { 
display:block; 
float:left;
width:200px;
height:17px;
padding:0 2px;
margin-top:1px;
padding:0 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
}

/*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;
}

div#plataformas{display:inline; float:left; width:100%; background:url(images/fnd_plataformas.png) right top no-repeat;}
div#plataformas ul{display:block; float:left; background:url(images/fnd_plataformas_ul.png) right top no-repeat; margin:12px 0 0 0; padding: 0 65px 0 10px;}
div#plataformas ul li{display:inline; float:left; padding:8px 10px 5px; margin:4px 0 2px 0; background: url(images/fnd_plataformas_ul_li.png) right center no-repeat;}
div#plataformas ul li a:link, div#plataformas ul li a:visited, div#plataformas ul li a:active{font-family: Verdana, Geneva, sans-serif; font-size:1.1em; font-weight: bold; text-decoration:none; color:#fff;}
div#plataformas ul li a:hover{text-decoration:underline;}


/*CONTENT*/
div#container {display:inline; float:left;}
#container #content{width:590px; display:inline; float:left; margin-right:20px;}

.post{background:#F7F7F7; border:1px solid #DBDBDB; padding:10px; display:inline; float:left; width:568px;}

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:1.8em; letter-spacing:-0.0005em; line-height:1.2em; color:#E00E19;}
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:#E00E19; text-decoration:none; }
h2.entry-title a:hover, h3.entry-title a:hover{color:#000; text-decoration:none;}

div.entry-date{clear:both; margin:2px 0 10px; color:#666;}

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.2em; 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:#E00E19;}
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:#E00E19;}

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

div#comments{font-size:1.2em; 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:24px 0 0 0; background:#F7F7F7 url(images/fnd_comments.png) top left repeat-x; border:1px solid #DBDBDB;}
div#relacionados{display:inline;float:left;font-size:1.2em;margin:0 0 10px 0;width:100%;}
div#comments h3, div#relacionados h3{color:#eee; margin: 0 0 9px 10px; font-size:1em; font-family:Verdana, Geneva, sans-serif;}
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; text-decoration:none;}
div#relacionados ul li a:hover{color:#000000; 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{background:#F7F7F7 url(images/fnd_comment1.png) top left repeat-x;}
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{padding:10px;}

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

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform .form-label label{margin:9px 0 4px 0; 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:100%; display:block; float:left;}

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:66%;
}

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:265px;}

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

#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:#F7F7F7 url(images/fnd_sidebar_ul.png) top left repeat-x; width:230px; padding:15px; border: 1px solid #DBDBDB;}

#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:100%;}

div.sidebar h3{font-size:1.1em; color:#fff; font-family: Verdana, Geneva, sans-serif; margin-bottom:5px; padding: 10px 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:#000; 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:12px;}
#container #left #primary ul.xoxo li#rss-links ul li{background:none; padding-left:0; display:inline; float:left; margin-right:5px;} /*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:50%;
}

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