/* Based on the Blueprint CSS Framework
   http://code.google.com/p/blueprintcss/ */

/* ----- Reset ----- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #c3af9c; margin:0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* ----- Layout ----- */
html { height: 100% }
body { 
	background-image:url(i/bk.gif); 
	height: 100%; 
}

#logo { 
	position: absolute; top: 0px; left: 0px; width: 267px; height: 74px;
 	text-indent: -9000px;
	background: url(i/logo.gif);
	z-index: 100;
	cursor: pointer;
}

#wrap { 
	/* 100% height */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-image: url(i/bk_main.gif);
	width: 784px;
}

#page { 
	padding: 74px 34px 87px 0px; 
}

#page .breadcrumbs {
	padding: 30px 0 10px;
	font-size: 75%;
}

#page p, #page h3, #page ol, #page h2, #page dt, #page dd { margin-left: 40px }
#page h2 { font-size: 130%; margin-top: 1.2em; margin-bottom: 0.77em; color: #a76; border-top: 1px dashed #c2a488 }
#page h3, #page dt { font-size: 120%; margin-bottom: 0.83em; font-weight: normal }
#page dd { margin-bottom: 1em }

#bk-right {
	position: absolute; height: 245px;
	top: 0; left: 700px; right: 0px;
	background-image: url(i/bk_right_default.gif);
	background-repeat: no-repeat;
	background-position: 80px 0px;
}

#masthead-first {
	position: absolute; padding-top: 154px;
	top: 0px; left: 224px; right: 0px;	
	background-image: url(i/masthead_1.jpg);
	background-repeat: no-repeat;
}
#masthead {
	position: absolute; padding-top: 79px;
	top: 0px; left: 224px; right: 0px;	
	background-image: url(i/masthead_default.jpg);
	background-repeat: no-repeat;
	z-index: 102;
}

/* http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
h1#header {
	position: absolute;
	left: 298px; height: 70px; top: 0px; width: 440px;
	display: table; 	
	overflow: hidden;
	z-index: 102;
	font-size: 150%;
	line-height: 100%;
	color: white;
}
div#inheader {
	display: table-cell; 
	vertical-align: middle;
}

#menu {
	float: left;
	/*position: absolute;
	top: 74px;
	left: 0px;
	z-index: 90; */
	width: 300px;
	margin: 0 0 20px;

	background-image: url(i/bk_menu_top.gif);
	background-repeat: no-repeat;
	line-height: 1.3em;
} 

body.narrow #menu { width: 260px }
#narrow { width: 490px; float: right }

#menu ul {
	margin: 31px 0 0 37px;
}
#menu ul li {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 0;
} 
a {
	color: #0000ee;
	text-decoration: underline;
}
a:hover {
	background-color: #abf;
	text-decoration: none;
	border-bottom: 1px dotted #00e
}
#menu a:hover {
	background-color: #e56a02;
	color: #eee;
	border-bottom: none;
	padding: 1px 7px
}
/* Special case for links that are image-only */
a.image img {
	padding: 2px;
}
a.image:hover { 
	padding: 0; 
	background: none;
	border-bottom: none
}
a.image:hover img { 
	padding: 1px; 
	border: 1px solid #00e 
}

#menu img { vertical-align: top }

#end {
	clear: both;
	position: relative;
	background-image: url(i/bk_end.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 87px;
	margin-top: -87px;
}

#footer {
	position: absolute;
	left: 40px;
	bottom: 0px;
	height: 3.5em;
	font-size: 70%;
	line-height: 1.2em;
	color: #bbbbbb;
}

#footer a {
	color: #aaaadd;
}

#footer a:hover {
	color: #3333ff;
	background: none;
	padding: 0;
}

img.right {
	float: right;
	padding: 0 0 1em 25px;
}

img.border {
	padding: 2px;
	border: 1px solid #666;
}

ul#news { list-style-type: disc; margin: 0 0 0 40px; padding: 0 }

/* ----- Homepage specials ----- */
body.home-page  #bk-right {
	background-image: url(i/bk_right_top.gif);
}

body.home-page #page .first {
	padding-top: 110px;
}

body.home-page #footer {
	height: 4.5em;
}

/* ----- Research page ----- */
ul.research-list { font-size: 1.2em; padding-left: 40px }

/* ----- Typography ----- */
body { 
	font-size: 100%;
  	color: #222; 
  	font-family: "Calibri", Helvetica, Verdana, Arial, sans-serif; 
}

h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Calibri", Helvetica, Verdana, Arial, sans-serif; 
}

p           { margin: 0 0 1em; }
p.last      { margin-bottom: 0; } 

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
li			{ margin: 0 0 0.5em }
ul          { list-style-type: circle; }
ul ul		{ list-style-type: square; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
em			{ font-style: italic }

address	{ font-size: 80%; line-height: 1.2em; margin: 31px 0 0 37px; display:none }
body.home-page address { display: block }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */