/**
 * Screen layout
 *
 * @project     irsko 2010
 * @author      Ondrej Macoszek <ondra.macoszek@gmail.com>
 * @copyright   (c) 2010, Ondrej Macoszek
 *
 * Tested compatibility
 * Windows - Chrome 5
 */

/* Load basic components */
@import url('../basic.reset.css');
@import url('../basic.helpers.css');
@import url('typography.css');
@import url('form.css');

body { background: #198B45; }

#page { font-family: Arial, sans-serif;  }

#head { background: #146B37 url("../../img/head.bg.spacer.png") repeat-x 0 30px; height: 250px; width: auto; padding-top: 30px; }
#head h1 { display: none; }

/* I used in this png very nice calendar image from Countdown clock ( by Greg Maletic, http://widgets.yahoo.com/widgets/countdown-clock ) */
#countdown { background: url("../../img/kalendar.png") no-repeat top left; text-align: center; height: 250px; width: 920px; position: relative; margin: 0 auto; }
#countdown .numbers { width: 90px; height: 85px; position: absolute; top: 80px; left: 209px; padding: 12px 0px; text-align: center; }
#countdown .days { font-family: Georgia, 'New York CE', utopia, serif; font-size: 38px; }
#countdown .mili { position: absolute; bottom: 40px; left: 0; width: 100%; font-size: 9px; font-family: Arial, sans-serif; color: #777777; text-align: center; }

#body { margin: 0 auto 4em; width: 550px; text-align: left; }
#body h2 { background: url("../../img/body.knot.png") no-repeat center left; margin:  1em 0 0.4em 0px; padding: 25px 0.3em 25px 86px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight: bold; font-size: 20px; color: #FDB91C; border-top: 1px solid #167E3E; border-bottom: 1px solid #167E3E; }
#body a { color: white; text-decoration: none; padding: 6px 10px; }
#body p { line-height: 1.9em; font-family: Arial, lucida, sans-serif; font-size: 16px; margin-left: 45px; }
#body a:hover { background-color: #167E3E; }