html, body
{
  width : 20000;
}
    
div.story
{
  padding-left : 1em;
  height : 550px;
  z-index:10
  width : auto;
}

body
{
	/*  sets the default background to grey, and the default text to  Verdana*/
	background-color: #E7E5E1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align: center;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	}
	
p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
	color : #9A9C9E;
}

	
#content
{
	position:absolute; 
	top: 100px;
        left: 0px;
	width:100%;
	border : 1px solid silver;  
	height: 625px;
	margin-left: auto;
    margin-right: auto; 
	text-align: left;
	background-color:#FFFFFF;
	 }
	 
#abouthome
{ 
	position:absolute; 
	width:72px; 
	height:16px; 
	z-index:3; 
	left: 10px; 
	top: 60px;
	}
	
	
#comments
{
	position : absolute;
	left : 10px;
	top : 620px;
}

.comment
{
	width : 150px;
	padding-right : 10px;
	float : left;
}
	
.Greyheader {
	/* sets the font properties for the grey headers in the story pages*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color : #9A9C9E;
}

.Greytext {
	/* sets the font properties for the grey text in the story pages*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color : #9A9C9E;
	}
	
.Greytextlink {
	/* formatting for links in line with the site's default text - for use with <a> tags */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
	
}
.Gretextlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.Greytextsmall {
	/* formatting for grey text on Story pages*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

.story-owner
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	top: 90px;
	left: 10px;
	font-weight: normal;
	color : #9A9C9E;
}


div.story h3.story-title
{
 	width : 100%;
 	text-align : left;          
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	left : 10px;
	font-weight: bold;
	color : #9A9C9E;
}


div.story h4.story-description
{
 	width : 100%;
 	text-align :left;          
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	left : 10px;
	font-weight: normal;
	color : #9A9C9E;
}

	

div.story div.story-description
{
 	width : 100%;
 	text-align : left; 
	left : 10px;      
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color : #9A9C9E;
}

div.story div.story-metadata
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story dl.story-metadata dt
{
    float : left;
    clear : left;
    width : 80px;
    margin-right : 1em;
    text-align : left;
}

div.story dl.story-metadata dd
{
}


div.story div.story-items
{
}

div.story div.story-items div.story-item
{
  padding-left : 1em;
  margin-right : 1em;
  margin-bottom : 1em;
  float:left;
  min-width: 270px;
  max-width: 400px;
  .width : 270px;
}

div.story div.story-items div.story-item h3.item-title
{
  width : 250px;
  height: 25px;
  text-align : left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;          
}

div.story div.story-items div.story-item dl.item-metadata 
{
    font-size : 9pt;
}

div.story div.story-items div.story-item dl.item-metadata dd
{
}

div.story div.story-items div.story-item dl.item-metadata dt
{
    float : left;
    clear : left;
}

div.story div.story-items div.story-item dl.item-metadata dd.item-owner
{
}

div.story div.story-items div.story-item dl.item-metadata dt.item-owner
{
	
}

div.story div.story-items div.story-item dl.item-metadata dd.item-year
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item dl.item-metadata dt.item-year
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item dl.item-metadata dd.item-country
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item dl.item-metadata dt.item-country
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item dl.item-metadata dd.item-place
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item dl.item-metadata dt.item-place
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item dl.item-metadata dd.item-themes
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

    clear : left;
div.story div.story-items div.story-item dl.item-metadata dt.item-themes
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A5758;
	text-decoration: none;
}

div.story div.story-items div.story-item p.item-description
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width : 150px;
	color: #5A5758;
	text-decoration: none;
	
}

div.story div.story-items div.story-item div.item-attachment
{
}


div.story div.story-items div.story-item div.item-attachment img
{
    border : 0;
}

div.story div.story-items div.story-item div.item-content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
}