body.desktop .content-primary
{
    width: 80%;
}

.content-primary
{
    margin: 0;	    
    padding: 0;
}

.content
{
    padding: 20px;
    padding-top: 5px;
}

body.desktop .content
{
    min-height: 260px;
}

body.mobile .content
{
    min-height: 130px;
}

body.desktop .content-secondary
{	    
    width: 20%;
}

.content-secondary
{
    margin: 0;
    padding: 0;

    height: 100%;
}
.ui-mobile .type-home .ui-content
{
    background: none; 
}

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 200px; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 100%; height: auto; }
#gallery .ui-content { overflow: hidden; }

#me
{
    float: right;
}

body.desktop #me
{
    background-image: url(../images/me-desktop.jpg);

    width: 196px;
    height: 240px;

    margin: 10px;
}

body.mobile #me
{
    background-image: url(../images/me-mobile.jpg);

    width: 98px;
    height: 120px;

    margin: 5px;
    margin-top: 75px;
}

dl.details
{
    display: inline-block;
    min-width: 200px;

    margin: 10px;
}

div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}