/* LAYOUT ********************************************************************/

.no-iphone {
   display: none;
}

.iphone-only {
   display: inherit;
}

body {
    background: #eff3f6;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

div#mainClm {
    border: none;
    margin: 0;
    padding: 0 1.5em 0 1em;
}

#sidebar, #banner {
    display: none;
}


/* NAVBAR ********************************************************************/

#navbar {
    padding-bottom: 1.5em; /* space otherwise relied on #banner */
    border: none;
}

#navbar td {
    border: none !important;
}


/* MISCELLANEOUS *************************************************************/

div.important {
    font-size: larger;
}

.note, .footnote, footnote-marker {
    font-size: 100%;
}

dl:not([.vocabulary]) dt {
    font-size: 200%; /* why is this necessary?? */
}

/* LANGUAGE LESSONS **********************************************************/

.section {
    background: none;
}

.illustrations, .reference {
    width: 100%;
    margin-bottom: 1em;
    font-size: 125%; /* why is this necessary?? */
}

.reference:before {
    content: url("/images/icons/arrow.png");
}

.reference dl {
    margin-top: -16px; /* height of arrow.png */
}

.reference dt {
    margin-left: 1em;
    padding-left: 0.5em;
}

.section > p,
.section > ul,
.section > ol,
.section > dl {
    margin-left: 0;
    clear: left;
}