@charset "UTF-8";
/* CSS Document */

.about {
	font-style:italic;
	font-color: #330000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #333300;
}


img {
	margin: 5px;
	display: inline;
    text-align: center;

}

.container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow-y: scroll;

}


.content {
	position: relative;
	margin: auto;
	top: 50px;
    width: 100%;
    max-width: 1000px;
	height: 3000px;
	overflow: hidden;

	
}


.header {
	position: absolute;
	top: 10px;
	left: 0px;
	height: 40px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	
}

.header img {
	margin: 0px;
	
     border-style: none;

}



.post {
	display: inline;
	float: left;
	text-align: center;
	

}


/**
 * Grid
 */
#grid{

    /* Vertical grid lines */
    background: url(bg-grid-980.gif) repeat-y 0 0;

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

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

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

}

/**
 * Classes for multiple grids
 *
 * When using more than one grid, remember to set the numberOfGrids 
 * option in the hashgrid.js file.
 */
#grid.grid-1{

    /* Vertical grid lines for grid 1 */
    background: url(bg-grid-980.gif) repeat-y 0 0;

}
#grid.grid-2{

    /* Vertical grid lines for grid 2 */
    background: url(bg-grid-660.gif) repeat-y 160px 0;

    /* Adjustments */
    padding: 0 160px;
    width: 660px;

}

/**
 * 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{

    /* 20px line height */
    height: 19px;
    border-bottom: 1px dotted #aaa;
    margin: 0;
    padding: 0;

}