/*
    Document   : layout.css
    Created on : Jan 20, 2011
    Copyright  : David Obdržálek, dayvee.cz
*/

@import 'common.css';

body { background:#e6e6e6; }
body, table, input { font-family:'Calibri','Helvetica','Helvetica Neue',sans-serif; }
#page { width:980px; min-height:100%; margin:0px auto; padding:0px 34px;
  background:white; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#head { width:980px; height:auto; position:relative; z-index:60; top:0px; background:black; padding:12px 34px; margin:0px -34px; }

#content { min-height:560px; }
#foot { clear:both; width:980px; margin:48px 0px 12px 0px; padding:0px; background:white; }

#head h1 { margin:0px; line-height:100%; font-family:Times, serif; font-weight:200; }
#head h1 a { color:white; text-decoration:none; }

#head .menu { list-style:none; float:right; padding:0px; margin:24px 12px 0px 0px; }
#head .menu li { float:left; display:block; margin:0px 24px 0px 0px; }
#head .menu a { text-decoration:none; text-transform:uppercase; color:#666; }
#head .menu ul { padding:0px 0px 0px 3px; margin:3px 0px 0px;
  width:20px; display:none; list-style:none; }
#head .menu ul a { display:block; width:100px; text-transform:none; background:white; padding:0px 2px; margin:0px -2px; }
#head .menu ul a:hover { font-style:italic; }
#head .menu :hover ul { display:block; }
#head .menu :hover ul li { float:none; }

#foot hr { background:#999; }
#foot p { color:#666; font-size:smaller; margin:-6px 0px 0px 0px; }
#foot a { color:#666; }

p { line-height:120%; }

/* common */

.follow { margin-left:24px; }
.serif { font-family:Times, serif; }
h1, h2, h3 { font-weight:normal; }

.w90  { width: 90px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w240 { width:240px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w360 { width:360px; }
.w480 { width:480px; }
.w520 { width:520px; }
.w560 { width:560px; }
.w640 { width:640px; }
.w720 { width:720px; }
.w780 { width:780px; }
.pr60 { padding-right:60px; }

a { color:#006; text-decoration:underline; }
a:hover { color:#333; text-decoration:none; }

.border { border:1px solid #999; padding:1px; }
p.border, form.border { padding:4px 6px; }

input[type=text], input[type=password], textarea { border:1px solid #999; }

.oneline { overflow:hidden; white-space:nowrap; text-wrap:none; text-overflow:ellipsis; }