/*************************************
           LANGUAGE ICONS
*************************************/

span#language {
  position:absolute;
  right:10px;
  top:1em;
}

/*************************************
             TOP BANNER
*************************************/

div#header {
  padding:15px;
  text-align:center;
  /*vertical-align:middle;*/
  position:relative;
  /* has to be relative or absolute,
  to allow the language links and search box to be positioned relative to this:
  http://css-discuss.incutio.com/?page=AbsoluteLayouts */
  height:100px;
  vertical-align:top;
  font-size:small;
  background:url(../img/header_800px.jpg);
}

div#navigation {
  height:30px;
  background:white url(../img/topmenu_grad.png) repeat-x;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  line-height: 30px;
  padding-left:1em;
}

/*************************************
               GENERAL
*************************************/

body {
  font-family:Verdana, Tahoma, sans-serif;
  font-size:0.7em;
  color:#333;
  line-height:normal;
  background-color:#333;/*#8899AA;*/
  /* bg img src: http://www.kollermedia.at/pattern4u/classic/ */
  background-image:url(../img/site_background.gif);
}

html { overflow-y:scroll; }

a, a#home-link:hover { text-decoration:none; color:#0099CC; }

a:hover { text-decoration:underline; }

.border { border: 1px solid red; }

strong, h1, h2, h3, dt.bold { font-weight:bold; }

#main-content-area {
  padding:10px;
  float:right;
  /* width = 800 - 180 (width of tree menu)
                 - 1   (right border of tree menu)
                 - 20  (padding x 2) */
  width:599px;
  line-height:1.5em;
  background:white;
}

img.left {
  margin-right:0.5em;
  float:left;
}

#main-content-area p, #main-content-area h1,  #main-content-area h2, .parag {
  margin-bottom:1em;
}

h1 { font-size:1.5em; text-align:center; padding-top:1em;}

.right { float: right; margin-left:0.5em; }
.left { float: left; margin-right:0.5em; }

.clear { clear:both; }

.underline { text-decoration:underline; }

.strike { text-decoration:line-through; }

ul, dd { padding-left:2em; }

img.noborder { border:none; }

em { font-style:italic; }

.justify { text-align:justify; }

.profiles-list img { vertical-align: middle; }

.profiles-list a {
  display:block;
  float:left;
  width:13em;
  height:3em;
}

.profiles-list a:hover { text-decoration:none; font-weight:bold; }

/*************************************
             FULL HEIGHT
*************************************/

/*
full-height sidebars layout achieved with some help from
» http://www.pmob.co.uk/temp/3colfixedtest_pob.htm
(but after countless hours tweaking it and removing bloat)
A much, much neater explanation can be found at
» http://www.alistapart.com/articles/negativemargins/
*/

/* Backslash hack: Hides from IE5-mac \*/
html, body { height:100%; }
/* end hack */

#outer {
  margin-left:auto;
  margin-right:auto;
  width:800px;
  background: white url(../img/tree_menu_bg.gif) repeat-y;
  border-left:1px solid #333;
  border-right:1px solid #333;
  min-height:100%;
  position:relative;
  overflow:hidden;
}

* html #outer { height:100%; overflow:visible; } /* selector hack for IE only */

/*************************************
               FOOTER
*************************************/

.footertext {
  font-size:xx-small;
  text-transform:uppercase;
  text-align:center;
  width:70%;
  padding:1em 0;
  margin-top:1em;
  display:inline-block;
}

#footer {
  clear:both;
  text-align:center;
}

/*************************************
              TREE MENU
*************************************/
#tree-menu li { list-style-image:url(../img/folderopen.gif); }

#tree-menu li ul li, #tree-menu li.leaf {
  list-style-image:url(../img/page.gif);
}

#tree-menu {
  float:left;
  margin:0 0 0 0;
  padding:5px 0 0 30px; /*clockwise: top, right, bottom, left*/
  width:150px; /* 150 = 180 - 30 from the left padding above*/
  border-right:1px solid #666;
  background:#eee;
}

#tree-menu li ul { /* set the same indentation for all browsers */
  margin:0; /* for IE */
  padding-left:2em;
}

#tree-menu span, #tree-menu a {
  position:relative; bottom:0.45em; /* center the text vertically */
  text-decoration:none; color:black; /* unformat links */
}

div#sidebar, div#mini-news { float:left; clear:left; width:180px; }

/*************************************
          CURRICULUM VITAE
*************************************/

.cv-field {
  float: left;
  width: 100px;
  text-align:right;
  padding-right:1em;
  clear:both;
}

.cv-value {
  float: left;
  /*width: 250px;*/
}

.cv-section {
  font-variant: small-caps;
  border-bottom: 1px solid #999;
  font-size: 1.3em; /*120%;*/
  clear:both;
  background:#eee;
}

.cv-subtitle {
  text-align: center;
  padding-bottom:1em;
}

.cv-role { font-style:italic; }

.print-only-inline { display:none; }

@media print {
  .noprint { display:none; }
  .print-only-inline { display:inline; }
  .page-break { page-break-before: always; }
  .cv-section { margin-top:1.3em; }
}

/*************************************
          WIDGET FIXES
*************************************/

.friendfeed.widget div.logo { height:23px }
.friendfeed.widget div.feed { clear:both; padding-top:10px; }

/*.clstd a:hover { color:black; }*/

/* .sidebar-title { padding-left:1em; } */
/*#twitter_div { width:170px; padding:1em 5px; }
#twitter_update_list li, .sidebar-title { padding-bottom:0.75em; }*/