/* Happy Cog 3.0 layout - happycog.com */
	/* Last updated 17 February 2006  */
	/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2004-2006 Happy Cog Studios and may not be used by anyone but us. No stealing. We will find you. */ 
	
	/* Layout divisions and rules */

body	{ margin: 0; padding: 0; border: 0; text-align: center; color: #4d4e53; background: #fff; }


body, p {
  font-family:baskerville, times, serif;
  font-size: 12px;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */


.hidden {display:none;}
img	 { border: 0; display: block; }
.clearer {clear:left;line-height:0;height:0;}
noscript {color:#000;font: 900 120% arial;}

div#wrapper	{
	margin: 10px auto;
	padding: 0;
	border:0;
	width: 800px;
	height:auto;
	text-align: left;border-top:1px solid #c0ddea;
	}

/* ---------- BANNER ----------- */

#header {width:800px;height: 40px; padding:  0; margin: 0;padding:0;position:relative;}
html>body #header {height:auto;min-height:40px;}

#headlogo {float:left;margin:0 auto;padding:0;border:0; background: transparent url(../g/logo_o.gif) 12px 6px no-repeat;width:300px;height:40px;}
#logo {float:left;position:relative;margin:0;padding:0;border:0;background: transparent url(../g/logo.gif) 12px 6px no-repeat;width:300px;height:40px;}
#logo:hover, #logoindex:hover {background: url(../g/logo_o.gif) 12px 6px no-repeat;}

/* ---------- Menu ----------- */

#nav {position:relative; display:block;padding:0; border: 0; margin:16px 0 0 0;width:800px;background:#c0ddea;clear:both;}

#nav ul {  margin: 0; padding:0;  }
#nav ul li {display:inline;list-style: none; padding: 0 0 0 4px; margin: 0;}
#nav ul li a {padding:0.5em;margin:0;border:0; background: transparent;border-right:1px solid #fff;font:100 100%/2em 'trebuchet ms', arial, sans-serif;text-transform:lowercase;}
#nav ul li.back a {border-right:;}


/* ---------- STRUCTURE ----------- */


#content	{
	position:relative;display:block;z-index:1000;
	width:800px;height:450px;
	margin:0;
	padding:  0 0 0 0;
	border:0;
	}
html>body #content {height:auto;min-height:100px;}

#maincontent	{	
	position:relative; 
	width: 450px;
	height: 200px;
	padding:0 ;
	margin: 0 0 0px 0;
	border-right:solid 1px #c0ddea;
	}
html>body #maincontent	{height:auto;min-height:200px;}
html>body#eve #maincontent	{width:799px}


#sidebar	{
	position:absolute;top:0px;left:450px; 
	width: 348px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	height: 200px;

	}
html>body #sidebar	{height:auto;min-height:100px;}


/* ---------- Page Image ----------- */

#image {display:block;position:relative;width:798px;height:250px;padding:0;margin:0 0 0 1px;border-top:10px solid #c0ddea;}
html>body #image {height:auto;min-height:250px;}

/* ---------- Background Images----------- */

body#home div#image { background: transparent url(../i/image1.jpg) top left  no-repeat;z-index:-1;}
body#gal div#image { background: transparent url(../i/image2.jpg) left no-repeat;z-index:-1;}
body#con div#image { background: transparent url(../i/image3.jpg) left no-repeat;z-index:-1;}
body#abt div#image { background: transparent url(../i/image4.jpg) left no-repeat;z-index:-1;}
body#eve div#image { background: transparent url(../i/image5.jpg) left no-repeat;z-index:-1;}

body#pl div#image, body#ps div#image, body#ol div#image, body#os div#image, body#oth div#imagebody#com div#image, body#rd div#image, body#com div#image {height:auto;min-height:400px;/* border:1px solid #c0ddea; */}

div#content {background: transparent url(../g/curve_bg2.gif) bottom  no-repeat;padding-bottom:20px;z-index:1;}

body#os #content {background: transparent url(../g/curve_bg2.gif) bottom  no-repeat;padding-bottom:20px;}

#wrapper {background: transparent url(../g/borders.gif) top repeat;}

/* ----------- Subnav ----------- */

#subnav {position:relative;display:block;margin:0 0 0 600px;padding:6px 0; width: 200px;height:40px;border:0;clear:right;}
html>body #subnav	{height:auto;min-height:40px;}
#subnav ul	{ margin: 0 ; padding: 0; border: 0; width: 200px;}

#subnav ul li { margin: 0; padding: 0; list-style: none; width: 200px;padding:0 ;}
#subnav ul li a {  text-decoration: none; }

/* ---------- Linkage ---------- */
	
a:link, a:visited {
	font-weight : 100; 
	text-decoration : underline;
	color: #5eb0e5;
	background: transparent; 
	}

a:hover {
	font-weight : 100; 
	text-decoration : underline;
	color: #747679;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #53caeb;
	background: transparent;  
	}

#sidebar dl dd a { text-decoration : underline; }

#sidebar a:active	{ color: #666; }

#sidebar ul li a:link, #sidebar ul li a:visited	{ color: #999; }
#sidebar ul li a:hover { color: #666; }
#sidebar ul li a:active { color: #c60; }

#footer p a:link, #footer p a:visited { color: #747679; text-decoration:none;}
#footer p a:hover	{ font-weight:100;text-decoration:underline; }
#footer p a:active	{ color: #999; font-weight:900;text-decoration:none; }
	
.back a:link, .back a:visited {color:#333;text-decoration:none;}
.back a:hover, .back a:active {color: #5eb0e5;}
.back a:after {content:']';}
.back a:before {content:'[';}

.top a:link, .top a:visited {color:#333;text-decoration:none;}
.top a:hover, .top a:active {color: #5eb0e5;}
.top a:after {content:']';}
.top a:before {content:'[';}

h1 a:link, h1 a:visited { color: #999;text-decoration:none; }
h1 a:hover	{ font-weight:100;color: #81B2D9; }
h1 a:active	{ color: #999; }

#nav a:link, #nav a:visited { color: #666;text-decoration:none; }
#nav a:hover	{ font-weight:100;color: #5eb0e5; text-decoration:underline;}
#nav a:active	{ color: #000; }


/* ---------- Body typography ---------- */

p	{ line-height: 1.1em; margin-top: 0; padding-top: 0; }

#sidebar p { padding:0;margin:0 0 1em 0;width:90%;}
#maincontent p	{ padding:0;margin:0 0 1em 0;}

hz {font:900 300% 'century gothic', sans-serif;padding:0;margin:0 0 1em 0;}
h1	{ font:900 120%/150% baskerville, times, serif; text-transform:capitalize;padding:4px 0 4px 12px;margin:0; color:#747679;border-bottom:1px dotted #c0ddea; }
h2	{ font:900 120%/150% baskerville, times, serif; text-transform:capitalize;padding:4px 0 4px 12px;margin:0; color:#747679;border-bottom:1px dotted #c0ddea; }
h3 { font:100 120%/150% baskerville, times, serif; text-transform:capitalize;padding:4px 0 4px 12px;margin:0; color:#747679;border-bottom:1px dotted #c0ddea;}
h4 {font: italic 900 100% baskerville, times, serif;margin: 1em 0;}
h5 {font: italic 900 100% baskerville, times, serif;margin: 1em 0;}
h6 {font: 100 0.9em arial; margin: 0; padding: 0 5px 15px 10px; background: #fff;}

.scrollbox p {font: 100 100% baskerville, times, serif;width:90%;}

#subnav {font:100 90%/120% 'trebuchet ms', arial, sans-serif;color:#747679;}

#footer p 	{ font-size: 0.9em; color: #747679; }
#footer a {padding:0 2px;}

em, p.italic {font:italic 94%  times, serif;}
.bold {font-weight:900;}
.nopadding {margin:0 0 1em 0;}

/* ---------- Boxes ---------- */


.scrollbox {height:160px;overflow: auto;padding:0;margin:6px 0 0 12px;}
html>body .scrollbox {height:auto;min-height:100px;max-height:160px;}
.scrollbox ul {display:block;list-style: none; margin:0; padding:0;clear:left;}
.scrollbox ul li {font:100 100% 'trebuchet ms', arial, sans-serif;text-transform:capitalize;margin:6px 0 0 0;}
.scrollbox ul li a {text-decoration:none;}

body#gal #maincontent .scrollbox ul li {list-style: disc inside;color:#5eb0e5;}
body#gal #maincontent .scrollbox ul li:hover {list-style: disc inside;color:#747679;}

.textbox {height:150px;overflow: auto;padding:6px 0 0 12px;margin:0;width:335px;}
html>body .textbox {height:auto;min-height:100px;max-height:160px;}


.textbox ul {display:block;list-style: none; margin:0 0 20px 0; padding:0;clear:left;}
.textbox ul li {margin:2px 0;padding:0;}
.textbox ul li a {text-decoration:none;}

 dl {margin:12px 0;padding:0 0;width:60%;}
 dt {margin:12px 0 0 0;padding:0;/*text-transform:capitalize;*/font-weight:900;}
 dt.dotted {border-bottom:1px dotted #747679;}
 dd {margin:2px 12px;padding:0  0;}

.diary {height:200px;padding:6px;margin:16px 0;}


/* ---------- Rollover Images ---------- */


div#thumbs img {width:65px;}

div#thumbs {width: 400px;height:200px;margin:0 0 0 12px; padding: 0;}
html>body div#thumbs { height:auto;min-height:100px;}


div#thumbs ul {display:block;width:450px;list-style: none; margin: 0; padding:10px 0 0 0;clear:left;}

div#thumbs ul li {float:left; width: 67px; padding:0; margin:0 6px 16px 0;font: 80% arial;text-align:center;text-transform:capitalize;}
div#thumbs ul li a {display:block;width:65px;padding:0;margin:0; border: 1px solid #999;}	
div#thumbs ul li a:hover { border-color: #c0ddea;}
div#thumbs ul li:hover {color: #c0ddea;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; bottom:30px; left: 12px; width: 250px; margin: 0; z-index: 100;background:transparent ;
	font:italic 130%/1em times;padding: 0;text-align: left; color:#333; }

div#thumbs li.one:hover p:first-letter {text-transform:capitalize;}

#rollover {position: absolute;top: 0; left:0; width: 798px;height: 200px; margin: 0;padding:0;border:0;z-index:-1;}
html>body #rollover { height: auto; min-height: 200px; }

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: 210px; left: 1px; height: 400px; width: 798px}



/* ---------- You are here ---------- */

body#home .hm, body#gal .gal, body#eve .eve, body#abt .abt, body#con .con  {color:#;font-weight:900;}
body#home a.hm:hover, body#gal a.gal:hover, body#eve a.eve:hover, body#abt a.abt:hover, body#con a.con:hover   {color:#666;font-weight:900;text-decoration:none;}

body#home .hm1, body#gal .gal1, body#eve .eve1, body#abt .abt1, body#con .con1  {color:#;font-weight:900;}
body#home a.hm1:hover, body#gal a.gal1:hover, body#eve a.eve1:hover, body#abt a.abt1:hover, body#con a.con1:hover   {font-weight:900;text-decoration:none;}

/* ---------- Footer ---------- */

#footer {
	position:relative;display:block;clear: both;
	border:0;
	margin: 10px auto;
	padding: 0;
	width: 800px;
	text-align: left;
	color:#333;
	}
body#index #footer {text-align:left;}

.back {position:absolute;bottom:0;left:0;padding:6px 0;margin:0 16px;font:100 90%/100% arial;} 
.next {position:absolute;bottom:0;left:50px;padding:6px 0;margin:0 16px;font:100 90%/100% arial;} 

.top {position:absolute;bottom:-10px;left:260px;padding:6px 0;margin:0 16px;font:100 90%/100% times;} 

/* ---------- Horizontal ruler ---------- */


div.hr {display: none}
/*/*/a{}
div.hr {
  display: none;

}
hr {display:none}
/* */

div.hr2 {display: none}
/*/*/a{}
div.hr2 {
  display: block;
  height: 1px;width:100%;
  background: #968c85 url(../g/dot.gif) no-repeat;
  margin: 1em 0;
}
hr {display:none}
/* */