/* Styles for Bodil's Patchwork Pictures Version 20 */
	/* original backgrounds: #FFCC99 #F9EBDB #FFF1FF text: #800080 banner: background-image: url('banner.jpg') */  
	
	
	/* global */
body		{ width: 800px; background-color: rgb(222,190,151); margin: auto; text-align: center; 
				font-size: 11pt; font-family: "Comic Sans MS", Verdana, Arial, sans-serif ;
				font-weight: normal; color: rgb(80,80,80) ; } 
	
	/* paragraphs */					
p,ul,address{ font-size: 10pt; text-align: left; margin-top: 0px; margin-bottom: 5px;} 			 
p			{ text-indent: 15px; }
li			{ text-align: left; }
address,em	{ font-style: italic; }
strong		{ font-weight: bold; }		
	
	/* colours */
a:link		{ color: rgb(0,102,102); }
a:visited	{ color: rgb(120,0,0); }
a:hover		{ color: rgb(102,102,102); }
a:active	{ color: rgb(102,0,0); }
h1,h2,h3	{ color: rgb(120,0,0); }
#main		{ background-color: rgb(242,230,204) ; }
#picmain	{ background-color: rgb(242,230,204) ; }
			
.inset,.inset2,td#fpleft,td#fpright,.picinset,.picinset2,.capinset 
			{ background-color: rgb(255,255,255) ; }
			
	/* eyecatchers */
.eyecatch	{ text-align: center; text-indent: 0px; font-size: 12pt; font-weight: normal; 
			font-style: normal; margin-top: 0px; margin-bottom: 0px; color: red; }
.eyecatch a:link  { color: red; }
.eyecatch a:visited  { color: red; }
.eyecatch a:hover { color: rgb(102,102,102); }

	
	/* banner */
h1			{ font-size: 18pt; font-weight: bold; 
				margin-top:0; margin-bottom:0; letter-spacing: 1pt; }
#banner		{width: 100%; background-color:rgb(242,230,204); 
				margin-bottom: 4px; margin-top: 4px; padding: 0px; }
td#banleft	{ width: 10%; text-align: left; font-weight: bold;  }
td#banmid 	{ text-align: center;}
td#banright	{ width: 10%; text-align: right; font-weight: bold; }
	
	/* main area */ 
#main		{ width: 100%; padding-top: 10px; }
h2			{ font-size: 18pt; font-weight: bold; letter-spacing: 1pt; margin-top: 5px; 
				margin-bottom: 10px; text-align: center;}
h3			{ font-size: 16pt; font-weight: bold; margin-top: 0px; 
				margin-bottom: 3px; text-align: center;}
	
	/* tables  */
table		{ border-collapse: collapse; empty-cells: show; padding: 5px; margin-left: auto; margin-right: auto;}
.bigtab		{ width: 90%; }
.midtab		{ width: 75%; padding: 0px; }
td			{ margin-bottom: 0; margin-top:0; padding: 10px}
a.midtab	{ font-size: 10pt; }

	/* text areas */
.inset		{ width: 75%; padding: 10px;
			margin-left: auto; margin-right: auto; margin-top: 10px; }
.inset2		{ width: 90%; padding: 5px; margin-left: auto; margin-right: auto; }
.inset2 h2	{ font-size: 16pt; letter-spacing: normal; } 
ul.verse	{ list-style-type: none; font-size: 9pt; text-align: left;
				margin: 0px; padding: 0px; line-height: normal ; }
.verse li::first-letter { font-weight: bold; } 
h4			{ font-size: 12pt; font-weight: normal; text-align: center; 
				margin-top: 0px; margin-bottom: 0px; color:#000000; }
h5			{ font-size: 10pt; font-weight: bold; text-align: left;
				margin-top: 5px; margin-bottom: 0px }
	
	/* frontpage */
td#fpleft	{ width: 25%; }
td#fpmid	{ text-align: center; padding-top: 0px; vertical-align: top; }
td#fpright	{ width: 25%; }
td#fpright p {letter-spacing: 1pt; color: rgb(120,0,0); font-size: 11pt; }

#nav		{ list-style-type: none; margin-left: 0px; font-size: 11pt; 
			line-height: 185%; vertical-align: middle;}
#nav img			{vertical-align: middle; }
.foot		{ font-size: 8pt; text-align: center; }
.foot img	{ height: 20px; vertical-align: middle; }
.foot a:link	{ text-decoration: none; color: #000000; }
.foot a:visited	{ text-decoration: none; color: #000000; }
.foot a:focus	{ text-decoration: none; color: #000000; }

 
	/* galleries */
td#glleft	{ text-align: center; }
td#glright	{ width: 50%; text-align: center; }

	/* highlights */
.high p		{ text-indent: 0px; }
.high td	{ width: 33%; vertical-align: top;}

	/* mail form */
.mail p		{ text-indent: 0px; text-align: center; font-size: 15px; font-weight: normal; padding: 3px; }
.user		{ width: 25%; font-family: "Comic Sans MS", Verdana, Arial, sans-serif; }
.userarea	{ width: 75%; height: 5em; font-family: "Comic Sans MS", Verdana, Arial, sans-serif; }

	/* pictures */
#picmain	{  width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 4px; }
.picinset, .picinset2 { padding: 5px;
			 margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.picinset   { width: 75%; }
.picinset2  { width: 80%; }  
#picmain h1	{ font-size: 13pt; font-weight: normal; margin-top: 0px; 
				margin-bottom: 3px; text-align: center;}
#picmain h2	{ font-size: 12pt; font-weight: normal; text-align: center; 
				margin-top: 0px; margin-bottom: 0px; }

	/* images */
img			{ border: 0px; margin: 5px}
	
	/* captions */
p.caption	{ text-align: center; text-indent: 0px; }
.capinset	{ width: 50%; padding: 5px;
			margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.capinset p { text-align: center; text-indent: 0px; } 
	
	/* links page */
.links		{ list-style-type: none; font-size: 11pt; margin-left: 40px; 
				line-height: 200%; }

	/* link to top of page */
.toplink	{ text-align: center; }
	
	/* print */
body.print  { text-align: left; margin-left: 0px; width: 600px;
				background-color: #FFFFFF; color:#000000;}
.print h1	{ margin-bottom: 10px; text-align: center; } 
p.print		{ text-align:left; }

	/* private photos */
#fotomain	{ width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 4px; 
			background-color: #000000; }
.capfoto	{ width: 50%; padding: 5px;
			margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;
			background-color: #FFF0F0;  }
.capfoto p	{ text-align: center; }