/* ---------------------------------------------------------------------------------------------------------- Output device: screen, projection Author: Nuvio (www.nuvio.cz) Update: 2008-07-29, 18:30 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) Reset 2) Format ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 1) Reset ---------------------------------------------------------------------------------------------------------- */ * {margin:0; padding:0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;} /* ---------------------------------------------------------------------------------------------------------- 2) Format ---------------------------------------------------------------------------------------------------------- */ .noscreen {display:none;} .box {min-height:1px;} .box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";} .fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;} .f-left {float:left !important;} .f-right {float:right !important;} .t-left {text-align:left !important;} .t-center {text-align:center !important;} .t-right {text-align:right !important;} .t-justify {text-align:justify !important;} .va-top {vertical-align:top !important;} .va-middle {vertical-align:middle !important;} .va-bottom {vertical-align:bottom !important;} .nom {margin:0 !important;} .nomt {margin-top:0 !important;} .nomb {margin-bottom:0 !important;} .hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;} /* ---------------------------------------------------------------------------------------------------------- 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 {padding:25px 0; background:url("../images/bg.gif") 0 0 repeat-x; font:0.75em/1.5 "arial", sans-serif;} #emagc {background:url(../images/emagc.png) no-repeat;position:absolute;left:10px;top:10px;width:72px;height:61px;z-index:1;} .img-story { padding:10px 10px 0px 0px; } .img-story-blog { padding:6px 10px 0px 0px; } h1, h2, h3, h4, h5, h6, p, address, blockquote, dl, fieldset {margin:15px 0;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ #main {width:760px; padding:10px; margin:0 auto; overflow:hidden;} #header {position:relative; height:200px; padding:0 0 0 35px; background:url("../images/header.gif") 0 0 no-repeat; overflow:hidden;} #header #logo {margin:0;} #slogan {position:absolute; top:30px; right:0; width:275px; padding:10px 10px 10px 15px; background:url("../images/pattern.gif");} #nav {position:relative; padding:0 20px; background:url("../images/nav.gif") 0 0 repeat-x;} #nav ul {margin:0; list-style:none;} #nav ul li {display:inline;} #nav ul li a {display:block; float:left; padding:9px 15px; background:url("../images/nav-separator.gif") 100% 0 repeat-y; text-decoration:none;} #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("../images/cols.gif") 0 0 no-repeat;} #cols-in {min-height:430px; padding:20px; background:url("../images/cols-in.gif") 0 100% no-repeat;} #content {float:left; width:520px;} #aside {float:right; width:181px;} .aside {margin:0 0 3px 30px;} #content .in, #aside .in {padding:5px;} #footer {padding:15px 15px 5px 15px;} #footer p {margin:0;} #ico-print {padding-left:12px; background:url("../images/ico-print.gif") 0 50% no-repeat;} #ico-sitemap {margin-left:10px; padding-left:10px; background:url("../images/ico-sitemap.gif") 0 50% no-repeat;} .ico-rss {padding-left:18px; background:url("../images/ico-rss.gif") 0 50% no-repeat;} #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-txt {width:490px;margin:10px;} #topstory-txt h3 {margin:0; font-size:175%; font-weight:normal;} #topstory-txt h2 {margin:0; font-size:75%; font-weight:normal;} #topstory-txt #topstory-info {margin:0; font-size:90%;} #topstory-txt .comment {padding-left:12px; background:url("../images/ico-comment.gif") 0 2px no-repeat;} #topstory-txt p { margin:0 0 10px 0; padding:0; line-height:21px;} #topstory-txt ul { margin:0 10px 10px 50px; } #topstory-txt ol { margin:0 10px 10px 50px; } #topstory-txt img { padding:15px 10px 0px 0px; float:left;} #topstory-rss {width:490px;margin:10px;overflow:hidden;} #topstory-rss h3 {margin:0; font-size:175%; font-weight:normal;} #topstory-rss h2 {margin:0; font-size:75%; font-weight:normal;} #topstory-rss #topstory-info {margin:0; font-size:90%;} #topstory-rss .comment {padding-left:12px; background:url("../images/ico-comment.gif") 0 2px no-repeat;} #topstory-rss p { margin:0 0 10px 0; padding:0; line-height:21px;} #topstory-rss ul { margin:0 10px 10px 50px; } #topstory-rss ol { margin:0 10px 10px 50px; } #topstory-rss img { padding:0px 0px 10px 0px; float:left;} .cols5050 {clear:both; background:url("../images/dot-01.gif") 0 100% repeat-x;} .cols5050 .col {float:left; width:225px;} .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:125px;} .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; padding:4px 10px 4px 25px; background:url("../images/subnav.gif") 10px 50% no-repeat;} #subnav li a:hover {text-decoration:none;} #subnav li.last a {border:0;} dl#news {margin:0; background:url("../images/dot-02.gif") 3px 0 repeat-y;} dl#news dt {margin-bottom:3px; padding-left:15px; background:url("../images/news-dt.gif") 0 50% no-repeat; 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("../images/gallery.gif") 0 0 repeat-x;} #gallery .separator {width:730px; height:2px; margin:10px 0; background:url("../images/separator.gif") 0 0 repeat-x; 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; padding:9px 15px 8px 45px; background:url("../images/arrow-01.gif") 15px 50% no-repeat; font-size:150%; font-weight:normal;} .title-02 {background:url("../images/dot-01.gif") 0 60% repeat-x; font-size:100%;} .title-02 span {padding-right:5px;} .title-03 {margin:0 0 5px 0; padding:13px 10px 13px 15px; background:url("../images/arrow-02.gif") 245px 50% no-repeat; font-size:100%; font-weight:bold;} .title-03.gallery {background:url("../images/arrow-02.gif") 903px 50% no-repeat;} .title-04 {margin:0 5px; padding:13px 30px 5px 5px; background:url("../images/title-04.gif") 0 0 repeat-x; font-size:100%; font-weight:bold;} /*Calendar*/ #calendar {font-family: Arial, Helvetica, sans-serif;font-size:11px;} #calendar td {padding:2px;} /*Blow-Out Gallery*/ #blowout { width:72px; height:72px; padding: 0px; margin: 5px 5px 0px 0px; border: 1px solid #ccc; float:left; } .comments_head {font-size:1.6em; margin:0; padding:5px; border-bottom:1px dotted #000; font-weight:bold;} .comments { width:100%; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:5px; margin-bottom:20px; line-height:12px; } .comments_byline { width:100%; background-color: #0b77b7; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; padding-left:5px; margin:0px; } .more {padding-right:14px; background:url("../images/more.gif") 100% 5px no-repeat;} a:hover.more {text-decoration:none;} #share { float: left; } #punch { float: right; } .clear { clear: both; } #search form { padding:10px; width:80%; margin:5px auto 0px auto; } #search .box { width:95px; } #search .submit { width:40px; height:20px;} /* ---------------------------------------------------------------------------------------------------------- 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-color:#dfdfdf; color:#3f3f3f;} a {color:#0055a5; text-decoration:none; } a:hover {color:#000; text-decoration:underline; } /* ---------------------------------------------------------------------------------------------------------- 2) HTML styles ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- 3) Layout ---------------------------------------------------------------------------------------------------------- */ #main {background:#FFF;} #header {background-color:#0055a5;} #slogan {color:#FFF;} #nav {border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:#EFEFEF;} #nav a {color:#3f3f3f;} #nav ul li.active, #nav ul li.active a {color:#0055a5;} #footer, #footer a {color:#990000;} #footer a:hover {color:#3f3f3f;} .ico-rss {color:#3F3F3F;} #copy, #copy a {color:#7F7F7F;} #copy a:hover {color:#3F3F3F;} /* ---------------------------------------------------------------------------------------------------------- 4-1) Page: Homepage ---------------------------------------------------------------------------------------------------------- */ #breadcrumbs a {color:#990000;} #subnav li a {border-bottom:1px solid #efefef; color:#3f3f3f;} #subnav li.active a {background-color:#e2f4ff;} dl#news dt {background-color:#FFF;} dl#news dd a {color:#3f3f3f;} #gallery-in {border-bottom:1px solid #DDDDDD; background-color:#EFEFEF;} /* ---------------------------------------------------------------------------------------------------------- 5) Others ---------------------------------------------------------------------------------------------------------- */ .title-01 {background-color:#990000; color:#fff;} .title-02 span {background:#FFF;} .title-03, .title-03.gallery {background-color:#0055a5; color:#fff;} .title-03 a {color:#FFF;} .title-04 {color:#0055a5;} .comment, .more {color:#3F3F3F;} /*forms*/ form {background:#f0f6f8;padding:1em;border:1px solid #eee;} .label2 {width:120px;text-align:right;margin:7px 5px 0px 0px;font-size:90%;float:left;} .field2 {float:right;} .login {background:url(../gfx/user.gif) no-repeat 95% 1em;} .contact {background:url(../gfx/email2.gif) no-repeat 95% 1em;} fieldset div {margin:0.3em 0;clear:both;} form {margin:1em;width:90%;margin-left:auto;margin-right:auto;} label {float:left;width:125px;font-size:10px;text-align:right;margin-right:1em;color:#333;} legend {color:#0b77b7;font-size:1.2em;font-weight:bold;margin-top:10px;margin-bottom:10px;} legend span {width:10em;text-align:right;} input {padding:0.15em;width:95%;border:1px solid #ddd;background:#fafafa;font:normal 0.95em arial, sans-serif;-moz-border-radius:0.4em;-khtml-border-radius:0.4em;} input:hover, input:focus {border-color:#c5c5c5;background:#f6f6f6;} option {width:200px;border:1px solid #ddd;background:#fafafa;font:normal 0.95em arial, sans-serif;-moz-border-radius:0.4em;-khtml-border-radius:0.4em;} option:hover, option:focus {border-color:#c5c5c5;background:#f6f6f6;} textarea {padding:0.15em;width:95%;border:1px solid #ddd;background:#fafafa;font:normal 14px arial, sans-serif;-moz-border-radius:0.4em;-khtml-border-radius:0.4em;clear:right;float:none;} textarea:hover, textarea:focus {border-color:#c5c5c5;background:#f6f6f6;} fieldset {border:1px solid #999;padding:0 0.5em 0.5em;} .date input {background-image:url(../gfx/calendar-small.gif);background-repeat:no-repeat;background-position:100% 50%;} .date fieldset label {float:none;display:block;text-align:left;width:auto;} .date fieldset div {float:left;clear:none;margin-right:0.2em;} .radio, .date {position:relative;} .radio fieldset, .date fieldset {border:none;width:auto;padding:1px 0 0 11em;} .radio legend, .date legend {color:#666;font:normal 10px arial, sans-serif;} .radio legend span, .date legend span {position:absolute;left:0;top:0.3em;width:125px;display:block;} .radio label, .radio input {vertical-align:middle;display:inline;float:none;width:auto;background:none;border:none;} .radio div {float:left;white-space:nowrap;clear:none;} .email {width:14em;} input.default {color:#bbb;} #submit-go {margin-top:1em;width:69px;height:26px;text-indent:-9999px;overflow:hidden;border:0;background:url(../gfx/submit-button.gif) no-repeat 0 0;display:block;cursor:pointer !important; cursor:hand;} #submit-go:hover {background-position:0 -26px;}