/* style sheet for the Wales fanlisting */

body, html
{	min-height: 100%;
	color: #666666;
	font-size: 0.9em;
	background-color: #CCC;
	text-align: left;
	background-image: url(images/conwy.jpg);
	background-repeat: no-repeat;
	background-position: 789px bottom;
	background-attachment: fixed;
}


p, ul, li { font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Arial, sans-serif; }

div.container {
  min-height: 100%; 
}

div.falls
{	position: fixed;
	left: 0px;
	top: 0px;
	width: 249px;
	min-height:100%;
	background-image: url(images/falls.jpg);
	background-repeat: no-repeat; }

div.content
{	position: absolute;
	left: 249px;
	top: 306px;
	width: 540px;
	min-height:100%;
	background-color: #FFF; }

div.titleimage
{	position: absolute;
	left: 249px;
	top: 0px;
	width: 540px;
	height: 306px;
	background-image: url(images/titleimage.jpg);
	background-repeat: no-repeat; }

div.naviarea
{	position: absolute;
	left: 30px;
	top: 189px;
	width: 290px;
	height: 53px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3em;
	margin: 0px 0px 0px 20px; }

div.tab
{	background-image: url(images/navibutton.jpg);
	background-color: white;
	background-repeat: no-repeat;
	width: 71px;
	height: 26px;
	float: left;
	clear: none;
	padding: 1px;
	font-family: Times, serif; }

div.copy
{   position: fixed;
	bottom: 0px;
	color: #666;
	font-style: italic;
	font-weight: lighter;
	font-size: 0.9em;
}


a.navitext:link
{	color: #69C;
	text-decoration: none; }

a.navitext:visited 
{ 	color: #063; 
	text-decoration: none; }
		

a.navitext:active 
{	color: #9999cc;
	text-decoration: none; }

a.navitext:hover
{	color: #ff0033;
	text-decoration: underline; }


ul {list-style-type:disc; color:#063; }

li
{
	line-height: 1.8em;
	margin: 5px 30px 5px 0px;
}


p, h1, h2, h3 { margin: 20px 20px 10px 24px;  }

p { line-height: 1.7em; }

h1
{	color: #F00;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 1.3em;
	border-bottom: #063;
	border-width: 0 0 3px 0;
	border-style: none none solid none;
	font-family: Times, serif; }

h2
{	color: #063;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 1.1em;
	border-bottom: #063;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
	font-family: Garamond, Times, serif;
	margin: 20px 20px 10px 24px; }

h3
{	color: #063;
	font-size: 1.1em;
	border-bottom: #063;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	font-family: Garamond, Times, serif;
	margin: 20px 20px 10px 24px; }


p.eisisenna { text-indent: 0px; }
	
em
{
	color: #063;
	font-style: italic;
	font-weight: bold;
	font-family: Times, serif;
	font-size: 1.2em;
}


/*linkit*/	
a:link { color: #6699cc; 
		background: transparent none; 
		text-decoration: underline; }

a:visited { color: #669; 
		background: transparent none; 
		text-decoration: underline; }

a:active { color: #9999cc;
		background: transparent none; 
		text-decoration: none; }

a:hover
{	color: #ff0033;
	background: transparent none; 
	text-decoration: none;  }

/*codespurting*/


.credit
{	font-size: x-small;
	font-weight: lighter; }

tr { text-align: left; }

.codesort li
{
	display: inline;
	line-height: 2.2em;
	word-spacing: 2em;
}

.codesort p { text-indent: 0px; }