@font-face {
	font-family: GriffosFont;
	src: url(/fonts/GriffosFont.eot);
	src: url(/fonts/GriffosFont.ttf);
}

@font-face {
	font-family: GriffosSCapsFont;
	src: url(/fonts/GriffosSCapsFont.ttf);
}      

body{
    background:#fefee1;
    color:#504C31;
}

div#page_wrap{ 
    clear:both; 
    float:left;
    background:transparent url(/images/fleur.png) 201px 143px no-repeat;
    /* background:transparent url(grid.png) 0 0 repeat-y; */
    margin:0 auto;
    padding:0 80px 0 80px;
    width:800px;
}  

div.logo{
    background: url(/images/logo.png) 0 0 no-repeat;
    float:left;
    height:128px;
    width:800px;
}

div.logo a{ 
    display:block;
    height:128px;
    overflow:hidden;
    text-indent:-999em;
    width:800px;
}  

div.navigation{ 
    float:left;
    font-family:GriffosFont;
    font-size:20px; 
    text-align:center;
    height:32px;
    width:800px;
}  

div.navigation ul li{
    display:inline;

}

div.navigation ul li a{ 
    color:#666;
    line-height:32px;
    margin-right:12px;
    text-align:center;
    text-decoration:none;
} 
div.navigation ul li a:hover{
    text-decoration:underline;
}

div.article_meta{
    color:#666;
    float:left; 
    font-family:GriffosSCapsFont;
    font-size:18px;
    line-height:32px; /* too much! */ 
    padding-top:128px; /* clear the fleur-de-lys and account for h1 margin line up with first para h1 always 1 line */  
    width:148px;
}

div.article_meta a{ /* The 'Comment' link */
    color:#666;
    text-decoration: none;
}
div.article_meta a:hover{ 
    text-decoration: underline;
}

div.article{ 
    float:right; 
    padding-top:64px; /* clear the fleur-de-lys and account for h1 margin */
    margin-bottom:32px;
    width:640px;
}

div#comments{ 
    background:transparent url(/images/comments-hr.gif) 50% 0 no-repeat;     
    clear:both;
    float:left;
    padding-top:64px; 
} 

div#comments form{
    clear:both;
    float:left;
    margin-left:148px; /* same width as .article-meta, brings the form in line with coments */
    padding-top:64px; 
}

div.single_comment{
    clear:both;
    float:left;
    width:800px;
    overflow: hidden;
}  

div.single_comment{
 
}

div.comment_meta{
    color:#666;
    float:left; 
    font-family:Georgia;
    font-size:14px;
    line-height:24px; /* too much! */  
    margin-top:24px;
    width:148px;
} 

div.comment_meta a{
    color:#666;
    text-decoration: none;
}

div.comment_meta a:hover{
    text-decoration: underline;
}

div.a_comment{
    float:right; 
    width:640px;
}

div.a_comment p{
    font-family:Georgia !important;
    font-size:16px;   
    line-height:24px;
    margin-top:24px;
}

h1{  
    color:#333;
    font-family:GriffosFont;
    font-size:30px;
    line-height:100%;
    margin-bottom:16px; /* this knocks out the VR */
} 

h1 a{
    color:#333;
    text-decoration: none;    
}

h1 a:hover{
    text-decoration: underline;    
}

div#comments h2{
    background:transparent url(/images/comments-head.gif) 0 0 no-repeat;
    clear:both;
    float:left;
    height:42px;
    margin-left:160px;
    text-indent:-999em;
    width:121px;      
}

p{
    font-family:GriffosFont;
    font-size:24px;
    line-height:32px;
    margin-top:32px;
}