/*

Hashgrid styles
See hashgrid.com for more information.

*/


/**
 * Grid
 */
#grid{

    /* Dimensions - same width as your grid with gutters */
    width: 890px;

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -445px;

}

/**
 * Vertical grid lines
 *
 * Set the column width taking the borders into consideration,
 * and use margins to set column gutters.
 */
#grid div.vert{

    width: 88px;
    border: solid darkturquoise;
    border-width: 0 1px;
    margin-right: 10px;

}

#grid div.vert.first-line{

    margin-left: 50px;

}


/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{

    /* 18px line height */
    height: 17px;
    border-bottom: 1px dotted darkgray;
    margin: 0;
    padding: 0;

}