/********************************
 * Experimental Stylesheet      *
 * (cc) AT-SA 2008              *
 * Simon Bridge                 *
 * homepages.ihug.co.nz/~corwin *
 ********************************/

/* 
 * Set Page Defaults
 */

body {margin:0px; padding:0px; line-height:1.1em;
	font-size:small; font-family:sans-serif,bitstream vera sans,tahoma; text-align:center;
	background:url(images/background.png) repeat;}

h1 {color:#2f4f4f;}
h2 {color:#2f4f4f;}
h3 {color:#2f4f4f;}
h4 {color:#2f4f4f;}
h5 {color:#2f4f4f;}
hr {width:80%; height:1px; border:0px solid;
	background-color:saddlebrown; color:saddlebrown;}
abbr, acronym {cursor:help; font-style:normal;}
code {font-family:courier new,courier,monospace; color:black;}

/* Default Links */
a {text-decoration:none; color:saddlebrown;}
a:hover {text-decoration:underline; color:brown;}

/* Default Image Treatment */
img {border:none;}

/* Image Links Semi-opaque by default */
a:link img {border:none;
	filter:alpha(opacity=80); opacity: 0.8;}
a:visited img {border:none;
	filter:alpha(opacity=80); opacity: 0.8;}
a:active img {border:none;
	filter:alpha(opacity=100); opacity: 1.0;}
a:hover img {border:none;
	filter:alpha(opacity=100); opacity: 1.0;}

/* Allow for styled headings */
.title {font-family:Atlas of the Magi,Purisa,Viner Hand ITC,bitstream vera serif,times new roman;
	color:#2f4f4f;}

/* Allow for the odd vbig letter inline*/
.vbig {font-size:200%;}

/* Allow a pale area for central content */
.paper {background-color:#fbecc4;
	filter:alpha(opacity=80); opacity:0.8;}

/* Quotes get special treatment */
blockquote {font-style:italic; color:olivedrab;}
q {font-style:italic; color:olivedrab;}


/*
 * Set Page Layout Styles
 */

/* Set a graphical separator */
div.hr {height:40px; padding:3px;
  background:url(images/hr01.png) no-repeat scroll center;}
div.hr hr {display: none;}

div.sep {float:left; width:100%; height:3mm; text-align:center; padding:0mm 2mm 0mm 0mm; border:none;}


/* Set Special Tables*/
table.back {font-family:sans-serif;}

/*
 * General layout:
 * three columns - narrow left column, main-content area and a menu bar on the right.
 * left = 2cm, right=5cm, main=12cm.
 * the main area has a solid, pale, background color - maybe a shadow.
 * side columns have textured background - and menus.
 * center a large title over the main area, but on textured background.
 */

#envelope {width:26.5cm; margin:0mm; padding:0mm; text-align:center; border:0px solid; float:left;}
div.envelope {width:26.5cm; margin:0mm; padding:0mm; text-align:center; border:0px solid; float:left;}

#main-title { width:16cm; padding:3mm 3mm; margin:0mm; text-align:left; display:block; float:left;}
div.main-title { width:16cm; padding:3mm 3mm; margin:0mm; text-align:left; display:block; float:left;}

#main-stuff { width:16cm; height:auto; padding:0mm 3mm; margin:0mm; text-align:left; display:block;
	float:left; background:#fbecc4; border:1px saddlebrown none;
	filter:alpha(opacity=80); opacity:0.8;}
div.main-stuff { width:16cm; height:auto; padding:0mm 3mm; margin:0mm; text-align:left; display:block;
	float:left; background:#fbecc4; border:1px saddlebrown none;
	filter:alpha(opacity=80); opacity:0.8;}

#footer { width:16cm; padding:0mm 3mm; margin:0mm; text-align:center; display:block;
	float:left;}
div.footer { width:16cm; padding:0mm 3mm; margin:0mm; text-align:center; display:block;
	float:left;}

#left-sidebar {width:2cm; padding:0mm 2mm; margin:1mm; 
	text-align:center; display:block; float:left; border:0px dotted;}
div.left-sidebar {width:2cm; padding:0mm 2mm; margin:1mm; 
	text-align:center; display:block; float:left; border:0px dotted;}

#right-sidebar {width:6cm; padding:0mm 5mm; margin:1mm;
	text-align:left; display:block; float:left; border:0px dotted;}
div.right-sidebar {width:6cm; padding:0mm 5mm; margin:1mm;
	text-align:left; display:block; float:left; border:0px dotted;}

/*
 * Special Formatting
 */

/* Biography Table */
div.person {float:left; width:100%; height:auto; margin:0.5mm; padding:0mm 10mm;
	text-align:center; border:0.2mm none saddlebrown;}
div.person img {float:left; margin: 0.3mm; padding:0.2mm; border:0.2mm solid #fbecc4;}
div.bio {float:left; text-align: left; width: 9cm; margin:0.2mm; padding:0mm 5mm; border:none 0.3mm;}

/* Standard Gallery: Array of Thumbnails */
div.thm {float: left; height:auto; width:auto; margin:3mm; padding:1mm 3mm;
	text-align: center; border:0.2mm outset brown; background:ghostwhite;}
div.thm img {display: inline; margin: 1mm; border: 0.2mm inset brown;}
div.thm img:hover {display: inline; margin: 1mm; border: 0.2mm inset slategrey;}
div.caption {text-align:center; font-weight:small; width: 25mm; margin: 1mm;}

/* form style*/
input {border:0.3mm inset brown; color:brown; background:moccasin;}
input.submit {border:0.3mm outset; color:brown; border-color:brown; background:#fbecc4;}
input.submit:hover {border:0.3mm inset; color:#2f4f4f; border-color:brown; background:moccasin;}
textarea {border:0.3mm inset brown; color:brown; background:moccasin;}

#feedback { width:10.5cm; height:8cm; padding:0mm 3mm; margin:0mm; text-align:left;
	display:block; float:left;}
#caution { width:4cm; height:8cm; padding:0mm 3mm; margin:0mm; text-align:left; color:saddlebrown; 
	display:block; float:left;}

/*
 * SetSpecial Text Styles
 */

/* Drop Caps */
span.drop {float:left; width:0.9em; color:brown; font-size:300%; line-height:70%; text-align:center;
	font-family:Atlas of the Magi,viner hand itc,purisa,free mono,courier new,courier;
	filter:alpha(opacity=100); opacity:1.0;}

/*
 * Set Special Menu Styles
 */

/* horizontal menu list*/
ul.hzmenu {float:right; list-style-type:none; display:block; background:none;}
ul.hzmenu a {float:right; display:block; width:25mm; padding:0mm; text-align:center;
	text-decoration:none; color:#2f4f4f; background-color:none;
	border:0.2mm solid; margin:0.5mm;}
ul.hzmenu a:hover {float:right; display:block;
	color:moccasin; text-decoration:none; background-color:slategrey;
	border:0.2mm inset;}
ul.hzmenu li {display:inline;}


/* right menu list*/
ul.rtmenu {list-style-type: none; padding:0mm;}
ul.rtmenu a {text-decoration:none; color:#2f4f4f;
	display:block; width:30mm; padding:0.35mm; margin:1mm; 
	text-align:center; border: solid 0.3mm; background:}
ul.rtmenu a:active {text-decoration:none; color:red;
	display:block; width:30mm; padding:0.35mm; margin:1mm; 
	text-align:center; border:inset #2f4f4f 0.3mm;}
ul.rtmenu a:hover {text-decoration:none; color:moccasin;
	display:block; width:30mm; padding:0.35mm; margin:1mm; 
	text-align:center; border: inset 0.3mm; background:slategrey}

/* left menu list */
ul.ltmenu {list-style-type:none; padding:0mm;}
ul.ltmenu a {text-decoration:none; color:#2f4f4f;
	display:block; width:80%; padding:0.35mm; margin:1mm; 
	text-align:center; border: solid #2f4f4f 0.2mm;}
ul.ltmenu a:active {text-decoration:none; color:red;
	display:block; width:80%; padding:0.35mm; margin:1mm; 
	text-align:center; border:inset red 0.2mm; background:slategrey;}
ul.ltmenu a:hover {text-decoration:none; color:moccasin;
	display:block; width:80%; padding:0.35mm; margin:1mm; 
	text-align:center; border: inset #2f4f4f 0.2mm; background:slategrey;}

/* graphical menu*/
ul.gxmenu {list-style-type: none; padding:0mm;}
ul.gxmenu a {text-decoration:none; color:#2f4f4f;
	display:block; width:30mm; height:4mm; padding:0.75mm; margin:1mm; 
	text-align:center; border: outset saddlebrown 0.2mm; background:url(images/hbar.png)}
ul.gxmenu a:active {text-decoration:none; color:red;
	display:block; width:30mm; height:4mm; padding:0.75mm; margin:1mm; 
	text-align:center; border:inset red 0.2mm; background:url(images/hbar.png)}
ul.gxmenu a:hover {text-decoration:none; color:slategrey;
	display:block; width:30mm; height:4mm; padding:0.75mm; margin:1mm; 
	text-align:center; border: inset saddlebrown 0.2mm; background:url(images/hbar.png)}

/* graphical link bar*/
ul.tbar {float:left; width:16cm; height=6mm; padding:0mm; margin:0mm; border:0.2mm outset saddlebrown;
	list-style-type:none; background-image:url(images/hbar.png); background-repeat:repeat-x}
ul.tbar a {float:left; display:block; width:25mm; height:4mm; padding:0.0mm;
	text-align:center; text-decoration:none; color:#2f4f4f; background-color:none;
	border-left:0.2mm solid; border-right:0.2mm solid; margin:1mm;}
ul.tbar a:hover {float:left; display:block; width:25mm; height:4mm; padding:0.0mm; text-align:center;
	color:moccasin; text-decoration:none; background-color:slategrey; margin:1mm;
	border-left:0.2mm inset; border-left:0.2mm inset;}
ul.tbar li {display:inline;}