html,body { height: 100%; width:100%; } /* need this to make main div stretch to page bottom */

body
{
	margin: 0;
	padding: 0;
	
	color: #000000;
	background-color: #2f7778;
	font-family: "Trebuchet MS", sans-serif;
	background-image: url('../images/headerbg.jpg');
	background-repeat: no-repeat;

	
}

a { text-decoration: none; color: #A54240; }
a:hover {text-decoration: underline; color: #79302F; }

#header
{
	padding-left: 60px;
	padding-right: 60px;

	background-image: url('../images/boundarybg.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-top: 20px;
	padding-bottom: 50px;
	
	color: #f4f4f1;
	font-weight: bold;
	font-variant: small-caps;
	min-width: 876px;
}

h2 
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

p, li
{
	font-size: 0.95em;
	margin: 5px 0px 15px 0px;
	padding: 0;
}

#header li, #lang-link
{
	font-size: 1.1em;
}
#header a { color: #f4f4f1; }

img { border: none; }

#main
{

	background-color: #f4f4f1;
	min-height: 100%;
	min-width: 996px;
	background-image: url('../images/mainbg.png');
	background-repeat: repeat-x;
	padding-top: 20px;

}

#main p, h2
{
	padding-left: 60px;
	padding-right: 60px;
	max-width: 600px;
}

#top-patch, #crofters-patch, #episodes-patch
{
	padding-left: 60px;
	padding-right: 60px;
	
	width: 876px;
	clear: both;
	
	margin-bottom: 50px;
	
}

#top-patch h2, #crofters-patch h2, #episodes-patch h2 { padding-left: 0; padding-right: 0; }
#top-patch p, #crofters-patch p, #episodes-patch p { padding-left: 0; padding-right: 0; }

#top-patch-text
{
	padding-left: 500px;
	padding-top: 1px;
}

/*#nav-holder ul
{
	margin: 0;
	padding: 0;
	display: inline;
}*/

#crofters-patch ul, #episodes-patch ul
{
	margin: 0;
	padding: 0;
	
}
/*
#nav-holder li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav li
{
	padding-left: 13px;
	padding-right: 13px;
	border-left: 1px solid white;
}

#nav li.first
{
	border-left: none;
	padding-left: 0;
	
}
*/
#crofters-patch li
{
	margin: 0;
	padding-bottom: 0;
	width: 162px;
	float: left;
	list-style: none;
	padding-right: 10px;
}

#episodes-patch li
{
	margin: 0;
	padding-bottom: 0;
	width: 61px;
	height: 68px;
	padding-right: 9px;
	float: left;
	list-style: none;
}
#episodes-patch a { display: block; }
#episodes-patch img { opacity: 0; }
#episodes-patch img#stay { opacity: 1; }

/* defining the rollover this way should force caching of image */
a#ep1 { background-image: url('../images/wk1-over_61x68.jpg'); background-repeat: no-repeat; }
a#ep1:link, a#ep1:visited { background-image: url('../images/wk1_61x68.jpg'); }
a#ep1:hover { background-image: url('../images/wk1-over_61x68.jpg'); }

a#ep2 { background-image: url('../images/wk2_61x68.jpg'); background-repeat: no-repeat; }
a#ep2:link, a#ep2:visited { background-image: url('../images/wk2_61x68.jpg'); }
a#ep2:hover { background-image: url('../images/wk2-over_61x68.jpg'); }

a#ep3 { background-image: url('../images/wk3_61x68.jpg'); background-repeat: no-repeat; }
a#ep3:link, a#ep3:visited { background-image: url('../images/wk3_61x68.jpg'); }
a#ep3:hover { background-image: url('../images/wk3-over_61x68.jpg'); }

a#ep4 { background-image: url('../images/wk4_61x68.jpg'); background-repeat: no-repeat; }
a#ep4:link, a#ep4:visited { background-image: url('../images/wk4_61x68.jpg'); }
a#ep4:hover { background-image: url('../images/wk4-over_61x68.jpg'); }

a#ep5 { background-image: url('../images/wk5_61x68.jpg'); background-repeat: no-repeat; }
a#ep5:link, a#ep5:visited { background-image: url('../images/wk5_61x68.jpg'); }
a#ep5:hover { background-image: url('../images/wk5-over_61x68.jpg'); }

a#ep6 { background-image: url('../images/wk6_61x68.jpg'); background-repeat: no-repeat; }
a#ep6:link, a#ep6:visited { background-image: url('../images/wk6_61x68.jpg'); }
a#ep6:hover { background-image: url('../images/wk6-over_61x68.jpg'); }

a#ep7 { background-image: url('../images/wk7_61x68.jpg'); background-repeat: no-repeat; }
a#ep7:link, a#ep7:visited { background-image: url('../images/wk7_61x68.jpg'); }
a#ep7:hover { background-image: url('../images/wk7-over_61x68.jpg'); }

a#ep8 { background-image: url('../images/wk8_61x68.jpg'); background-repeat: no-repeat; }
a#ep8:link, a#ep8:visited { background-image: url('../images/wk8_61x68.jpg'); }
a#ep8:hover { background-image: url('../images/wk8-over_61x68.jpg'); }

a#ep9 { background-image: url('../images/wk9_61x68.jpg'); background-repeat: no-repeat; }
a#ep9:link, a#ep9:visited { background-image: url('../images/wk9_61x68.jpg'); }
a#ep9:hover { background-image: url('../images/wk9-over_61x68.jpg'); }

a#ep10 { background-image: url('../images/wk10_61x68.jpg'); background-repeat: no-repeat; }
a#ep10:link, a#ep10:visited { background-image: url('../images/wk10_61x68.jpg'); }
a#ep10:hover { background-image: url('../images/wk10-over_61x68.jpg'); }

a#ep11 { background-image: url('../images/wk11_61x68.jpg'); background-repeat: no-repeat; }
a#ep11:link, a#ep11:visited { background-image: url('../images/wk11_61x68.jpg'); }
a#ep11:hover { background-image: url('../images/wk11-over_61x68.jpg'); }

a#ep12 { background-image: url('../images/wk12_61x68.jpg'); background-repeat: no-repeat; }
a#ep12:link, a#ep12:visited { background-image: url('../images/wk12_61x68.jpg'); }
a#ep12:hover { background-image: url('../images/wk12-over_61x68.jpg'); }

#main-pic
{
	float: left;
	
}

#lang-link
{
	border: none;
}


.clearer
{
	clear: both;
}

#ep-bot-p
{
	padding-bottom: 50px;
}

#profile-pic
{
	float: right;
	padding-right: 130px;
	padding-left: 20px;
	padding-bottom: 30px;
}