/* YAHOO UI RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}   

/* Fonts CSS */
/**
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
* 
*/
body {font:14px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
* 99% for safari; 100% is too large
*/
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
* Bump up !IE to get to 13px equivalent
*/
pre, code {font:115% monospace;*font-size:100%;}

/**
* Default line-height based on font-size rather than "computed-value"
* see: http://www.w3.org/TR/CSS21/visudet.html#line-height
*/
body * {line-height:1.5em;}

/* END YAHOO FONTS */


body{
	font-family:"Palatino","Palatino Linotype";  

	background:#FBEFE1;
	margin:0;
	padding:0;
}


em{font-style:italic;}
strong{font-weight:bolder;}
/* div for adding visual elements to the background - not necessary  */
#deco{
	background:url(../images/pagetop.jpg) repeat-x center -25px;
}

#wrapper{
	margin:0;
	padding:0;
	width:100%;
	background:#FBEFE1;
}

#content{
	position:relative;
	/*height:400px;	*/
	width:900px;	
	padding:0;	
	background:#FDF4EA;
	/*border: 1px solid #C3B29B;	
	-webkit-box-shadow: 0px 0px 10px #C3B29B;
	-moz-box-shadow: #C3B29B 0px 0px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*/

	margin:auto;
	padding-top:10px;
	
}

#textcolumn{
	position:relative;
	width:500px;
	padding-top:20px;
	padding-bottom:60px;
	color:#66584D;
	line-height:140%;
}

#textcolumn{
width:816px;
margin:auto;
}


#sectionheader{
	width:816px;
	margin:auto;
	margin-top:20px;
}
#sectionheader img{
	display:block;
	margin:auto;
}

/*
@font-face {
  font-family: "PriorSerReg";
  src: url(../fonts/PriorSerReg.ttf) format("truetype");
}
*/
h1{
	font-family:  "Palatino", serif ;
	font-size:140%;
	color:#142B33;
	margin-bottom:.5em;
}   

a{
	color:#66584D;
	text-decoration:none;
	border-bottom:1px dotted #D18376;
}

a:hover, .post a:hover{
	color:#000;					
	border-bottom:1px dotted #ff7491;
}

p{
	margin-bottom:.75em;
}	

a.imgbutton{
	border:0;
}
a.imgbutton:hover{
	border:0;
}



#ribbon{
	background:url(../images/ribbon.jpg) repeat-x 50%;
	height:57px;

}
#footer{
	position:relative;
	background:url(../images/bottom.jpg) repeat-x 50%;
	height:240px;

}
#copyright{
	color:#66584D;
	margin-left:50px;
	padding-bottom:20px;
}

#nav{
	font-family:"PriorSerReg";
	margin:0;       
	padding:0;
	padding-top:45px;
	padding-bottom:10px;
	text-align:center;
	background:transparent;
}

#nav ul{
	margin-right:20px;
	padding-top:5px;
}

#nav ul li{
	display :inline;
	color:#6D5D55;
	text-transform:uppercase;
	letter-spacing:.25em;

	margin:0px 0px;
	margin-left:10px;
}

#nav ul li a{		
	border-bottom:0px dotted #ff7491;
	font-size:80%;
}
#nav ul li a:hover{
	border-bottom:1px dotted #ff7491;	
}   



#nav ul li.rsslink{background:url("../images/rss.gif") no-repeat right center;padding-right:30px;}

#nav ul li a{background:url("../images/star-small.gif") no-repeat left center;padding-left:10px;}

p.footer{
	color:#544A40;
	font-size:85%;
	text-align:center;
	margin-top:30px;
	padding-bottom:100px;
	
}


/* ANNOTATIONS */

.annotation.left{  
	margin:0;
	padding-right:20px;  
	background-position:right 20px; 
	border-right:1px solid #EEE;  
	left:-220px;
} 

.post p{
	position:relative;
}

.post-date{
	font-family:"Palatino";
}

span.annotation.right{
display: block;
top:0;
position:absolute;
left:550px;

margin:0;
padding:0;  
line-height:130%;  
text-align:left;  
color:#9C8F82;
width: 250px;  
}

.indicator{
	color:#ff7491;
	font-weight:bolder;
}

.post{
	margin-top:0px;padding-top:10px; 
	border-bottom:1px dotted #ff7491;
	padding-bottom:20px;

}   

.post.footer{
 text-align:center;
}

.post p,.post ul{
width:500px
}

.post:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 

#gallery:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 
.commentsbox{
	padding-bottom:10px;
	border-bottom:1px dotted #ff7491; 
}

#comments{
	margin-top:0px;padding-top:10px; 
/*	border-top:1px dotted #ff7491;*/
}   

#comment-form{ 
	position:relative;
	margin-top:20px;                       
	padding-bottom:20px;
	border-bottom:1px dotted #ff7491;  
	width:500px;
}     

#comment-form label{
	font-size:90%;
}

h1{font-size:160%;}   
h2{font-size:120%;color:#223940;line-height:140%;margin-bottom:.5em;} 
h3{font-size:100%;color:#223940;line-height:120%;margin-bottom:.5em;}  
h4 a{font-size:100%;} 

.post p{} 
.post ol{list-style-type:square;margin:1em 1em;} 
.post ul{list-style-type:decimal;margin:1em 1em;}

.numlink a, .numlink{font-weight:bolder;font-family:Arial;}  

/* COMMENTS FORM */

.textarea{
	width:99%; 
	border:1px solid #ddd;
	font-family:arial; 
	padding:5px;
	margin:5px 0;
}  

.textfield{   
	margin:5px 0;
	width:200px;
	border:1px solid #ddd; 
	padding:5px;
	font-family:arial;
}  

#comment-form{
width:500px}


/* STYLES FOR INDEX PAGE*/

.archive{
	padding:3px;margin:0;float:left;margin-left:5px;margin-bottom:0px;width:200px;
} 
ol.archive {padding:0;margin:0;margin-bottom:15px;} 
ol.archive li{ 
	margin:0;padding:0; 
	line-height:100%;
	overflow:hidden;
}
ol.archive li.fav{             
	padding-left:15px;  

	background-image:url("/images/star.gif");  
	background-repeat:no-repeat;  
	background-position:left center;
}     
ol.archive li a{  
	font-size:80%; 
	line-height:100%;
	color:#66584D;
	text-decoration:none;
	border-bottom:1px dotted #D18376;  
}

ol.archive li  a:hover{
	color:#000;					
	border-bottom:1px   #ff7491;
}

blockquote{
	/*border-left:2px solid #9C8F82;*/
	margin-left:20px;
	margin-right:50px;
	
}

.image{
	padding:5px;border:1px solid #C3B29B;
	display:block;
	margin:auto; 
	margin-bottom:10px; 
}

.image-right{
	padding:5px;border:1px solid #C3B29B;
	margin:0px 0px 10px 10px;
	float:right;
}  
    
.image-left{
	padding:5px;border:1px solid #C3B29B;
	margin:0px 10px 10px 0px;
	float:left;
}

li.active a{
	color:#FE7490;
}

.archiveslink{
	margin-top:20px;
	text-align:center;
}      


a.button{text-decoration:none;border-bottom:0px;margin-top:20px;display:block}
a.button:hover{text-decoration:none;border-bottom:0px;}

#flashcontent{
	width:816px;height:643px;position:relative; left: 42px;
}

#flashcontent div.titleblock{
	position: absolute;
	top:0;
	left:0;
	width: 806px;
	opacity: .8;
	
	background: #CEE5E6;
	padding: 5px;
}

#flashcontent div.titleblock h1{
	text-transform: uppercase;
	font-size: 100%;
	letter-spacing: .25em;
	text-align: center;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);center;
	opacity: .8;
	margin-bottom: 0px;
	padding: 0;
}

#flashcontent div.titleblock p{
	font-size: 10px;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

#flashcontent div a{
	border-bottom: 0;
}

.nextbutton, .previousbutton{
	position: absolute;
	cursor: pointer;
	top: 300px;
}

.nextbutton{
	right:10px;
}
.previousbutton{
	left:10px;
}