/* Created by Jason Fletcher
	December 2005 */
	
body {	text-align:center;
		margin:0;
		padding:0;
		background:url(../images/bluflowerz.gif) fixed #fff;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #006; /*dark purple text*/
		font-size: 76%;}
p {		font-size:1.1em;}
p.intro {	font-size:1.3em;
			font-style:oblique;}	
p.warn {	color:#f00;/*errors*/
			font-size:1.5em;
			text-align:left;
			font-weight:bold;
			margin:0.5em 0;}
p.continue {	font-weight:bold;}/*continue links after submitting*/
h1 { 	font-size:1.6em;
		font-style: italic;}
h2 {	font-size:1.4em;
		color:#006;
		font-family:Geneva, Arial, Helvetica, sans-serif;}		
h3 {	font-size:1.2em;}
address {	font-size: 0.8em;
			float:left;}
p#mail {	float:right;
			font-style:oblique;
			margin:0 0 20px 10px;
			}
a.w3c	{	float:right;}
img.decopic {	float:right;
				margin:40px 0 20px 40px;}
hr {	background-color: #fcc; color:#fcc; width:100%; }
.field { background-color:#ffffe7;}
.radio {	background-color:transparent;}/*so IE dosn't screw it up*/
.button {	background-color:#ffc;}
.collpic{	border:1px solid #006;/*collection table images*/
			background-color:#ffc;
			padding:8px;}
.coll	{	border:1px solid #006;/*collection table text*/
			background-color:#fff;
			padding:8px;}
.counter {	font-size:80%;
			font-style:oblique;
			color:#006;}
a img 	{	border:none;}
a:link 		{ text-decoration:none;}
a:visited 	{ text-decoration:none;}
a:hover 	{ text-decoration:underline; color:#b7c7b7;}
a:active 	{ text-decoration:none; }

/*Structural layout from here*/
form {width:552px;}
#container	{ 	width:720px;
				margin-top: 0; /*to centre the box*/
				margin-bottom:0;
				margin-left:auto;
				margin-right:auto;
				background-color:#fff;  
				border:solid 1px #fcc;
				border-top:none;
				text-align:left; } 
#content	{	padding:0;
				margin:60px 80px 40px 80px;/*set width using margin to avoid box model prob*/
				text-align:left;
				line-height:1.2;}/*for peekaboo bug*/
#header { 	padding:12px;
				text-align:left;
				background: url(../images/blubutterfly.jpg) no-repeat 95% 10px #ffc;}/*pale green*/ 
#header h1 {	height:60px; margin:0;
				background:url(../images/bluheadr.png) no-repeat left top;}
#header h1 span{	display:none;}

#navlist {	text-align:center;
			float:left;
			width:100%;
			line-height:normal;
			background:#e8f6e8 url(../images/blutabsbg.png) repeat-x bottom;}

#navlist ul	{	list-style-type:none;
				margin: 0;
				padding:10px 10px 0;}
				
#navlist li { 	margin: 0;
				padding: 0 0 0 20px;/*to compensate for the leaf in the tab*/
				float:left;
				background:url(../images/blunavzl.gif) no-repeat left top;}

#navlist a { 	float:left;/*for IE5 hack*/
					display:block;
 					background:url(../images/blunavzr.gif) no-repeat right top;
    				padding:5px 15px 4px 5px;
					text-decoration:none;
					font-variant:small-caps;
					color:#fff;
					font-weight:bold;
					font-size:0.8em;}
/* hides rule from IE5-Mac \*/
#navlist a {float:none;}
/* end IE5-Mac hack */

#navlist  a:hover	{	color:#fcc;}/*grey*/

/*to highlight the current page*/
body#home li#ho, 
body#profile li#pr, 
body#collection li#co, 
body#links li#li, 
body#gallery li#ga, 
body#contact li#ct  {	background-image:url(../images/anavzl.gif);
					padding-left:10px;}
body#home li#ho a, 
body#profile li#pr a, 
body#collection li#co a, 
body#links li#li a, 
body#gallery li#ga a, 
body#contact li#ct a {	background-image:url(../images/anavzr.gif);
					padding-bottom:5px;
					color:#006;}			

img#photo {		padding: 40px 40px 100px 40px;/*photos are 240wx180h frame is 320x320*/
				background:url(../images/frameb.png) no-repeat 50% transparent;
				float:left;
				margin:0;}

#home h2 {	clear:both;
			padding-left:20px;
			margin:0;
			background:url(../images/arrow.gif) no-repeat left top;}

#footer		{	padding:1em 3em 2em 3em;
				text-align:left;
				background:url(../images/blufootbg.png) repeat-x top #ffc;}

/*THIS IS FOR MY BBS*/
body#bbs img.picture {	float:right;
				margin-left:6px;
				margin-bottom:6px;
				border:none;}/*uploaded pics*/
/*body#bbs table {	clear:both;}avoid squeezing the table text*/
#notebox {	border:4px solid #ffc;/*for messages appearing after posting*/
				border-top:none;
				padding:20px;}
#textcolour	{	background-color:#ffffe7;/*row of radio buttons for font colours*/
				text-align:center;
				border:2px inset #ccc;
				font-size:1em;}
td.firstcol {	width:100px;} /*left hand column of form*/
span.tablenote { font-size:1em;}/*note about password key usage*/
p.prepostmess {	/*message at top of form*/
				font-weight:bold;
				font-size:1.4em;}
.message {	word-wrap:break-word;
					font-family: MS UI Gothic, lr oSVbN, Osaka; }/*message text- font colours are user set.  Word-wrap IE prop.*/
p.nav	{ 	text-align: center;/*pagination links*/
			font-weight: bold;
			color:#006; }
.postbox {	/*table width=560 table holding main messages and their replies*/
				padding:0;
				margin:0;
				border:2px #fcc solid;}
.postbox td {padding:0 20px;}
.postbox .replybox td {padding-left:0;
								padding-right:0;}
td.mainheadrow {padding-top:10px;}/*top row of main posts*/
td.headrow {	padding-top:10px;}/*top row of replies*/
td.link {	padding-top:10px;}
td.message {	padding-top:10px;
					padding-bottom:10px;}
tr.bottomrow td {border-bottom:1px dotted;}
.replybox 	{	border-top: 1px dotted #fcc;/*width=480 align=right table holding replies*/	
					margin:0;
					padding:0;}
.link {	text-align:right;/*td containing reply button in postbox*/
			}
.clear {	clear:right;}