/* 

 copyright (c) 2006 Lukas Mach  

 poradi: 
 - display, position, float
 - width, height, left, top
 - font, line-height, text, color, background
 - border

*/

/* layout */

body {
  margin: 0; padding: 0 0 0.5em 0;
  /*font: 85% Tahoma, "Lucida Grande CE", lucida, sans-serif;*/
  /*font: 85% Verdana, "Geneva CE", lucida, sans-serif;*/
  /*font: 85% Georgia, "New York CE", utopia, serif;*/
  font: 85% "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  line-height: 150%;
  color: #596F80; 
  font-weight: bold;
  background: white url(bg.gif) top left repeat-y;
}

#wrapper { 
  width: 817px;
}

/* header */ 

h1 { 
  margin: 0; 
  padding: 0; 
  width: 829px; 
  height: 106px; 
  background: transparent url(title.gif) top left no-repeat; 
}

h1 span { 
  display: none; 
}

/* content */

#content p { margin: 5px; }
#content ul { margin: 5px 20px; padding: 0; }
#content ul li { list-style-type: none; margin: 4px 0; }
#content a { color: #596F80; }
#content a:hover { color: white; }

#prog, #weby, #o-mne, #odkazy { 
  width: 190px; 
  height: 400px; 
  float: left;
  margin: 0 12px 0 18px;
  _margin: 0 12px 0 9px;
}

#weby, #o-mne, #odkazy { 
  margin-left: 0px;
}

#odkazy { 
  margin-right: 0px;
}