@media handheld {
  html,
  body {
    max-width: 95%;
    margin: 0;
    padding: 3px;
  }
  #spin {
    display: none;
  }
  #content {
    margin: 0;
    padding: 0;
  }
  #content h1,
  #content h2,
  #content a {
    max-width: 75%;
  }
  #content img {
    max-width: 80%;
    margin-right: 0;
  }
  #content a img {
    display: inline-block;
  }
  #content div.gallery a {
    max-width: 100%;
    text-decoration: none;
  }
  #content div.gallery img {
    max-width: 100%;
  }
  #footer {
    display: none;
  }
}
.gallery {
  padding: 5px;
  clear: both;
}
.gallery .folders .folder {
  display: inline;
  height: 200px;
  width: 250px;
}
.gallery .folders img {
  margin: 1em;
  padding: .25em;
  border: 1px solid #AAA;
}
div.flow {
  background-color: #888;
}
div.flow img {
  margin: 0;
  padding: 0;
  display: block;
  border: none;
}
div.flow a,
.image-block,
.across .left-column,
.right-column {
  border: none;
  margin: 0;
  padding: 0;
}
div.image-block {
  clear: both;
  width: 100%;
}
div.across img {
  float: left;
}
div.left-column,
div.right-column {
  float: left;
}
.gallery .navigation,
.gallery .navigation .paging {
  font-family: labelFont;
  padding: .5em;
  display: inline;
  background-color: #444;
  color: #FFF;
}
.gallery .navigation a,
.gallery .navigation .paging a {
  text-decoration: none;
  color: #FFF;
  padding: .5em;
}
.gallery .navigation .paging a {
  padding: .1em;
}

/* INCLUDE /home/abentley/_framework/cssmobile/base.css */
@media handheld {
    html, body {
        max-width: 95%;
        margin: 0;
        padding: 3px;
    }
    #spin {
        display: none;
    }
    
    #content {
        margin: 0;
        padding: 0;
        
        h1, h2, a {
            max-width: 75%;
        }
        img {
            max-width: 80%;
            margin-right: 0;
        }
        a img {
            display: inline-block;
        }
        
        div.gallery {
            a {
                 max-width: 100%;
                 text-decoration: none;
            }
            img {
                max-width: 100%;
            }
        }

    }
    
    #footer {
        display: none;
    }

}

/* INCLUDE /home/abentley/_framework/cssmobile/gallery.css */
.gallery {
	padding: 5px;
    clear: both;
}

.gallery .folders .folder {
    display: inline;
    height: 200px;
    width: 250px;
}


.gallery .folders img {
    margin: 1em;
    padding: .25em;
    border: 1px solid #AAA;
}

div.flow {
    background-color: #888;
}

div.flow img {
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}

div.flow a, .image-block, .across .left-column, .right-column {
    border: none;
    margin: 0;
    padding: 0;
}

div.image-block {
    clear: both;
    width: 100%;
}

div.across img {
    float: left;
}

div.left-column, div.right-column {
	float: left;
}

.gallery .navigation, .gallery .navigation .paging {
    font-family: labelFont;
    padding: .5em;
    display: inline;
    background-color: #444;
    color: #FFF;
}

.gallery .navigation a, .gallery .navigation .paging a {
    text-decoration: none;
    color: #FFF;
    padding: .5em;
}

.gallery .navigation .paging a {
    padding: .1em;
}

