/* =============================================================================
   A PARTIR DE AQUÍ PARA RESOLUCIONES DE MÁS DE 1024px (PC's)
   ========================================================================== */

@media only screen and (min-width: 1024px) {

    /* Ponemos el menú de etiquetas y artículos recientes como una columna a la derecha */
    [role="main"] {
        float: left;
        width: 74%;
    }
    #individual_article [role="main"] {
        width: 100%;
    }

    [role="complementary"] {
        float: right;
        border: 1px solid #e3e3e3;
        -moz-border-radius: .35714285714286em;
        border-radius: .35714285714286em;
        padding: 1em 1em 1em;
        background: #f7f7f7;
        width: 20%;
        font-size: 90%;
        position: relative;
        top: 0.7em;
    }
    #individual_article [role="complementary"] {
        position: relative;
        top: -7em;
    }

    
    nav {
        font-size: 1em;
    }

    [role="complementary"] input[type="search"] {
        width: 70%;
    }

    /* Código coloreado con Geshi y metido a pelo con bc. o pre. */
    .javascript,
    .php,
    .bash,
    .ini,
    .python,
    .sql,
    .html5,
    pre {
        width: 60%;
        margin-left: 20%;
    }

    h1.entry-title  {
        font-size: 1.4em;
    }

    /* Ajustes para el menú de navegación  */
    [role="navigation"] {
        top: 55px;
        width: 65em;
    }

    nav ul.section_list {
        width: 40em;
    }

    div#miniretrato,
    div#licencia_imagenes,
    div#logo_textpattern {
        display: inline;
    }
    #footer_text {
        padding: 0 140px;
        padding-top: 1em;
    }

}