body,html{
line-height:14px; padding: 0px 0px 0px 0px; margin:0 0 0 0; background: #FFFFFF; text-align:left}
}
/* basic styles and definitions */
a,p,body,ul,li,h1,h2,h3,td,th{font-size:13px;line-height:17px;font-family: Verdana, Arial, Helvetica, sans-serif;}
a,p,body,ul,li,td,th{color:#000000;font-weight:normal;}
hr{border:0px none;border-top: 1px dotted #D48B00;color:#FFBD40}
img{border:0px none;}
li{list-style-position:outside;list-style-type:disc;margin:0px}
/* links */
a{font-weight:normal;}
a:link,a:visited{color:#205160;text-decoration:none;}
.itembody a:link,.itembody a:visited{padding:0px 2px 0px 2px;color:#2E768D; text-decoration: underline;}
a:hover, .itembody a:hover, h3.item a:hover, .smaller a:hover, h3 a:hover {background-color:#4081BF; color:#FFFFFF}
/* headlines */
h2,h3,h3 a,h4{font-size:13px; font-weight:bold}
#headerRight h1{
font-size: 32px;
line-height: 36px;
font-weight: normal;
margin-top: 24px;
}
h2{ font-size: 14px; line-height: 20px; }
h3,h3 a:link,h3 a:visited{font-size:14px;color:#000000;padding:1px 2px 1px 2px}
h3.comment,h3.comment a{margin-bottom:5px;font-size:12px}
h3.comment{font-weight:normal}
h3.comment a:hover{background-color:#4081BF;color:#FFFFFF}
h4{color:#000000;padding:2px 0px 2px 20px;font-weight: normal;background: #D5E1E6 url(script.gif) 5px 5px no-repeat;border:1px outset;}
.itembody h4 {border:0 none;border-bottom:1px solid #666666;background: #D5E1E6 url(text.gif) 5px 5px no-repeat;padding:2px 0px 2px 20px;}
/* article title - default skin */
h3.item{ font-size:14px;line-height:17px;font-weight: bold; color:#003366;margin-top:4px; padding-bottom:2px; border-bottom:2px solid #003366;}
h3.item a:link, h3.item a:visited{ font-size:14px;font-weight: bold; color:#003366;}
h3.item a:hover{ background-color:#4081BF; color:#FFFFFF; }
/* div to center everything on a page and set max width to make it readable */
#content {
margin: 0px auto 0px auto;
/* width: 893px; # Doesn't work in IE */
width: 908px;
padding: 0px 0px 0px 0px;
font: 11px verdana, arial, helvetica, sans-serif;
background: #FFFFFF;
}
#container {
z-index: 2;
float: left;
width: 733px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#headerLeft {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(header_logo.png) no-repeat center center;
width: 122px;
height: 102px;
vertical-align: bottom;
}
#headerRight {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(chessite_bg_header_597x35.png) no-repeat 0px bottom;
width: 611px;
height: 102px;
text-align: center;
}
#wrap {
z-index: 3;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(chessite_bg_wrap_153x1.png) repeat-y;
width: 733px;
}
#nav {
float: left;
margin: 0px 0px 0px 0px;
padding: 59px 0px 0px 0px;
background: transparent url(chessite_bg_nav_153x656.png) no-repeat;
width: 153px;
min-height: 656px;
}
#main {
z-index: 4;
clear: right;
overflow: visible;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 570px;
}
#sidebar {
z-index: 1;
float: right;
margin: 4px 0px 0px -160px;
padding: 0px 0px 0px 0px;
background: transparent url(chessite_bg_sidebar_160x518.png) no-repeat 0px 0px;
width: 160px;
/* min-height: 518px; */
height: 518px;
vertical-align: top;
}
/* menu */
#menu{ color: #000000; float: left; text-align: left; width: 140px; height: auto; padding: 6px 6px 6px 6px; margin: 0px 0px 10px 0; }
#menu, #menu *{font-size:11px}
* html body #menu {margin-right:5px}
#menu h2{font-size:11px;line-height:16px;margin: 10px 0 5px 0;padding:2px 0px 2px 0px;font-weight: bold;text-align:center;color:#2F587B; }
#menu hr{border:0px none;border-top: 1px dotted #666666;color:#E3DBC6}
/* go to a page box */
#navigation{ padding:5px 10px 5px 10px; color:#000000; text-align:right;margin-top:20px; border-top:1px solid #D4C9AA; }
/* menu navigation */
.nav { }
.nav a:link,.nav a:visited{ display: block; line-height: 16px; padding: 1px 0px 1px 10px; text-align: left; color: #353535; }
.nav a.active:link,.nav a.active:visited{color: #1C5161; background: #F4F4F4; font-size: 13px; }
.nav a:hover{ background-color:#4081BF;color:#FFFFFF}
.nav a.active:hover{ background-color:#4081BF;color:yellow}
.nav#search {width:100px;float:right}
.nav#search a:link,.nav#search a:visited {font-size:11px}
/* Extra special page menu navigation */
.extraNav { }
.extraNav a:link,.extraNav a:visited{ display: block; line-height: 16px; margin-left: 0px; padding: 1px 0px 1px 10px; text-align: left; color: #353535; }
.extraNav a.active:link,.extraNav a.active:visited{color: #1C5161; background: #F4F4F4; font-size: 13px; }
.extraNav a:hover{ background-color:#4081BF;color:#FFFFFF}
.extraNav a.active:hover{ background-color:#4081BF;color:yellow}
.extraNav#search {width:100px;float:right}
.extraNav#search a:link,.extraNav#search a:visited {font-size:11px}
/* category list */
div#subcat {margin-bottom:15px}
div#subcat dl{display: block; padding: 1px 0 1px 10px; margin:2px 0 2px 0; text-align: left; }
div#subcat dl dt>a{color: #353535;display:block}
div#subcat dl dt>a:hover{color: #ffffff;}
div#subcat dd{padding: 0 0 0 0; margin:0 2px 0 10px; background: transparent url(arrow.gif) no-repeat top left; }
div#subcat dd a{display:block; padding: 1px 0 1px 3px; margin:0 0 0 15px; text-align: left; }
div#subcat dd a.active{border:1px inset gray; background: #EAEAEA;}
div#subcat dd a:hover{background-color:#4081BF;color:#FFFFFF}
/* articles */
#items{ color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 560px; float: left; background-color: #FFFFFF; height: auto; }
* html body #items {margin-left:5px}
#items h2{
float:right;
font-size:12px;
line-height:14px;
color:#000000;
margin: 3px 10px 8px 10px;
padding: 0px 10px 6px 3px;
text-align:right;
font-weight: bold;
}
#items hr{border:0px none;border-top: 1px dotted #666666;color:#F0ECE1}
/* article */
.itembody {color:#000;text-align:justify}
.itembody *{font-size:13px;line-height:18px}
.itembody p, .itembody ul, .itembody input{margin-bottom:5px;}
/* floating pictures in itembody */
.leftbox {float:left; background: url(shadowAlpha.png) no-repeat bottom right; margin: 15px 15px 10px 0px;line-height:0px;}
.leftbox img {display: block; position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}
.rightbox {float:right;background: url(shadowAlpha.png) no-repeat bottom right;margin: 15px 0px 10px 15px;line-height:0px;}
.rightbox img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}
/* article info */
.iteminfo{font-size:11px;color:#000000;margin:20px 0 20px 0; text-align: center;}
.iteminfo a,.iteminfo a:link,.iteminfo a:visited{font-size:11px;}
.iteminfo a:hover{color:#FFFFFF}
.readmore {text-align: right; margin-bottom:15px}
/* forms */
.formfield { background-color: #EEE9DB; }
.formbutton{ background-color: #E9E4D5; border: 1px solid #8E7A47; margin-top: 2px; padding: 0px 0px 0px 0px; font-size: 12px; }
textarea {width: 90%;}
/* general comment form */
#commentform {text-align: right;}
fieldset{
padding:5px; margin:5px 0px 5px 0px;
}
legend{font-weight:bold;margin-bottom:5px;padding-right:10px;color:#223649}
.highlight{background-color:#F0E68C;color:#000000;padding:2px}
/* comment form js helpers */
#toolbar {display:block;margin:5px 0 5px 0;float:right; clear:both}
#toolbar a:link,#toolbar a:visited, #toolbar a{ display: block; float: left; width: 50px; height: 15px; background-color: #D5E1E6; border: 1px outset; margin: 3px; text-align: center; font-size: 11px; line-height: 14px; color:#000;}
#toolbar a:hover{ background-color: #CD5C5C; color: #FFFFFF; border-style:inset}
/* tables */
table { border-collapse: collapse; }
th, th a, th a:link, th a:visited {font-weight: bold; background-color:#E6E5E5; padding:3px;}
th a:hover{background-color:#4081BF; color:#FFFFFF}
.sortBy, .sortBy a, .sortBy a:link, .sortBy a:visited, .sortBy a:hover { text-decoration: underline; }
td {padding:3px;}
.inputSmall {
margin: 0px 0px 0px 0px;
font-size: 12px;
height: 13px;
}
.buttonSmall {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
height: 17px;
}
.selectSmall {
margin: 0px 0px 0px 0px;
font-size: 10px;
height: 17px;
}
input.boldInput {
font-size: 16px;
font-weight : bold;
}
.noMargin {
margin: 0px 0px 0px 0px;
}
/*
##############################################################
## Original css code
##############################################################
*/
/* made by Radek HULAN (c) 2004 */
/* http://hulan.cz/blog/ */
/* This notice must remain. */
/* shoutbox */
.chatform{ text-align: right; }
.chattable{border:1px solid #9F9F9F;border-bottom:1px solid #F4F4F4;height:240px;overflow:auto;width:auto}
/* blockquote and table with 2 differentlu colored rows */
blockquote{padding:5px 10px 5px 10px; margin:10px;color:#000000;font-weight:normal;background-color: #F6F3ED;border:1px solid #D4D4D4;}
.tabulka,.tabulka td,.tabulka tr{padding:5px;color:#000000;font-weight:normal;}
blockquote .prvni, .tabulka .prvni,.tabulka .prvni td,.tabulka .prvni tr{padding:2px 5px 2px 5px;border-bottom:1px solid #666666;}
blockquote .druhy, .tabulka .druhy,.tabulka .druhy td,.tabulka .druhy tr{padding:2px 5px 2px 5px;border-bottom:1px solid #666666;}
blockquote p,.tabulka p{margin:0px;padding:0px}
blockquote h4,.tabulka h4{margin:0px;padding:1px 1px 1px 10px;font-size:12px;line-height:14px}
blockquote#commentpreview p {margin:5px}
/* phpBB like text formatting */
.b{font-weight:bolder}
.i{font-style:italic}
.z{font-style:normal; font-variant:small-caps}
.u{text-decoration:underline}
.t{margin:5px 20px 5px 20px;padding:5px;border:1px solid #797979;border-bottom:2px solid #363636;border-right:2px solid #363636;}
.c,.r{color:red}
.m,.l{color:blue}
.skip{display:none}
/* source code */
pre{background-color:#FFFFFF;border:1px solid #797979;border-bottom:2px solid #363636;border-right:2px solid #363636;color:#00017D;padding:5px;margin:0px;overflow:auto;font-size:13px;line-height:15px;font-family:"Courier New", Courier, monospace;}
/* list */
ol,ul{margin:5px 0 0 0}
/* ul li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: square outside url(arrow.gif);} */
ul li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: square outside url(arrow.gif);}
ol li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: decimal;}
#menu ol, #menu ul{margin:5px 0 5px 20px;padding:0 0 0 0}
#menu li{margin:3px 0 3px 0px; padding:0 0 0 0}
.itembody ol,.itembody ul{margin:5px 0 0 20px}
/* rss links */
#rss{ line-height: 0px; text-align: center; margin:0 auto;}
#rss a:link,#rss a:visited,#rss a:hover{ padding: 0; margin: 0; text-decoration: none; line-height: 0px; }
#rss img{border:0px;width:80px;height:15px;line-height: 0px;padding: 0px;margin: 0px;text-align: center; margin:0 auto;}
/* footer */
#footer{ clear:both; text-align: center; padding: 2px 0 2px 0; margin: 10px auto 0 auto; font-size: 11px;background-color: #AEEA00; border-top: 1px solid #000; display:block; width:100%}
#footer a:link, #footer a:link:visited{ font-size:12px;}
/* comments Opera, Mozilla */
h4+ol#comments{ margin: 0 0 0 0; padding: 0 0 0 0; }
h4+ol#comments li{ list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; font-size:11px }
h4+ol#comments address { font-size: 12px; font-style: normal; text-align: left; color: #F1F8FA; background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 1px 20px; margin: 0 0 0 0; height: 17px; border: 1px ridge #70A0CF; }
h4+ol#comments address a:link,h4+ol#comments address a:visited{ color: #ffffff; }
h4+ol#comments p { background-color: #EAEAEA;font-size: 12px; line-height: 16px; margin: 5px 0px 5px 0px; text-align: justify; padding: 5px 10px 5px 10px; }
h4+ol#comments ins { font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000000; background-color: transparent; padding: 1px 5px 0px 0px; height: 17px; display: block; border-bottom: 1px solid #DFDFDF; margin-bottom: 20px; }
h4+ol#comments>li>a { text-indent: 30px; color: #010101; background-image: url(pencil.png); background-repeat: no-repeat; background-position: 4px 3px; padding: 0px 0px 0px 0px; border-top: 1px solid #DFDFDF; width: 100%; height: 18px; bottom: 0px; display: block; font-size: 11px; margin-bottom: 3px; }
h4+ol#comments>li>a:hover { background-color:transparent;color:red}
.current { background-color: #CEE8F0; }
.parent { background-color: #F8F3C7; }
.child { background-color: #F6D4C9; }
.notPart, .notPart *, .notPart p[id]::before { color: #ccc; background-color: transparent !important; border-color: #BFBFBF !important; }
.notPart p[id]::before, .notPart ins { border-top: 1px solid #ccc; }
.notPart a, h4+ol#comments>.notPart>p>span:first-child { color: #ccc; }
.indent .current { background-color: #CEE8F0; margin: 0px 30px 30px 30px; }
.indent .parent { background-color: #F8F3C7; margin: 0px 60px 30px 0px; }
.indent .child { background-color: #F6D4C9; margin: 0px 0px 30px 60px; }
.indent .notPart { display:none }
.current p, .parent p, .child p, .indent p {background-color: transparent;}
li .reset {display:none}
.current .reset, .parent .reset, .child .reset, .notPart .reset { display:inline}
.current .show, .parent .show, .child .show, .notPart .show { right:50px}
h4+ol#comments dfn { right: 0; color: #F1F8FA; background-color: transparent; border: 0px solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right; }
/* comments hacks for MSIE */
/* HE
* html body address{ background: #70A0CF url(speak.gif) 4px 3px no-repeat; padding: 1px 10px 2px 20px; margin: 10px 0 0 0; height: 17px; color: #F1F8FA; font-style: normal;border: 1px ridge #70A0CF;} */
html body address{ padding: 1px 10px 2px 20px; margin: 10px 0 0 0; height: 17px; color: #F1F8FA; font-style: normal;border: 1px ridge #70A0CF;}
* html body address a:link,* html body address a:visited{ color: #ffffff; font-weight: bold; }
* html body ol#comments li, ol#comments { list-style: none; padding: 0; margin: 0; }
* html body ins{ font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; color: #000000; background-color: transparent; padding: 1px 5px 0px 0px; height: 17px; display: block; border-bottom: 1px solid #DFDFDF; margin-bottom: 20px; }
* html body ol#comments p{ margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; background-color: #EAEAEA; font-size: 12px; line-height: 16px; }
* html body ol#comments p a:link{ text-decoration: underline; }
* html body dfn { right: 0; color: #000; background-color: transparent; border: 0px solid; font-size: 11px; cursor: pointer; font-style: normal; padding-right: 7px; margin-top: 1px; line-height: 16px; float: right; }
/* top menu */
#topwrapper{background: white; margin:0 0 20px 0; border-bottom: 1px solid #666666;clear:both; height:25px}
#top{margin:0 auto 0 auto; padding:0 0 0 0; width:705px;}
#top ul, #top li{ margin: 0 0 0 0; padding: 0 0 0 0; display: inline; list-style-type: none; border: 0 none; }
#top a:link, #top a:visited{ font-size: 13px; line-height:13px; float: left; margin: 0 0 0 0; text-decoration: none; color: #000; border:0 none;border-left: 1px solid #666666; padding: 5px 0 5px 0;background-color: #ffffff; height:15px}
#top a:hover{ text-decoration: none; background-color:#4081BF;color:#FFFFFF}
#top a:link#topcurrent, #top a:visited#topcurrent{ color: White;text-decoration: none; background-color: #DE6C0E; }
#top a{ width: 116px; text-align: center;}
/* contact form */
form#contactform {text-align: right;}
form#contactform input {margin:5px}
form#contactform fieldset {padding:10px;}
/* syntax highlighting code */
.code .br0 { color: #66CC66; }
.code .co1 { color: #808080; font-style: italic; }
.code .co2 { color: #808080; font-style: italic; }
.code .comulti { color: #808080; font-style: italic; }
.code .es0 { color: #000099; font-weight: bold; }
.code .kw1 { color: #B1B100; }
.code .kw2 { color: #000000; font-weight: bold; }
.code .kw3 { color: #000066; }
.code .kw4 { color: #993333; }
.code .kw5 { color: #0000FF; }
.code .me0 { color: #006600; }
.code .nu0 { color: #CC66CC; }
.code .re0 { color: #0000FF; }
.code .re1 { color: #0000FF; }
.code .re2 { color: #0000FF; }
.code .re4 { color: #009999; }
.code .sc0 { color: #00BBDD; }
.code .sc1 { color: #DDBB00; }
.code .sc2 { color: #009900; }
.code .st0 { color: #FF0000; }
/*******************************************************************************************
* From NP_gallery
*******************************************************************************************/
.thumbnailoutside {
width:155px !important;
height:160px !important;
float:left ;
text-align:center !important;
}
.thumbnailoutside2 {
width:155px !important;
height:180px !important;
float:left !important;
text-align:center !important;
}
.alpha-shadow {
float:left;
background: url(gallery_shadow.gif) no-repeat bottom right;
margin: 0px 0 0 10px !important;
margin: 10px 0 0 10px;
z-index:3;
padding: 0px;
}
.alpha-shadow div {
background: url(gallery_shadow2.png) no-repeat left top !important;
background: url(gallery_shadow2.gif) no-repeat left top;
float: left;
margin-top: 0px;
padding: 0px 6px 6px 0px;
}
.alpha-shadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px !important;
}
.tooltip2 {
background-image:none !important;
width:0px;
display:none;
}
#tooltip2 div.tooltip2div {
border-style:dotted;
border-color:#CCCCCC;
border-width:1px;
float:left;
background-image:url(gallery_transparent.gif)!important;
padding:0px !important;}
#tooltip2 div.tooltip2div span {display:none;}
#tooltip2 div.tooltip2div:hover {border-style:solid;border-color:#FFFFFF;float:left}
#tooltip2 div.tooltip2div:hover span {display:block;background-color:white;padding-left:10px;padding-right:10px}
#tooltip2 div.over {border-style:none;display:block;float:left;border-color:#FFFFFF;float:left}
#tooltip2 div.over span {float:left;display:block;background-color:white;padding-left:10px;padding-right:10px}
/* had to put float:left here because firefox before 1.0.5 has a bug with javascript element.stlye.float (fixed in 1.0.6)*/
.drawingbox {
border-style:solid;
position:absolute;
border-width:1px;
border-color:#FFFFFF;
float:left;
display:block;
z-index:5;
}
/* had to put float:left here because firefox before 1.0.5 has a bug with javascript element.stlye.float (fixed in 1.0.6)*/
.captionformdiv {
position:absolute;
float:left;
background-color:#FFFFFF;
display:block;
border-style:solid;
border-color:#FFFFFF;
}
#NPG_footer {
clear:left;
}
/* Calendar */
.calendar TD A {
background-color: #CBDAE0;
}
.calendar TD#today {
border: solid 1px;
}