html { background: #cbcac8; }/*#292828; }*/

body { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; } 
a img { border-width: 0px; }
a { color: #f41197; text-decoration: none; }
a:hover { color: #009dd9; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
h3.first-child { margin-top: 0px; }
h4 { font-size: 9pt; }

/*------------------------------------------------------------------------------
  TOP LEVEL CONTAINER
------------------------------------------------------------------------------*/

div#container { 
    width: 981px; 
    margin: 10px auto; 
    padding: 0px; 
    position: relative; 
    overflow: hidden;
    background-color: #dcdcdc;
}

/*------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------*/

div#header { 
    background: url(/images/baltic-games-header.gif) no-repeat top left;
    width: 981px; height: 145px;
    margin: 0px; padding: 0px; 
}
div#header h1 { 
     width: 250px;
     height: 145px;
}
div#header div#quick-menu {
    position: absolute;
    top: 20px; right: 20px;
    color: white;
}
div#header div#quick-menu a {
    color: white;
}


/*------------------------------------------------------------------------------
  MENU
------------------------------------------------------------------------------*/

div#menu { position: absolute; right: -100px; top: 160px; }
div#menu ul { list-style: none; margin: 0px; padding: 0px; width: 300px; }

div#menu ul li.tl { 
    position: absolute; 
    width: 200px; 
}
div#menu ul li.baltic-games { top: 0px; z-index: 99; }
div#menu ul li.baltic-sports { top: 112px; z-index: 98; }
div#menu ul li.baltic-music { top: 224px; z-index: 97; }

div#menu ul li.tl h3 { 
    float: right; width: 77px; height: 110px;
    margin: 0px; padding: 0px; position: relative; 
}

div#menu ul.submenu { 
    float: right; width: 110px; 
    margin-top: 4px; 
    background-color: #00a4e4;
    min-height: 110px; 
}
div#menu ul.submenu li { 
    padding: 5px; padding-left: 10px; min-height: 20px; 
}

div#menu ul li.tl h3 span { 
    height: 110px; 
    width: 80px; 
    display: block; 
    position: absolute;
    text-align: center; 
}
div#menu ul li.tl h3.baltic-games span {     
    background: url(/images/menu-baltic-games.png) no-repeat top left; 
}
div#menu ul li.tl h3.baltic-sports span { 
    background: url(/images/menu-baltic-sports.png) no-repeat top left; 
}
div#menu ul li.tl h3.baltic-music span { 
    background: url(/images/menu-baltic-art.png) no-repeat top left; 
}
div#menu a { color: black; }
div#menu a:hover { color: white; }

div#menu ul li.tab h4 { padding: 0px; margin: 0px; cursor: pointer; height: 20px; }
div#menu ul li.tab ul { overflow: hidden; margin: 0px; padding: 0px; width: 90px; }
div#menu ul li.tab ul li { }

/*------------------------------------------------------------------------------
  SIDEBAR
------------------------------------------------------------------------------*/

div#sidebar {
    float: left; 
    width: 200px;
    margin: 30px;
    border-right: 4px solid #00a4e4;
}

/*------------------------------------------------------------------------------
  CONTENT
------------------------------------------------------------------------------*/

div#content-container {
    float: left;
    width: 550px;
    padding: 0px; 
    margin: 30px;
    position: relative;
}

div#content-container div#sub-header h2 { }

div#content-container div#content { }

/*------------------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------------------*/

div#footer { 
    background: black; 
    clear: both;
    padding: 7px; 
    font-family: Arial Black; 
    color: white; 
    position: relative;
}
div#footer a { text-decoration: none; color: white; }
div#footer a:hover { color: #ccc; }
div#footer span#left-side { background: url(/images/skateboards-ls-trans.png) 
                            no-repeat bottom left;
                            width: 217px; height: 541px; display: block; position: absolute;
                            top: -541px; left: 0px; margin-left: -15px; }
div#footer span#right-side { background: url(/images/skateboarders-rs-trans.png) 
                             no-repeat bottom right;
                             width: 209px; height: 419px; display: block; position: absolute;
                             top: -419px; right: 0px; }

/*------------------------------------------------------------------------------
  REGISTRATION PAGE
------------------------------------------------------------------------------*/

div#reg-content { 
    background: none; 
    color: black;
    padding: 0px 30px; 
}

div#reg-footer {
    padding: 30px;
}


/*------------------------------------------------------------------------------
  NEWS
------------------------------------------------------------------------------*/

div.news-item { position: relative; }
h3.news-title, h3.news-date { margin: 0px; padding: 0px; }
h3.news-date { position: absolute; top: 0px; right: 0px; font-size: 9pt; font-weight: normal; 
               color: #666; }
div.pagination { }
div.pagination a { text-decoration: none; }
div.news-item p.read-more { clear: both; }
p img { float: left; margin-right: 10px; margin-bottom: 10px; }

/*------------------------------------------------------------------------------
  NEWS
------------------------------------------------------------------------------*/

table.sponsors { clear: both; padding-top: 10px; }
table.sponsors img { margin-right: 10px; } 
table.sponsors h4 { font-size: 12pt; margin: 0px; padding: 0px; }
table.sponsors h4 a { text-decoration: none; color: #f41197; }
table.sponsors h4 a:hover { color: #009dd9; }
table.sponsors p { margin: 0px; }

/*------------------------------------------------------------------------------
  ARTISTS
------------------------------------------------------------------------------*/

div.artist-item { clear: both; padding-top: 10px; }
div.artist-item img { float: left; margin-right: 10px; } 
div.artist-item h4 { font-size: 12pt; margin: 0px; }
div.artist-item h4 a { text-decoration: none; }
div.artist-item div.artist-summary { }

/*------------------------------------------------------------------------------
  GALLERY
------------------------------------------------------------------------------*/

h4.gallery-title { clear: both; }
div.gallery-img { width: 100px; height: 100px; float: left; background: #ccc;
                  margin: 10px; text-align: center; padding: 5px; 
                  position: relative; }

/*------------------------------------------------------------------------------
  PROGRAM
------------------------------------------------------------------------------*/

table.program { border-collapse: collapse; font-size: 7pt; width: 530px; }
table.program th, table.program td { border: 1px solid #333; }
table.program td { text-align: center; width: 50px; padding: 3px; }
td.warm-up { background: #f41197; }
td.competition { background: #009dd9; }
td.other { background: #3fe71e; }
td.show { background: #820fa3; }

/*------------------------------------------------------------------------------
  RIDERS
------------------------------------------------------------------------------*/

table.rider th { text-align: left; }
table.riders { width: 520px; border-collapse: collapse; }
table.riders td.first { width: 25%; }
table.riders td { padding: 2px; font-size: 12pt; font-weight: bold; }

/*------------------------------------------------------------------------------
  COPYRIGHTS
------------------------------------------------------------------------------*/

div.copyright {
    width: 1125px; 
    margin: 10px auto; 
    text-align: center; 
    color: #aaa;
}

div.design a {
    color: #aaa;
}