/* Layout */
body                    {font: 1em arial,sans-serif; color: #282828; background-color: #ffffff;}
 #body					        {width: 940px; position: relative; text-align: left; margin: 0 auto;}
 #logo                  {position: relative; overflow: hidden; margin: 0; padding: 0; margin: 0 0 10px 0;}
 #logo, #logo a, #logo span                  {display: block; width: 940px; height: 272px; background-image: url(../images/logo.jpg);}
  #logo span            {position: absolute; left: 0; top: 0;}
   #logo a:hover span   {background-position: 0 -272px;}
 #menu                  {width: 190px; float: left;}
 #main                  {width: 750px; float: left;}
  #content              {width: 530px; float: left; margin: 3px 0 0 0; padding-left: 20px;}
  #sidebar              {width: 200px; float: left;}
  #footer               {background: url(../images/footer.jpg) no-repeat; text-align: center; font-weight: bold; width: 940px; height: 60px; margin-top: 10px;}                          
   #footer h2           {font-size: .9em; text-transform: uppercase; padding-top: 5px;}
   #footer p            {font-size: .7em;} 

/* Links */
  #main #content a      {color: #06642c; text-decoration: underline;}        
 #menu a                {text-decoration: none; color: #57361e; text-transform: uppercase; font-weight: bold; font-size: 14px;}
    #menu .list ul li#active a               {color: #bd0926;}
    #menu .list ul li a                      {position: relative; top: -7px;}
      #menu .list ul li ul li a              {text-transform: none; color: #57361e; font-size: 12px; position: relative; top: 0px;}
      .opera #menu .list ul li ul li a       {position: relative; top: -20px;}  /* Opera hack http://rafael.adm.br/css_browser_selector/ */
      .opera #menu .list ul li ul li         {height: 20px;}  /* Opera hack http://rafael.adm.br/css_browser_selector/ */
      #menu .list ul li#active ul li a       {color: #57361e;}
   #main #content .event .frame .detail .signOn a, #main #content .event .frame .detail .more a {color: #ffffff; text-decoration: none;}
      #main #sidebar .news .frame li p span a{color: #bd0926;}
       #main #sidebar .poll .frame form div a{color: #ffffff; text-decoration: none;}
  #footer p a           {color: #000000;}                  
      
/* Menu */
#menu .top              {width: 179px; height: 8px; background: url(../images/menu_top.jpg) no-repeat center bottom; margin: 0 0 0 11px;}
#menu .bottom           {width: 179px; height: 9px; background: url(../images/menu_bottom.jpg) no-repeat; margin: 0 0 0 11px;}
#menu .list             {width: 179px; background-color: #fbcebc; margin: 0 0 0 11px; height: 100%;}
   #menu .list ul li    {margin: 5px 0 0 25px;}
    #menu .list ul li.online-zpravodajstvi a, #menu .list ul li.ondreesek-forever a, #menu .list ul li.partneri-a-sponzori a   {position: relative; top: -18px;}
     #menu .list ul li ul li                 {font-size: 12px; margin: 0 0 0 20px; font-weight: bold; color: #57361e}
    #menu .list ul li.uvod                   {list-style: url(../images/house_bullet.jpg); margin: 0 0 0 25px;}
    #menu .list ul li.kdo-jsme               {list-style: url(../images/owl_bullet.jpg);}
    #menu .list ul li.co-chystame            {list-style: url(../images/flower_bullet.jpg);}
    #menu .list ul li.co-jsme-prozili        {list-style: url(../images/star_bullet.jpg);}
    #menu .list ul li.online-zpravodajstvi   {list-style: url(../images/bird_bullet.jpg); margin: 5px 0 -15px 25px;}
    #menu .list ul li.taborove-vzkazy        {list-style: url(../images/letter_bullet.jpg);} 
    #menu .list ul li.chaloupka              {list-style: url(../images/tree_bullet.jpg);}
    #menu .list ul li.ondreesek-forever      {list-style: url(../images/heart_bullet.jpg); margin: 5px 0 -15px 25px;}
    #menu .list ul li.partneri-a-sponzori    {list-style: url(../images/leaves_bullet.jpg); margin: 5px 0 -15px 25px;}
    #menu .list ul li.ke-stazeni             {list-style: url(../images/owl2_bullet.jpg);}
    #menu .list ul li.pro-cleny              {list-style: url(../images/apple_bullet.jpg);}
    #menu .list ul li.kontakty               {list-style: url(../images/pen_bullet.jpg);}
      #menu .list ul li.uvod ul li, #menu .list ul li.co-jsme-prozili ul li, #menu .list ul li.chaloupka ul li, #menu .list ul li.ke-stazeni ul li {list-style: url(../images/yellow_bullet.jpg);}
      #menu .list ul li.kdo-jsme ul li, #menu .list ul li.online-zpravodajstvi ul li, #menu .list ul li.ondreesek-forever ul li ul li, #menu .list ul li.pro-cleny ul li {list-style: url(../images/blue_bullet.jpg);}
      #menu .list ul li.co-chystame ul li, #menu .list ul li.taborove-vzkazy ul li, #menu .list ul li.partneri-a-sponzori ul li, #menu .list ul li.kontakty ul li {list-style: url(../images/orange_bullet.jpg);}
   
/* Headings */
#main #content h1, #main #content h2, #main #content h3 {font-weight: bold; margin: 7px 0; clear: both;}        
#main #content h1       {font-size: 1.3em; color: #bf1e2e; text-transform: uppercase;}
#main #content h2       {font-size: 1.1em; color: #0071b6; text-transform: uppercase;}                    
#main #content h3       {font-size: 1em; color: #39b54a;}

/* News */
#main #content div.newsDetail {border: 1px #BE2625 dotted; padding: .5em; margin-right: 6px; background-color: #FDFDFD;}
#main #content p.perex        {color: #BE2625; background-color: #FDE486; font-weight: bolder; padding: .5em;}
#main #content p.returnLink   {text-align: right; font-style: italic;}

/* Formatter */
#main #content em {font-style: italic;}
#main #content p, #main #content ul {font-size: .8em; margin: 7px 7px 7px 0;}
#main #content img      {margin: 5px 15px 10px 0; float: left;}
#main #content .contact img {margin: 0 20px 10px 5px; padding: .3em; float: left; border: dotted 1px #282828;}
#main #content .contactLine {float: left;}
#main #content li       {list-style: outside url(../images/grey_bullet.jpg); margin: 0 0 0 20px;}
#main #content .privateMenu ul li {display: inline;}
/*#main #content div h2 {display: none;}*/
#main #content div form .button, #main #content div form .label {float: left; font-size: .8em;}
#main #content div form #vote {margin-top: 10px;}
#main #content .looser, #main #content .winner {float: left; width: 220px;}
#main #content .topFoto {float: left; width: 160px;}
#main #content .ondreesek {margin-left: 30px;}
.error {color: red; font-weight: bolder; margin: 2px 10px; font-size: .9em;}
 
/* Event */
#main #content .event   {width: 510px;}
 #main #content .event .top                  {background: url(../images/lightgreen_top.jpg) no-repeat center bottom; height: 10px;}
 #main #content .event .bottom               {background: url(../images/lightgreen_bottom.jpg) no-repeat;  height: 11px;}
 #main #content .event .frame                {background: #bbfdef;  width: 510px;}
  #main #content .event .frame h2, #main #content .event .frame, #main #content .event .frame p {margin: 0;}
  #main #content .event .frame h2            {color: #083063; padding-top: 5px; padding-left: 10px;}                    
  #main #content .event .frame h3            {color: #00b69e; padding-left: 10px;}
  #main #content .event .frame p             {padding-right: 10px; padding-left: 10px;}
  #main #content .event .frame table         {margin: 10px 0 0 10px;}
   #main #content .event .frame table td     {font-size: .8em; margin: 3px 0px;}
    #main #content .event .frame table td label{vertical-align: top; padding-right: 5px;}
  #main #content .event .frame input.sendCamp{background: url(../images/green_button_background.jpg); width: 110px; height: 18px; border: none; color: #ffffff; font: 1em arial,sans-serif; margin: 5px;}  
  #main #content .event .frame .illustration {width: 200px; float: left;}
   #main #content .event .frame .illustration img {margin: 10px 0 0 20px;}
  #main #content .event .frame .detail       {width: 310px; float: left; margin: 0 0 0 0px;}
   .signOn, .more {text-align: center; width: 110px; height: 18px; background: url(../images/green_button_background.jpg); font-size: .8em; float: left; margin: 7px 15px 0 5px;}
   #main #content .event .frame .detail .more{ margin-left: 10px;}
   #main #content .event .frame table th     {font-weight: bolder; text-align: center; padding: .2em;}                                 
   #main #content .event .frame table td     {padding: .2em;}

/* Sidebar */
#main #sidebar h2       {text-align: center; font-size: 1em; font-weight: bold;}
#main #sidebar img      {text-align: center; margin: 10px 35px;}    
#main #sidebar .photo, #main #sidebar .news, #main #sidebar .poll, #main #sidebar .sponsors  {width: 198px; margin-top: 10px;}
 #main #sidebar .photo .top                  {background: url(../images/green_top.jpg) no-repeat center bottom; height: 7px;}
 #main #sidebar .photo .bottom               {background: url(../images/green_bottom.jpg) no-repeat; height: 8px;}
 #main #sidebar .photo .frame                {background: #d0f29e; color: #477b39;}
 #main #sidebar .news .top                   {background: url(../images/yellow_top.jpg) no-repeat center bottom; height: 8px;}
 #main #sidebar .news .bottom                {background: url(../images/yellow_bottom.jpg) no-repeat; height: 9px;}
 #main #sidebar .news .frame                 {background: #fde486; color: #be2625;}
 #main #sidebar .news .frame li              {font-size: .7em; font-weight: bolder; margin: 5px 10px 0px 10px; list-style: inside url(../images/red_bullet.jpg);}
  #main #sidebar .news .frame li a           {color: #be2625; text-decoration: none;}
  #main #sidebar .news .frame li p           {font-size: 1em; color: #282828; font-weight: normal; margin-top:  5px;}
  #main #sidebar .news .frame li p span      {font-style: italic;}  
 #main #sidebar .poll .top                   {background: url(../images/violet_top.jpg) no-repeat center bottom; height: 8px;}
 #main #sidebar .poll .bottom                {background: url(../images/violet_bottom.jpg) no-repeat; height: 8px;}
 #main #sidebar .poll .frame                 {background: #f2d2ff; color: #42267b;}
  #main #sidebar .poll .frame div.button     {float: left; margin-left: -40px;}
  #main #sidebar .poll .frame div.label      {float: left; font-size: .8em; margin-top: 10px; margin-left: -13px;}
  #main #sidebar .poll .frame p              {font-size: .8em; margin-left: 13px;}
  #main #sidebar .poll .frame p em           {font-style: italic;}
  #main #sidebar .poll .frame p.total        {font-weight: bolder;}
   #main #sidebar .poll .frame div input     {border: none; background: #f2d2ff url(../images/violet_button_background.jpg) no-repeat; width: 60px; height: 18px; font-size: .7em; color: #ffffff; padding-bottom: 2px; float: left; margin: 10px 0 0 35px;}
   #main #sidebar .poll .frame div.button input {background: none;}
   #main #sidebar .poll .frame input#vote    {margin-left: 70px;} 
  #main #sidebar .poll .frame div.more       {background: #f2d2ff url(../images/violet_button_background.jpg) no-repeat; width: 60px; height: 18px; font-size: .7em; color: #ffffff; float: left; padding: 2px 0 0 5px; margin: 10px 0 0 10px;}
 #main #sidebar .sponsors .top               {background: url(../images/blue_top.jpg) no-repeat center bottom; height: 8px;}
 #main #sidebar .sponsors .bottom            {background: url(../images/blue_bottom.jpg) no-repeat; height: 10px;}
 #main #sidebar .sponsors .frame             {background: #b5dcf5; color: #0071b6;}    

/* Addons */
.noIe6                                       {border: 4px #990000 ridge; margin: .5em; font: small-caps bolder 1em bolder verdana, sans-serif; color: #D40F18; text-align: center; padding: 0; background-color: #FBCEBC; display: none;}
#blueboardCounter                            {margin: 1em;}