@import url(base.css);

h1,h2 { font-weight: bold; }
h1,h2,h3,h4,h5,h6 { color:#e20707; }

.green h2,
.green h3,
.green h4,
.green .date,
.green a,
.green a:visited {
    color: #60a431;
}

.post .date {
    font-size: 0.9em;
}

.avvisi_list .avviso .date { color:#e20707; }

/******************************************************************************
 * Homepage
 *****************************************************************************/

#content-main #calendar h1 { background:url(../images/calendario.png) no-repeat; height:25px; }
    #content-main h1 span { display:none; }

#content-main #calendar { 
    overflow:auto; width:100%; }

#calendar .races .date { color:#e20707; }
#calendar .races li { padding: 0.5em 0; }
#calendar .races .minidesc { color:#696969;}

#content-main #avvisi h2 { background:url(../images/avvisi.gif) no-repeat; height:18px; }
    #content-main #avvisi h2 span { display:none; }

#content-main #quick-links {
    width: 120px;
    float: right;
    background: #fff url(../images/rally_ql_top.gif) no-repeat;
    margin: 0;
    padding: 20px 0 0;
}
    #content-main #quick-links ul {
        border-left: 1px solid #60a431;
        border-right: 1px solid #60a431;
        margin:0;
        padding-top: 1em;
        display: block;
    }
    #content-main #quick-links .bg {
       background: url(../images/rally_ql_bt.gif) bottom no-repeat;
       height: 10px;
       
    }

    #content-main #quick-links .bg { margin-top: -3px; }
    html>body #content-main #quick-links .bg { margin-top: 0px; }

    #content-main #quick-links h3 { display: none; }
    #content-main #quick-links li {
        font-size: 1.3em;
        font-weight: bold;
        margin: 1em 0 0;
    }
    #content-main #quick-links a { text-decoration: none; }

/*#sponsor-block {
    background: #ccc; border:1px solid red;
}
    #sponsor-block div img { display: inline; border: 1px solid green;}
*/
#sponsor-block {
    text-align: left;
    margin: 1em 0 1em;
}

/*--------------------*/
#sidebar-right #latest-news h3 {
    background: url(../images/news.gif) center 5px no-repeat;
    height: 17px;
    margin: 0;
}
    #sidebar-right #latest-news h3 span { display:none; }

#sidebar-right #newsletter h3 {
    background: url(../images/newsletter.gif) center 5px no-repeat;
    height: 17px;
    margin: 0;
}
    #sidebar-right #newsletter h3 span { display:none; }

#sidebar-right #top { height:17px; background: #fff url(../images/sidebar_right_top.gif) top right no-repeat;}

/******************************************************************************
 * Races
 *****************************************************************************/

.race #info { overflow:auto; width:100%; margin-bottom: 2em;}
.race #organizer { float:left; width:200px; }
.race #desc { margin-left: 220px; }
.race #loghi { overflow:hidden; width:100%; }
.race #loghi div { margin:0; padding:0; }
.race #loghi .right { float:right;  }
.race #loghi span {
    margin:0; padding:0;
    display:table-cell;
    vertical-align:middle;
    height:105px;
    _line-height:90px;
    _font-size: 90px;
}
.race #loghi img { vertical-align:middle; }

div.gallery div {
    display:-moz-inline-box !important;
    display:inline;
    width:133px;
}
    div.gallery div span {
        display:table-cell;
        display:inline-block;
        padding:8px 0;
        width:133px;
        vertical-align:top;
    }
        div.gallery div span span  {
            vertical-align:middle;
            _line-height:95px;
            _font-size: 95px;
            display:table-cell;
            height:110px;
            width:133px;
            padding:0 !important;
        }






.race .title { overflow: hidden; }
.race .title h1 { display:block; }
.race .title h1#champ_1 { background: url(../images/motorally.gif) no-repeat; height:25px;}
.race .title h1#champ_2 { background: url(../images/raidtt.gif) no-repeat; height:25px; }

.race .title h2 { color:#000; }
.race .title h2 .date { color:#e20707; }
.race .title h3 { color:#555; }

.race #docs {
    background:#bdbdbd;
    height: auto !important; /* min-height IE */
    padding-bottom: 1em;
    overflow:hidden;
    width:100%;
}
.race #docs h2.bg { background:#939393 url(../images/docs.gif) 25px no-repeat; height:25px;}
.race #docs h2.bg span { display:none; }
.race #docs #quicklinks { float:right; padding:0.3em; }

.race #rallyonline {
    background:#a8dd83 url(../images/rally_online_bg.jpg) right bottom no-repeat;
    height: auto !important; /* min-height IE */
    height: 230px;
    min-height: 230px;
    padding-bottom: 2em;
}
    .race #rallyonline h2.bg { background:#60a531 url(../images/rally_online2.gif) 25px no-repeat; height:25px;}
    .race #rallyonline h2.bg span { display:none; }
    .race #rallyonline h3 { color:#999; font-weight:bold; }

    .race #rallyonline h3 span { display: none; }
    .race #rallyonline h3#classifiche  { background: url(../images/ro_classifiche.gif) no-repeat; height:25px; }
    .race #rallyonline h3#press { background: url(../images/ro_press.gif) no-repeat; height:25px; }
    .race #rallyonline h3#foto { background: url(../images/ro_foto.gif) no-repeat; height:25px; }
    .race #rallyonline h3#video { background: url(../images/ro_video.gif) no-repeat; height:25px; }

ul.standings { overflow:auto; width:97%; }
ul.standings .left { float:left; width:49%; }
ul.standings .right { float:right; width:49%; }

.news {
    overflow:hidden;
}
.news .date { color:#000; font-weight:bold; font-size:0.8em;}

/******************************************************************************
 * Chi siamo
 *****************************************************************************/

.chi-siamo .person { overflow:hidden; margin:1.5em 0; width:100%;}
    .chi-siamo .person img { display:block; float:left; width:111px; }
    .chi-siamo .person .desc { margin:0 0 0 120px; }
    .chi-siamo .person .name { font-weight:bold; font-size:1.2em; margin:0 0 0.5em 0; }
    .chi-siamo .person .role { font-size:1.1em; margin:0.3em 0; color:#e20707; }

 /******************************************************************************
  * Photogallery
  *****************************************************************************/
.photogallery h3 { color: #999; font-weight:bold; }

div.gallery {
    text-align: center;
}
  div.gallery a img {
      vertical-align:middle;
      border: 1px solid #e20707;
  }
  div.gallery div {
      display:-moz-inline-box !important;
      display:inline;
      width:133px;
  }
      div.gallery div span {
          display:table-cell;
          display:inline-block;
          padding:8px 0;
          width:133px;
          vertical-align:top;
      }
          div.gallery div span span  {
              vertical-align:middle;
              _line-height:95px;
              _font-size: 95px;
              display:table-cell;
              height:110px;
              width:133px;
              padding:0 !important;
          }

/******************************************************************************
 * Sponsor page
 *****************************************************************************/

.sponsor-link { height: 90px; line-height:90px; }
.sponsor-link * { vertical-align:middle; }
.sponsor-link a { text-decoration:none; }
.sponsor-link span {
    float:left;
    display:block;
    width:200px;
    height:90px;
    line-height:90px;
    _font-size: 90px;
    text-align:center;
    vertical-align:middle;
}
.sponsor-link img { vertical-align:middle; }

/******************************************************************************
 * Teams
 *****************************************************************************/
.teams .team { overflow:hidden; width:100%; margin:2em 0; }
.teams h2 { margin-bottom: 2.5em; }
.teams h3 { margin-top:0; margin-left:125px; }
.team .address { margin:0 220px 0 125px; }
.team .logo { float:left; border: 1px solid #ccc; width:110px; height:110px;}
.team .logo div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:110px; height:110px;
}
.team .logo * { vertical-align:middle; }
.team .logo i { _display: inline-block; height: 100%; width:0px; }
.team .photo { float:right; }
.team .people { clear:left; margin-right:160px; }
.team .people div { margin: 1em 0;}
.team ul { padding:0;}
.team .managers { float:left; width:33% }
.team .drivers { float:left; width:33%; }
.team .mechanics { float:right; width:33%; margin-left:0;}


.official-teams { text-align:center; margin:1em 0 2em; }
.official-teams * { vertical-align:middle; }
.official-teams i { _display: inline-block; height: 100%; width:0px;  }
.official-teams div { display:inline; margin:0 3px; }
.official-teams span {
    display:table-cell;
    display: inline-block;
    overflow:hidden;
    width:100px; height:70px;
    vertical-align:middle;
    text-align:center;
}

/******************************************************************************
 * Sponsor homepage
 *****************************************************************************/
 
 #banner {
     position:absolute;
     bottom:40px;
     left:100px;
     width:450px;
     height:50px;
 }
 
.stream-wrapper {
    overflow:hidden;
    position:relative;
}

.stream-wrapper .stream {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
}

#banner #off-team {
    height:47px;
}
#banner #off-team .stream {
    background: url(../images/team_off.gif) no-repeat;
    width:747px;
    height:47px;
}

/******************************************************************************
 * Bulletin board
 *****************************************************************************/

.bboard h2, .bboard h3, .bboard h4,
.bboard .pages .current-page,
.bboard .date, .bboard .all { color: #4a99d7; }
.bboard .date { font-weight:bold;  }
.bboard h3 .date { color: #000; font-size:0.8em; }
.bboard .title { font-weight: bold; }
.bboard .message { margin-bottom: 1em; }
.bboard .all { font-weight: bold; }

/******************************************************************************
 * Video
 *****************************************************************************/
.video_detail { text-align:center;}