/* 
	Learning to let go settings
	Name of the cookie 			
	<cookieName>ltlgdemo</cookieName>

	Filename of the footer, applied before the form
	<header>header.html</header>
	Filename of the footer, applied after the form
	<footer>footer.html</footer>
	
	Defines if the form should be written out as XHTML or not.
	$isXHTML = true; false or true

	Possible stylesheets
	the titles will be displayed in the dropdown
	the values in between the tags are the filenames (without .css)
	<style title="green and images">maincss</style>
	<style title="no images">imagefree</style>
	
	The following variables will be replaced by the data entered in the form;
	you can define a preset here. Make sure to end your preset with a semi
	colon.
	
	Position of the navigation
	bottom=0, top=1, left=2, right=3
	$navpos = 2; 
	$centercontent = on;  on or off
	$css = maincss; 

	$fontSize = 90%;
	$contentWidth = 800px;
	$background = #ccc;
	$foreground = #333;
	$linkColour = #369;
	$visitedLinkColour = #333;
	$navLinkColour = #fff;
	$navVisitedLinkColour = #ccc;
	
	
	
	
	Note:do not change the syntax of the comments of the <> tags!
*/

/* Link Settings */
/* <links> */
	div#mainnav a{
		color:$navLinkColour;
	}
	div#mainnav a:visited{
		color:$navVisitedLinkColour;
	}
	div#content a{
		color:$linkColour;
	}
	div#content a:visited{
		color:$visitedLinkColour;
	}
	div#customise a{
		padding:0 1em;
		color:#ffc;
	}
/* </links> */


/* Standard settings */
/* <standard> */
	body {
		font-size:$fontSize;
		padding-top:5px;
	}
	div#mainboundarybox{
		width:$contentWidth;
		position:relative;
	}
	div#customise{
		position:absolute;
		bottom:0px;
		left:0px;
	}
	div#content {
		background:$background;
		color:$foreground;
	}
/* </standard> */

/* Settings for centered content */
/* <centered> */
	body {
		padding-top:5px;
		text-align:center;
		font-size:$fontSize;
	}
	div#customise{
		position:absolute;
		bottom:0px;
		right:0px;
	}
	
	
	div#mainboundarybox{
		margin:auto;
		text-align:left;
		width:$contentWidth;
		position:relative;
	}
	div#content {
		background:$background;
		color:$foreground;
	}
/* </centered> */

/* Settings necessary for the navigation to be on the top */
/* <top> */
	#content{
		margin-top:2em;
	}
	div#mainnav{
		position:absolute;
		top:100px;
		left:0px;
		height:2em;
		width:100%;
		background:#333;
	}
	div#mainnav ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	div#mainnav li{
		line-height:200%;
		display:inline;
		padding:0 0 0 1em;
		margin:0;
	}
	div#mainnav a{
		text-decoration:none;
	}
	div#mainnav a:hover,div#mainnav strong a{
		font-weight:normal;
		color:#fff;
	}
	
/* </top> */

/* Settings necessary for the navigation to be on the bottom */
/* <bottom> */
	div#mainnav{
		background:#000;
	}
	div#mainnav ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	div#mainnav li{
		line-height:200%;
		display:inline;
		padding:0 0 0 1em;
		margin:0;
	}
	div#mainnav a{
		text-decoration:none;
	}
	div#mainnav a:hover,div#mainnav strong a{
		font-weight:normal;
		color:#fff;
	}
/* </bottom> */

/* Settings necessary for the navigation to be on the left */
/* <left> */
	div#mainboundarybox{
		background:url(leftnav.jpg) bottom left no-repeat #372931;
		position:relative;
	}
	div#mainnav{
		position:absolute;
		top:120px;
		left:0px;
		width:190px;	
	}
	div#content{
		margin-left:190px;			
	}

	div#mainnav ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	div#mainnav li{
		width:190px;
		line-height:120%;
		margin:0;
		background:transparent;
		color:#fff;
		margin-bottom:2px;
	}
	div#mainnav a{
		border-top:1px solid #372931;
		border-bottom:1px solid #372931;
		padding:5px .5em;
		display:block;
		text-decoration:none;
	}
	div#mainnav a:hover,div#mainnav strong a{
		border-top:1px solid #1B1D15;
		border-bottom:1px solid #685E64;
		font-weight:normal;
		color:#fff;
		background:#222;
	}
	div#content{
		border-left:1px solid #000;
	}
/* </left> */

/* Settings necessary for the navigation to be on the right */
/* <right> */
	div#mainboundarybox{
		background:url(rightnav.jpg) bottom right no-repeat #372931;
	}
	div#mainnav{
		position:absolute;
		top:110px;
		right:0px;
		width:190px;	
	}
	div#mainnav ul{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	div#mainnav li{
		width:190px;
		line-height:120%;
		margin:0;
		background:transparent;
		color:#fff;
		margin-bottom:2px;
	}
	div#mainnav a{
		border-top:1px solid #372931;
		border-bottom:1px solid #372931;
		padding:5px .5em;
		display:block;
		text-decoration:none;
	}
	div#mainnav a:hover,div#mainnav strong a{
		border-top:1px solid #1B1D15;
		border-bottom:1px solid #685E64;
		font-weight:normal;
		color:#fff;
		background:#222;
	}

	div#content{
		margin-right:190px;
	}
	div#content{
		border-right:1px solid #000;
	}
/* </right> */

