/*
Theme Name: ZŠ U Krčského lesa
Theme URI: http://www.zsukrcskeholesa.cz/
Description: Nové téma pro ZŠ U Krčského lesa.
Version: 0.9
Author: Jan Pechač, Petr Malina
Tags: fixed width, two columns

	Grafika: Umea http://umea.cz

*/
html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, input, fieldset, button { margin: 0; padding: 0; }

/* Global settings */
.blind, hr, .skip { display: none !important; }
fieldset, a img  { border: 0; }

  /* Clearfix */
  .cf { min-height: 1%; _height: 1%; }
  .cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

  /* Links */
  a:link, a:visited { outline: 0; color: #61AA0E; text-decoration: underline; }
  a:hover, a:active { color: #ff6600; text-decoration: none; }

  /* Headings */
  h2    { font-size: 40px; font-weight: normal; margin-bottom: 15px; letter-spacing: -1px; }
  h3    { font-size: 30px; font-weight: normal; margin-bottom: 10px; letter-spacing: -1px; }

/* Layout */
html    { background: #fff url(images/bg-header.gif) repeat-x 50% 0; }
body	{ text-align: center; font: normal 13px/1.3 Arial, Helvetica, sans-serif; color: #000; background: url(images/bg-header-illustration.jpg) no-repeat 50% 0; }
#page	{ margin: 0 auto; text-align: left; position: relative; width: 960px; padding-top: 327px; }

/* Logo */
.logo   { position: absolute; width: 910px; height: 75px; left: 6px; top: 170px; }

/* Search */
.search-box { position: absolute; width: 230px; left: 593px; top: 7px; }
.search-box label   { display: none; }
.search-box p   { height: 22px; overflow: hidden; background: url(images/bg-search-input.gif) no-repeat 0 0; position: relative; }
.search-box p input.text    { border: 0; background: transparent; color: #fff; width: 100px; font-size: 12px; position: relative; top: 4px; left: 5px; }
.search-box p button  { position: absolute; width: 52px; height: 22px; border: 0; background: none; top: 0; right: 0; cursor: hand; cursor: pointer; }
.search-box p button img    { display: block; position: relative; left: -3px; top: 0; }

/* Content */
#content    { width: 650px; float: left; }
#content p  { margin-bottom: 12px; }

    /* Welcome box */
    .welcome-box    { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #FFD890; }
    .welcome-box li     { list-style-type: none; padding-left: 10px; background: url(images/icon-more.gif) no-repeat 0 5px; margin-bottom: 3px; }
    
    /* Top box */
    .top-message   { margin-bottom: 20px; clear: both; padding: 7px; font-weight: bold; color: #fff; background-color: #ff6600; }
    
    /* Contact */
    .contact    { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #FFD890; }
    .contact .col.odd   { width: 45%; float: left; text-align: left; }
    .contact .col.even  { width: 45%; float: right; text-align: right; }
    .contact .phone { font-size: 14px; font-weight: bold; color: #ff6600; }
    .contact .phone strong  { font-weight: normal; color: #000; }
    
    /* Quick nav */
    .quick-nav  { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #FFD890; }
    .quick-nav ul  { font-weight: bold; font-size: 15px; margin-bottom: 12px; }
    .quick-nav ul li   { list-style-type: none; float: left; margin-right: 16px; }
    .quick-nav ul li.last   { margin-right: 0; }
    .quick-nav ul li a:link, .quick-nav ul li a:visited    { display: block; width: 150px; text-align: center; background-color: #e5e4d2; color: #000 !important; text-decoration: none; height: 40px; line-height: 40px; font-size: 12px; }
    .quick-nav ul li a:hover, .quick-nav ul li a:active { background-color: #ff6600; color: #fff !important; }
    
    /* News */
    .news   { padding-bottom: 10px; border-bottom: 1px solid #FFD890; margin-bottom: 20px; }
    .news .item { margin-bottom: 15px; padding-bottom: 5px; background: url(images/bg-news-item-separator.gif) repeat-x 0 100%; }
    .news .item.last    { padding-bottom: 0; background: none; }
    .news .item h4  { margin-bottom: 5px; }
    .news .item .date   { display: block; width: 110px; float: left; color: #999; height: 28px; line-height: 28px; font-weight: normal; }
    .news .item .date span  { display: block; height: 28px; padding-left: 40px; background: url(images/icon-news.gif) no-repeat 0 50%; }
    .news .item .text   { float: right; width: 530px; }
    .news .item .text .tags { padding: 7px 0 7px 30px; background: url(images/icon-tags.gif) no-repeat 0 5px; color: #999; }
    .news .item .text .tags strong  { font-weight: normal; }
    .news .all    { text-align: right; }
    .news .all a:link, .news .all a:visited { padding-right: 10px; background: url(images/icon-more.gif) no-repeat 100% 50%; }

#news-items .item   { margin-bottom: 20px; padding-bottom: 7px; background: url(images/bg-news-item-separator.gif) repeat-x 0 100%; }
#news-items .item h2    { font-size: 25px; font-weight: normal; color: #000; margin-bottom: 5px; }
#news-items .item h2 a:link, #news-items .item h2 a:visited { color: #000; text-decoration: none; }
#news-items .item h2 a:hover, #news-items .item h2 a:active { color: #ff6600; }
#news-items .item .date { color: #999; height: 28px; line-height: 28px; font-weight: normal; padding-left: 40px; background: url(images/icon-news.gif) no-repeat 0 50%; }
#news-items .item .content .alignleft   { float: left; margin: 0 10px 10px 0; }
#news-items .item .content .alignright  { float: right; margin: 0 0 10px 10px; }
#news-items .item .tags { clear: both; padding: 10px 0 10px 30px; background: url(images/icon-tags.gif) no-repeat 0 50%; color: #999; }

    /* First item */
    #news-items .item.first { width: 667px; background: url(images/bg-top-news.gif) no-repeat 0 100%; position: relative; left: -15px; min-height: 275px; margin-top: -40px; }
    #news-items .item.first .in { padding: 45px 35px 0 35px; }
    #news-items .item.first .in h2  { font-size: 30px; }
    
    /* Article - new news item */
    #news-items .article    { margin-bottom: 20px; padding-bottom: 7px; background: url(images/bg-news-item-separator.gif) repeat-x 0 100%; }
    #news-items .article .image    { width: 171px; float: left; }
    #news-items .article .text  { width: 460px; float: right; }
    #news-items .article .text.no-image  { width: auto !important; float: none !important; }
    #news-items .article .text h2   { font-size: 25px; font-weight: normal; color: #000; margin-bottom: 5px; }
    #news-items .article .text h2 a:link, #news-items .article .text h2 a:visited   { color: #000; text-decoration: none; }
    #news-items .article .text h2 a:hover, #news-items .article .text h2 a:active   { color: #ff6600; }
    #news-items .article .text .date    { color: #999; height: 28px; line-height: 28px; font-weight: normal; padding-left: 40px; background: url(images/icon-news.gif) no-repeat 0 50%; }
    
    /* Article - first */
    #news-items .article.first  { width: 667px; background: url(images/bg-top-news.gif) no-repeat 0 100%; position: relative; left: -15px; min-height: 275px; margin-top: -40px; }
    #news-items .article.first .in  { padding: 45px 35px 0 35px; }
    #news-items .article.first .in .text    { width: 405px; }
    #news-items .article.first .in .text h2 { font-size: 30px; }
    
/* News navigation */
.navigation { margin-bottom: 25px; }
.navigation .alignleft  { width: 47%; float: left; text-align: left; }
.navigation .alignright { width: 47%; float: right; text-align: right; }

/* Textpage */
.textpage #content h3    { font-size: 24px; margin-bottom: 5px; }
.textpage #content ul    { margin-left: 15px; margin-bottom: 12px; }
.textpage #content p    { margin-bottom: 12px; }
.textpage #content ul li { list-style-type: none; padding-left: 10px; background: url(images/icon-more.gif) no-repeat 0 5px; margin-bottom: 3px; }
.textpage #content ol   { margin-left: 25px; margin-bottom: 12px; }
.textpage #content table    { margin-bottom: 12px; border-collapse: collapse; display: block; clear: both; }
.textpage #content table td { border: 1px #DFDFD5 solid; padding: 5px 10px 5px 10px; }

/* Sidebar */
#sidebar    { width: 258px; float: right; position: relative; right: 10px; padding-top: 65px; }
#sidebar h2 { display: block; width: 246px; position: relative; font-family: Arial, Helvetica, sans-serif; left: 12px; text-transform: uppercase; color: #FF6600; font-weight: normal; font-size: 18px; text-indent: 23px; padding-bottom: 12px; border-bottom: 1px solid #FFBE5E; margin-bottom: 1px; }
#sidebar h3 { display: block; position: relative; font-family: Arial, Helvetica, sans-serif; left: 12px; width: 246px; height: 30px; line-height: 30px; overflow: hidden; background: #E6DFCE url(images/bg-heading-h3-sidebar.gif) no-repeat 0 0; text-indent: 24px; color: #0A470A; text-transform: uppercase; font-weight: bold; font-size: 13px; margin-bottom: 2px; }
#sidebar ul { margin-bottom: 30px; }
#sidebar li { list-style-type: none; width: 258px; }
#sidebar li ul  { margin-bottom: 2px; }
#sidebar li a:link, #sidebar li a:visited   { display: block; width: 258px; height: 26px; line-height: 26px; text-indent: 57px; background: url(images/bg-menu.gif) no-repeat 0 0; color: #000; text-decoration: none; }
#sidebar li a:hover, #sidebar li a:active   { background-position: 0 -26px; }
#sidebar li a:link.active, #sidebar li a:visited.active { background-position: 0 -52px; color: #fff; font-weight: bold; }

/* Footer */
#footer { height: 278px; background: url(images/bg-footer.gif) repeat-x 50% 0; text-align: center; }
#footer .in { background: url(images/bg-footer-illustration.gif) no-repeat 50% 0; height: 278px; text-align: center; color: #fff; }
#footer .in .wrap   { width: 960px; margin: 0 auto; text-align: left; padding-top: 50px; }
#footer .in .wrap a:link, #footer .in .wrap a:visited   { color: #61AA0E; text-decoration: underline; }
#footer .in .wrap a:hover, #footer .in .wrap a:active   { text-decoration: none; }
#footer .in .wrap .left { width: 47%; float: left; text-align: left; }
#footer .in .wrap .right    { width: 47%; float: right; text-align: right; }

/* Images */
img.alignleft { float: left; margin: 0px 1em 1em 0px; }
img.attachment-thumbnail { background-color: white; padding: 3px; border: 1px solid #FFBE5E; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

/* Partneri */
.partners    { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #FFD890; }
.partner { display:block; width: 100px; overflow: hidden; margin: 1em; float: left; text-align: center; }
.partner a span { display:block; width: 100px; height: 100px; }
.partner#praha4 a span { background: url(images/odkazy/web-praha-4.png) no-repeat left bottom; }
.partner#volnocasova a span { background: url(images/odkazy/web-volnocasova.png) no-repeat left bottom; }
.partner#kinball a span { background: url(images/odkazy/web-kin-ball.png) no-repeat left bottom; }
.partner a span:hover { background-position: left bottom !important; }