/* (c) K.S.R. van Poelgeest
   (u) www.bitnoir.com
	 V1.0 Originally created: 080604
	 Version history: n/a
---------------------------------------------- */
@import url('/chronology/2009/theme/skin.css'); /* variables */

/* Basic properties
   To view generic CSS classes, see bottom
---------------------------------------------- */
#skip {
	display:none !important;
	visibility:hidden !important;
	width:0;height:0;
	}
	h1,h2,h3,h4,h5,h6,.box .caption
	{
		font-family:Arial,Verdana,Helvetica,Sans-serif;
	}
	p, a, address, cite, code, del, em, font, strong, dt, dd, li, fieldset, label, legend, caption, tr, th, td, textarea, input, select, option
	{
		font-family:Arial,Verdana,Helvetica,Sans-serif;
	}
	sub,sup {
		font-family:Arial,Verdana,Helvetica,Sans-serif;
		}


/* General settings
---------------------------------------------- */
applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, a img, ins, kbd, q, s, samp, small, strike, strong, tt, var, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	}
	img, a img {border:0;}
	object { outline:none; }
	sub,sup {
		margin:0;
		padding:0;
		outline:0;
		border:0;
		}
:focus { outline: 1px; }
ins {
	text-decoration: none;
	color:#330;
	font-style:italic;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.hide	  { display:none; visibility:hidden; height:0; width:0; }

.pushObjLhs { float: left;  margin-right:10px;}
.pushObjRhs { float: right; margin-left:10px; }

.txtAlignLhs     { text-align: left; }
.txtAlignRhs     { text-align: right; }
.txtAlignJustify { text-align: justify; }
hr {
	background:none;
	border-top:1px dotted;
	border-bottom:0;
	margin:10px 0;
	height:1px;
	}
em {font-style:italic;}
strong {font-weight:bold;}

blockquote,q {
	display:block;
	border-top:1px dotted;
	border-bottom:1px dotted;
	margin:15px 0;
	padding:10px 0 0;
	}
	blockquote ol,blockquote ul {margin-top:0;}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
		}

/* Base
---------------------------------------------- */
body {
	margin:0;
	padding:0;
	line-height:130%;
	font-size:76%;
	font-size:small;
	overflow:auto;
	}
	#night {margin:0;padding:0;}
html, body, html body {	min-height:100%;}
img, a img {
	border:0;
	}
ul,li {
	list-style:none;
	margin:0;
	padding:0;
	}
	a {
		color:#f20;
		}
		a:hover {
			text-decoration:none;
			}
#breadcrumb {
	margin:-50px 30px 0.5em 40px;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);
 	}
	#breadcrumb p  {
		margin:0;
		padding:0;
		font-size:9px;
		}
	.B_firstCrumb a {
		font-weight:bold;
		}

		#links {
			padding-top:2em;
			clear:left;
			display:block;
			}
			#links ul {
				margin:10px 0;
				}
				#links li {
					float:left;
					margin:0 0.1em;
					list-style:none;
					}
					#links a {
						text-decoration:none;
						border-bottom:1px dotted #f60;
						color:#f30;
						}
						#links a:hover {
							border-color:#fff;
							}


.column {
	display:block;
	float:left;
	width:20%;
	margin-right:4%;
	}
.cola {
	display:block;
	float:left;
	width:44%;
	margin-right:4%;
	}

ul {
	margin:0.4em 2em 1em;
	}
	li {
		list-style:square;
		}

.extra ul {
	margin:1em 0;
	}
	.extra li {
		padding-bottom:1px;
		margin:1px 0 0;
		list-style:none;
		}
		.extra li a {
			display:block;
			background:transparent;
			text-decoration:none;
			}
			.extra li a:hover {
				color:#620;
				background:#fff;
				}

				
#infocontainer {
	height:300px;
	overflow:hidden;
	padding-right:1em;
	padding-bottom:140px;
	}


ul.media {
	margin:0;
	}
.media li {
	float:left;
	margin-right:2px;
	list-style:none;
	}


/* Meta footer
---------------------------------------------- */
#metafoot {
	display:block;
	clear:both;
	height:6em;
	overflow:auto;
	margin:1.5em 0 0.5em;
	padding:0.5em 0 0 2px;
	color:#303030;
	background-position:top center;
	background-repeat:no-repeat;
	}
	#metafoot p {
		float:left;
		margin:20px 0;
		width:520px;
		}
	#metafoot a {
		text-decoration:none;
		font-size:0.85em;
		color:#333;
		}
	#metafoot a:hover {
		text-decoration:underline;
		}


		/* Text styling, markup
		---------------------------------------------- */ 
		p table, p ol, p ul { /* overcome flaws in CMS-editor output */
			margin:0;
			}

		/* anchors */
		a:link[rel="external"],
		a:visited[rel="external"] {
			padding:0 4px 0 0;
			}
		a:hover[rel="external"],
		a:focus[rel="external"],  
		a:active[rel="external"] {
			outline:1px dotted invert;
			}

		a {
			text-decoration:underline;
			}
		a:hover,
		a:focus,
		a:active {
			text-decoration:none;
			color:#0f0;
			}
		a:active {
			}


		/* Master markup
		---------------------------------------------- */
		#content {
			font-size:1em;
			}
		h1 {
			font-size:2em;
			font-weight:bold;
			line-height:1.2em;
			padding-bottom:0.3em;
			margin:0 0 0.3em;
			color:#f20;
			}
		h2 {
			font-size:1.4em;
			font-weight:bold;
			line-height:1.2em;
			padding-bottom:0.2em;
			color:#f0f0b0;
			}
		h3 {
			font-size:1.3em;
			font-weight:bold;
			line-height:1.1em;
			padding-bottom:0.2em;
			color:#f0f0b0;
			}
		h4 {
			font-size:1.3em;
			font-weight:bold;
			line-height:1.1em;
			padding-bottom:0.2em;
			color:#f0f0b0;
			}
		h5 {
			font-size:1.1em;
			font-weight:bold;
			line-height:1.1em;
			padding-bottom:0.2em;
			color:#f0f0b0;
			}
		h6 {
			font-size:1.1em;
			font-weight:bold;
			line-height:1.1em;
			padding-bottom:0.2em;
			color:#f0f0b0;
			}

		pre {
			display:block;
			width:auto;
			margin:0.2em 0 1em;
			}

		#main p {
			margin:0 0 1.2em;
			}
		#content p {
			font-size:1em;
			text-align:justify;
			}
		#sidecol p {
			text-align:justify;
			}
			#content p strong {
		    font-weight:bold;
		    }
		#content ul {
			margin:1em 0 1.2em 1em;
			}

		#content ul li {
			padding-left:0.7em;
			line-height:1.5em;
			background:url('/chronology/2009/theme/image/icon-arrow_fill.gif') left 50% no-repeat;
			}
			#content ul li a:link,
			#content ul li a:visited	{
				}
			#content ul li a:hover {
				}
			#content ul ul {
				margin:0.05em 0 0.4em;
				}
			#content ul li li {
				margin-left:2.2ex;
				font-size:1em;
				}
			#content ul li li li a {
				font-size:1em;
				}
			#content ul li li a:hover {
				color:#f60;
				}
		  #content sub {
			font-size:0.85em;
		    color:#666;
		    }



			#main ul {
				margin:1em 0 3em;
				padding:0;
				}
				#main ul li {
					overflow:hidden;
					zoom:1;
					list-style:none;
					line-height:20px;
					min-height:40px;
					padding:40px 0 0 80px;
					-moz-opacity:0.85;
					opacity:0.85;
				  filter:alpha(opacity=85);	
					}
					* html	#main ul li {
						height: expression(this.scrollHeight < 40 ? "40px" : "auto");
						}
					#main ul li:hover {
						-moz-opacity:1.00;
					    opacity:1.00;
					    filter:alpha(opacity=100);
					    }
					#main ul li a {
						display:block;
						font-size:18px;
						text-decoration:none;
						padding-bottom:12px;
						}
					#main ul li sub {
						display:block;
						font-size:10px;
						color:#aaa;
						}



		/* Filter dropdowns
		---------------------------------------------- */ 
		.filter select {
		 	margin:8px 0 0;
			background:#ccc;
			color:#006;
			border:0;
			width:230px;
			padding:2px 0 1px 4px;
			}

		/* Definition list
		---------------------------------------------- */ 
		dl {
			margin:0;
			padding-bottom:10px;
			border-bottom:1px dotted #f1f1f1;
			}
			dt {
				font-weight:bold;
				display:block;
				padding:5px 0;
				margin-bottom:1px;
				font-size:1.4em;
				font-weight:bold;
				color:#f0f0b0;
				cursor:pointer;
				}
			dd {
				margin:0 0 10px;
				font-size:.92em;
				padding-left:2em;
				padding-bottom:4px;
				}
				dd a {
					display:block;
					background:url('/chronology/2009/theme/image/arrows.gif') 0 0.4ex no-repeat;
					padding-left:1.5ex;
					}
					/* Tables, forms (reset all elements)
					& buttons
					---------------------------------------------- */ 
					table {
						}
					table, th, td, form, input, button, textarea {
						vertical-align:top;
						}

					/* Tables
					---------------------------------------------- */ 
					#main table {
						margin:1.2em 0 0.6em;
						}
					table p {
						margin:.2em 0 1em;
						}
					table a {
						text-decoration:none;
						}
					thead th {
						padding:4px 6px 2px 0;
						}
					thead td {
						padding:4px 6px 2px 0;
						}

					th {
						padding:2px 6px 1px 0;
						font-weight:bold;
						text-align:left;
						}
					td {
						padding:2px 6px 1px 0;
						}

					table th,
					table td {
						font-size:1em;
						}
					tbody th {
						}
					tbody td {
						}
					tfoot th,
					tfoot td {
						padding:3px 6px 1px 0;
						}





					/* Data table
					---------------------------------------------- */ 
					#content table.data tbody th,
					#content table.data tbody td {
						padding:2px 6px 1px;
						border:0;
						color:#333;
						font-size:.95em;
						border-right:1px solid #fff;
						}
					#content .datarow-1 th,
					#content .datarow-1 td { background:#fafafa; }
					#content .datarow-2 th,
					#content .datarow-2 td { background:#f0f0f0; }

					table		{ display:table;		}
					tr		{ display:table-row;	}
					th		{ display:table-cell;	}
					td		{ display:table-cell;	}



		/*news*/
		.item {
			margin:10px 0;
			}
			.item_news {
				padding:10px;
				border:1px solid #121212;
				}
		.item h3 {
			margin-top:10px;
			font-size:1em;
			}
			.item p {
				margin:0;
				}
		.date {
			color:#c0c0c0;
			}

		.intro a {
			display:block;
			font-style:italic;
			}