/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-08-17, 13:17 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url('../design/bg.gif') repeat-x 0 0; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; font-size:0.75em; font-family:arial, sans-serif; padding-left:0; padding-right:0; padding-top:25px; padding-bottom:25px}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:940px; padding:10px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:100px; background:url('../design/header.gif') no-repeat 0 0; overflow:hidden; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0}
    #header #logo {margin:90;}
    
        #slogan {position:absolute; top:30px; right:0; width:275px; background:url('../design/pattern.gif');; padding-left:15px; padding-right:10px; padding-top:10px; padding-bottom:10px}
    
    #nav {position:relative; background:url('../design/nav.gif') repeat-x 0 0;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0}
    #nav ul {margin:0; list-style:none;}
    #nav ul li {display:inline;}
    #nav ul li a {display:block; float:left; background:url('../design/nav-separator.gif') repeat-y 100% 0; text-decoration:none; padding-left:15px; padding-right:15px; padding-top:9px; padding-bottom:9px}
    #nav a:hover {text-decoration:underline;}
    #nav ul li.active, #nav ul li.active a {font-weight:bold;}
    #nav #feeds {position:absolute; top:9px; right:25px; margin:0;}
    #nav #feeds a:hover {text-decoration:none;}

    #cols {margin-bottom:10px; background:url('../design/cols.gif') no-repeat 0 0;}
    #cols-in {min-height:430px; padding:20px; background:url('../design/cols-in.gif') no-repeat 0 100%;}
    
        #content {float:left; width:950px;}
        #aside {float:right; width:280px;}
        #content .in, #aside .in {padding:15px;}

    #footer {padding:15px 15px 5px 15px;}
    #footer p {margin:0;}
    
        #ico-print {padding-left:12px; background:url('../design/ico-print.gif') no-repeat 0 50%;}
        #ico-sitemap {margin-left:10px; padding-left:10px; background:url('../design/ico-sitemap.gif') no-repeat 0 50%;}

        .ico-rss {padding-left:18px; background:url('../design/ico-rss.gif') no-repeat 0 50%;}

    #copy {margin:15px auto 0 auto; width:910px; font-size:90%;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs {margin:0; font-size:90%;}
#breadcrumbs a:hover {text-decoration:none;}
#breadcrumbs span {margin:0 3px;}

#topstory-img {float:left; width:200px;}
#topstory-img img {display:block;}
#topstory-txt {float:right; width:355px;}
#topstory-txt h3 {margin:0; font-size:140%; font-weight:normal;}
#topstory-txt #topstory-info {margin:0; font-size:90%;}
#topstory-txt .comment {padding-left:12px; background:url('../design/ico-comment.gif') no-repeat 0 2px;}

.cols5050 {clear:both; background:url('../design/dot-01.gif') repeat-x 0 100%;}
.cols5050 .col {float:left; width:275px;}
.cols5050 .col .article {clear:both; margin-bottom:15px;}
.cols5050 .col .article-img {float:left; width:85px;}
.cols5050 .col .article-img img {display:block;}
.cols5050 .col .article-txt {float:right; width:175px;}
.cols5050 .col .article-txt h4 {margin:0; margin-bottom:7px; font-size:110%;}
.cols5050 .col .article-txt p {margin:0; font-size:90%;}

#subnav {margin:0; list-style:none;}
#subnav li {display:inline;}
#subnav li a {display:block; background:url('../design/subnav.gif') no-repeat 10px 50%;; padding-left:25px; padding-right:10px; padding-top:4px; padding-bottom:4px}
#subnav li a:hover {text-decoration:none;}
#subnav li.last a {border:0px none;}

dl#news {margin:0; background:url('../design/dot-02.gif') repeat-y 3px 0;}
dl#news dt {margin-bottom:3px; padding-left:15px; background:url('../design/news-dt.gif') no-repeat 0 50%; font-weight:bold}
dl#news dd {margin:0; margin-bottom:10px; padding-left:15px;}
dl#news a:hover {text-decoration:none;}

#gallery-in {padding:15px; background:url('../design/gallery.gif') repeat-x 0 0;}
#gallery .separator {width:910px; height:2px; margin:10px 0; background:url('../design/separator.gif') repeat-x 0 0; font-size:0; line-height:0; overflow:hidden}
#gallery img {margin-right:18px;}
#gallery a.last img {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.title-01 {margin:0; background:url('../design/arrow-01.gif') no-repeat 15px 50%; font-size:150%; font-weight:normal; padding-left:45px; padding-right:15px; padding-top:15px; padding-bottom:15px}
.title-02 {background:url('../design/dot-01.gif') repeat-x 0 60%; font-size:100%}
.title-02 span {padding-right:5px;}
.title-03 {margin:0; background:url('../design/arrow-02.gif') no-repeat 245px 50%; font-size:100%; font-weight:bold; padding-left:15px; padding-right:10px; padding-top:13px; padding-bottom:13px}
.title-03.gallery {background:url('../design/arrow-02.gif') no-repeat 903px 50%;}
.title-04 {margin:0 5px; background:url('../design/title-04.gif') repeat-x 0 0; font-size:100%; font-weight:bold; padding-left:15px; padding-right:30px; padding-top:13px; padding-bottom:13px}

.more {padding-right:14px; background:url('../design/more.gif') no-repeat 100% 5px;}
a:hover.more {text-decoration:none;}