/********************************************************************
= Basic elements
********************************************************************/

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

abbr,
acronym {
	border-bottom: 1px dashed;
	cursor:help
}

a img {
	border: none;
}



/********************************************************************
= Basic classes
********************************************************************/

.hidden {
	display: none;
}

/* Malarki Image Replacement http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html */
.mir { 
	letter-spacing: -1000em;
}
/*\*/html>body .mir {		/* Be nice to Opera, but hide from MacIE. */
	letter-spacing: normal;
	text-indent : -999em;
	overflow : hidden;
}


/********************************************************************
= Layout
********************************************************************/

html {
	background: url(/images/flag/hd-banner.png) repeat-x top;
}

body {
	margin: 0;
	padding: 0;
	background: url(/images/flag/ft-banner.png) repeat-x bottom;
}

/* Wrapper */
div#doc {
	width: auto;
	max-width: 1024px;
}

.yui-t2 .yui-b {
}

/* Header */
div#hd {
	margin: 0 20px;
}


	div#banner {
		position: relative;
		padding: 17px 0;
		font: bold 1em Verdana, Arial, Helvetica, clean, sans-serif;
		text-transform: uppercase;
		color: white;
	}

		div#banner ul {
			margin: 0;
		}

		div#banner a {
			text-decoration: none;
			color: #eee;
		}

		div#banner a:hover {
			text-decoration: underline;
			color: white;
		}

		div#lang abbr {
			border: none;
		}
		
		div#lang ul li {
			display: inline;
			color: white;
		}
		
			div#lang ul li img {
				vertical-align: top;
				padding-right: 3px;
			}
			
			div#lang ul li a,
			div#lang ul li a:visited {
				padding: 3px 5px;
			}

			div#lang ul li.selected a {
				text-decoration: none;
				color: white;
				background: #E1948E;
				-moz-border-radius: 5px;
			}

			div#lang ul li.selected a:hover {
				border: none;
				cursor: default;
			}

			div#lang ul li a:hover {
				text-decoration: none;
				border-top: 2px solid #E1948E;
				border-bottom: 2px solid #E1948E;
				-moz-border-radius: 5px;
			}

		div#user {
			position: absolute;
			top: 17px;
			right: 14em;					/* also defined in flag-ie6.css */
			font-size: .85em;
		}

			div#user ul li {
				display: inline;
				padding: 0 0 0 .6em;
				border-left: 2px solid #eee;
			}

			div#user ul li.first {
				padding: 0 .3em 0 0;
				border-left: none;
			}

		div#search {
			position: absolute;
			top: 15px;
			right: 0px;					/* also defined in flag-ie6.css */
			font-size: .85em;
		}

			div#search form {			/* also defined in flag-ie6.css */
			}

				div#search form fieldset {			/* also defined in flag-ie6.css */
					margin: 0;
					padding: 0;
				}

				div#search form fieldset legend {
					display: none;
				}

				div#search form input.FSF_input {
					width: 10em;
				}

				div#search form input.FSF_submit {
					margin-left: 5px;
					padding: 0;
				}

	h1#logo {
		width: 960px;
		height: 100px;
		margin: 40px 0 0;
		font: 3em Georgia;
		background: url(/images/flag/hd-logo.png) no-repeat;
		cursor: pointer;
	}

		h1#logo a {
			display: block;
		}


/* Sidebar */
div.sidebar {
}

	div.sidebar ul {
		margin: 0;
		padding: 0;
		list-style:none;
	}

	div.sidebar ul.accordian {
		margin-left: 20px;					/* also defined in flag-ie6.css */
		font: 1.5em 'Lucida Sans Unicode', 'Lucida Grande', Arial, clean, sans-serif;
	}

		div.sidebar ul.accordian li {		/* also defined in flag-ie6.css */
			display: block;
			border-top: 1px solid #ccc;
		}

		div.sidebar ul.accordian li.selected {
			background: url(/images/flag/arrow-red.png) no-repeat 0px .5em;
		}
	
		div.sidebar ul.accordian li.first {
			border-top: none;
		}

			div.sidebar ul.accordian li span.panelTitle {
				display: block;
				padding: .2em 0;
				padding-left: 13px;
				color: #870413;
				border-top: 1px solid transparent;		/* also defined in flag-ie6.css */
				border-bottom: 1px solid transparent;	/* also defined in flag-ie6.css */
				cursor: pointer;
			}
	
				div.sidebar ul.accordian li a {
					display: block;
					color: #860413;
					text-decoration: none;
				}
	

			div.sidebar ul.accordian li span.panelTitle:hover,
			div.sidebar ul.accordian li span.hover {
				background: url(/images/flag/arrow-red.png) no-repeat 0px .5em;
			}

			div.sidebar ul.accordian li span.selected {
				padding-left: 5px;
				background: #B00518;
				color: white;
				border: 1px solid #860413;
				border-left: 8px solid #860413;
				border-right: none;
				cursor: default;
			}
	
			div.sidebar ul.accordian li span.selected:hover {
				background: #B00518;
				cursor: default;
			}

			div.sidebar ul.accordian ul.panelContent li {
				margin-left: 15px;
				padding: .25em 0 .25em 15px;				/* also defined in flag-ie6.css */
				border: none;
				font-size: .75em;
				color: black;
			}

				div.sidebar ul.accordian ul.panelContent li a {
					display: block;
					color: black;
					cursor: default;
				}

			div.sidebar ul.accordian li ul.panelContent li:hover,
			div.sidebar ul.accordian li ul.panelContent li.hover,
			div.sidebar ul.accordian li ul.panelContent li.selected {
				color: #860413;
				background: url(/images/flag/arrow-red.png) no-repeat 0px .4em;
			}

				div.sidebar ul.accordian ul.panelContent li a:hover {
					color: #860413;
				}

				div.sidebar ul.accordian ul.panelContent li.selected a {
					color: #860413;
					cursor: default;
				}

/* Footer */
div#ft {
	position: relative;
	height: 74px;
	margin: 40px 20px 0;
	text-align: center;
	font: 1em Verdana, Arial, Helvetica, clean, sans-serif;
	color: #ddd;
}

	div#ft ul {
		margin: 0;
		padding: 20px 0 10px;
	}

	div#ft ul li {
		display: inline;
		padding: 0 .3em 0 .5em;
		border-left: 1px solid white;
	}

	div#ft ul li.first {
		border-left: none;
	}

	div#ft ul li a,
	div#ft ul li a:visited {
		text-decoration: none;
		color: #ddd;
	}

	div#ft ul li a:hover {
		text-decoration: underline;
		color: white;
	}

	div#ft p {
		margin: 0;
		font-size: .85em;
	}

	div#ft a.ldsmn-button {
		position: absolute;
		top: 22px;		
		right: 0;
	}

/* Content */
div#yui-main div.yui-u {
	margin-right: 20px;
	font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', Arial, clean, sans-serif;
	color: #363636;
}

	div#yui-main div.yui-u h2,
	div#yui-main div.yui-u h3,
	div#yui-main div.yui-u h4,
	div#yui-main div.yui-u h5,
	div#yui-main div.yui-u h6 {
		font-family: Georgia, 'Palatino Linotype', 'Times New Roman', serif;
		font-weight: normal;
		line-height: 1;
		color: #9ba33c;
		margin: 1.4em 0 .6em;
	}

	div#yui-main div.yui-u h2 {
		margin-top: 0;
		font-size: 1.8em;
	}

	div#yui-main div.yui-u h3 {
		font-size: 1.4em;
	}

	div#yui-main div.yui-u h4 {
		font-size: 1.2em;
	}

	div#yui-main div.yui-u h5,
	div#yui-main div.yui-u h6 {
		font-size: 1em;
		font-weight: bold;
	}

	div#yui-main div.yui-u h6 {
		color: #363636;
	}

	div#yui-main div.yui-u div.intro {
		font-size: 1.2em;
	}

	div#yui-main div.yui-u p {
		margin: .4em 0 .8em;
		line-height: 1.5;
	}

	div#yui-main div.yui-u ul {
	}

		div#yui-main div.yui-u ul li {
			display: list-item;
			margin: .4em 0 .4em;
			padding-left: 2.5em;
			line-height: 1.5;
			background: url(/images/flag/bullet.png) no-repeat 1em .5em;
		}

		div#yui-main div.yui-u ol li {
			margin: .4em 0 .4em 2.5em;
			list-style-type: decimal;
			line-height: 1.5;
		}

	div#yui-main div.yui-u dl {
		margin: 1em 0;
	}
	
		div#yui-main div.yui-u dl dt {
			margin: .5em 0 0;
			font-weight: bold;
		}
		
		div#yui-main div.yui-u dl dd {
			margin-left: 2.5em
		}

	div#yui-main div.yui-u a:link {
		color: #B00518;
	}

	div#yui-main div.yui-u a:visited {
		color: #860413;
	}

	div#yui-main div.yui-u a:hover {
		color: #9ba33c;
	}

	div#yui-main div.yui-u label {
		display: block;
		margin: 1em 0 .4em;
	}
	
	div#yui-main div.yui-u input,
	div#yui-main div.yui-u textarea {
		display: block;
		margin: .4em 0;
	}
	
	#forum div#yui-main div.yui-u input,
	#forum div#yui-main div.yui-u textarea {
		display: inline;
		margin: auto;
	}

	div#yui-main div.yui-u img.inline {
		padding: 10px;
		float: right;
	}

	div#yui-main div.yui-u .byline {
		font-size: .85em;
		font-style: italic;
		color: #666;
	}

	div#yui-main div.yui-u .footnote {
		font-size: .85em;
	}

	div#yui-main div.yui-u .footnote * {
		margin: .4em 0 .4em;
	}

	div#yui-main div.yui-u p span.footnote,
	div#yui-main div.yui-u .footnote .symbol {
		vertical-align: super;
	}
	
	img.random {
		float: right;
		margin: 10px 0 10px 10px;
	}

	canvas.random,
	var.random {
		float: right;
	}

body#faq div#yui-main p.question {
	margin-top: 1.5em;
	font-weight: bold;
}