body, html
  {
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  font-family:Arial,Verdana;
  }

body
  {
  background:url(../images/layout/bg.jpg) repeat-x #f2f2e6;
  }

#frametable
  {
  width:980px;
  height:100%;
  }
#frametable td
  {
  background:#f2f2e6;
  }
#framediv
  {
  width:100%;
  height:100%;
  }
  #header
    {
    width:960px;
    height:89px;
    background:url(../images/layout/up_bg.jpg) repeat-x;
    float:left;
    }
  #green
    {
    width:960px;
    height:355px;
    background:#000;
    float:left;
    color:#fff;
    }
    #greenpaddings
      {
      padding:12px 0px 12px 0px;
      }
    .greenleftpaddings
      {
      padding-left:42px;
      }
    #greenleft
      {
      width:480px;
      height:355px;
      float:left;
      }
      #playerarea
        {
        width:480px;
        height:261px;
        float:left;
        }
      
      #cards
        {
        width:480px;
        height:86px;
        float:left;
        color:#fff;
        }
    #greenright
      {
      width:480px;
      height:355px;
      float:left;
      }
      #greenbox
        {
        width:452px;
        height:335px;
        float:left;
        }
        #greenboxtop
          {
          width:452px;
          height:43px;
          float:left;
          /*background:url(../images/layout/headerblueboxtop.jpg) no-repeat;
          */}
        #greenboxarea
          {
          width:452px;
          height:263px;
          float:left;
          /*background:url(../images/layout/headerblueboxarea.jpg) repeat-y;
          */color:#fff;
          }
        #greenboxbottom
          {
          width:452px;
          height:31px;
          float:left;
          /*background:url(../images/layout/headerblueboxbottom.jpg) no-repeat;
          */}
  #green_bottombar
    {
    width:960px;
    height:24px;
    float:left;
    }
    #leftcorner
      {
      width:10px;
      height:24px;
      float:left;
      background:url(../images/layout/green_bottombar_left.jpg) no-repeat;
      }
    #repeatarea
      {
      width:940px;
      height:24px;
      float:left;
      background:url(../images/layout/green_bottombar.jpg) repeat-x;
      }
    #rightcorner
      {
      width:10px;
      height:24px;
      float:left;
      background:url(../images/layout/green_bottombar_right.jpg) no-repeat;
      }
  #content
    {
    width:960px;
    height:auto;
    float:left;
    }
    .sidecolumn
      {
      width:293px;
      height:557px;
      float:left;
      }
        .bluebox
          {
          width:293px;
          height:auto;
          float:left;
          }
          .bluetop
            {
            width:293px;
            height:10px;
            overflow:hidden;
            background:url(../images/layout/blue_top.jpg) no-repeat;
            }
          .bluearearightfirst
            {
            width:293px;
            height:124px;
            background:url(../images/layout/blue.jpg) repeat-y;
            }
          .bluearearightsecond
            {
            width:293px;
            height:229px;
            background:url(../images/layout/blue.jpg) repeat-y;
            } 
          .bluearealeft
            {
            width:293px;
            min-height:300px;
            height:auto !important;
            height:300px;
            background:url(../images/layout/blue.jpg) repeat-y;
            }
            .bluearealeft img
              {
              padding:6px 0px 6px 0px;
              }
          .bluebottom
            {
            width:293px;
            height:10px;
            background:url(../images/layout/blue_bottom.jpg) no-repeat;
            }
        .blackbox
          {
          width:293px;
          height:auto;
          float:left;
          }
          .blacktop
            {
            width:293px;
            height:10px;
            overflow:hidden;
            background:url(../images/layout/black_top.jpg) no-repeat;
            }
          .blackarealeft
            {
            width:293px;
            height:208px;
            background:url(../images/layout/black.jpg) repeat-y;
            }
          .blackarearight
            {
            width:293px;
            height:124px;
            background:url(../images/layout/black.jpg) repeat-y;
            }
          .blackbottom
            {
            width:293px;
            height:10px;

            background:url(../images/layout/black_bottom.jpg) no-repeat;
            }
    .centercolumn
      {
      width:356px;
      height:557px;
      float:left;

      }
        .centercolumntop
          {
          width:356px;
          height:44px;
          float:left;
          background:url(../images/layout/centerblue_top.jpg) no-repeat;
          }
        .centerblueprofilearea
          {
          width:356px;
          height:116px;
          background:url(../images/layout/centerblue_profilebg.jpg) repeat-y;
          overflow:hidden;
          float:left;
          padding:0;
          margin:0;

          }
          .profileareawrapper
            {
            width:356px;
            height:116px;
            }
          .profileimagearea
            {
            width:113px;
            height:116px;
            float:left;
            }
          .profileinfo
            {
            width:220px;
            height:116px;
            float:left;
            color:#000;
            font-size:13px;
            }
        .centercolumnbottom
          {
          width:356px;
          height:49px;
          float:left;
          background:url(../images/layout/centerblue_bottom.jpg) no-repeat;
          }
      .sidecolumn .paddings
        {
        padding:4px 20px 0px 27px;
        }
      .loginpaddings
        {
        padding:4px 0px 2px 27px;
        }
      .input
        {
        width:169px;
        height:30px;
        padding:7px 10px 7px 10px;
        background:url(../images/layout/input.jpg) no-repeat;
        border:none;
        }
      #login
        {
        margin-top:15px;
        }
      #login td
        {
        background:#000;
        }
        
ul
  {
  padding:0;
  margin:0;
  width:356px;

  }
li
  {
  padding:0;
  margin:0;
  float:left;
  width:356px;
  }
/* end of leiska */

/* tekstit -->*/

.sidecolumn h1
  {
  font-size:20px;
  padding-top:0px;
  margin:0;
  font-family:Arial,Verdana;
  color:#fff;
  font-weight:normal; 
  }
.centercolumn h1, #greenboxtop h1
  {
  font-size:20px;
  padding-top:14px;
  margin:0;
  font-family:Arial,Verdana;
  color:#fff;
  font-weight:normal; 
  padding:14px 20px 0px 27px;
  }
#header h1
  {
  font-size:20px;
  padding-top:14px;
  margin:0;
  font-family:Arial,Verdana;
  color:#fff;
  font-weight:normal; 
  padding:45px 20px 0px 15px;
  }
#header p
  {
  padding-left:17px;
  }
.centercolumn h3
  {
  font-size:17px;
  padding-top:14px;
  margin:0;
  font-family:Arial,Verdana;
  color:#fff;
  font-weight:bold;
  padding:6px 20px 10px 27px; 
  }
.profilepaddings
  {
  padding:11px 19px 7px 12px;
  }
p
  {
  color:#fff;
  font-size:11px;
  font-family:Arial,Verdana;
  font-weight:normal;
  line-height:1.2em;
  margin:0;
  padding:0;
  }
h2
  {
  color:#ffb400;
  font-size:12px;
  font-family:Arial,Verdana;
  font-weight:normal;
  margin:0;
  padding:6px 0px 0px 0px;
  width:70px;
  }
.bluetext
  {
  color:#013473;
  font-size:13px;
  padding:0px 3px 0px 0px;
  margin:0;
  font-weight:normal;
  font-family:Arial,Verdana;
  }

a
  {
  font-size:12px;
  color:#ffb400;
  text-decoration:none;
  font-weight:normal;
  }
a:hover
  {
  font-size:12px;
  color:#ffb400;
  text-decoration:none;
  font-weight:normal;
  }
  #finalplayers
    {
    margin:13px 20px 13px 23px;
    }
  #finalplayers td
    {
    background:000;
    }
  .numbers
    {
    color:#fff;
    font-weight:bold;
    font-size:12px;
    text-align:left;
    }
  .white
    {
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    width:300px;
    }
  .yellow
    {
    color:#ffb400;
    font-weight:bold;
    font-size:12px;
    }
  .red
    {
    color:#ff0000;
    font-weight:bold;
    font-size:12px;
    }

/* end of tekstit */    
/* paddingit eri divien välillä -->*/

.leftcolumnpaddings
  {
  width:293px; height:10px; float:left; overflow:hidden;
  }
.rightcolumnpaddings
  {
  width:293px; height:10px; float:left; overflow:hidden;
  }