/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-home.css, 2009/11/10
 * @link	http://www.agenceici.com/
 * @link	http://www.kenny-racing.com/
 *
 */


#page-home { }


.news { width: 320px; }
.news .last-news h1 { font-weight: normal; font-size: 18px; padding-bottom: 7px; }
.news .last-news div.image { position: relative; width: 320px; height: 240px; padding: 7px 0; }
.news .last-news div.image img { display: block; }
.news .last-news div.image img.border { position: absolute; left: 0; top: 7px; width: 320px; height: 240px; background: url(../images/news-image-border.png); }
.news .last-news div.movie { padding: 7px 0; }
.news .last-news p { text-align: justify; padding: 7px 0; }
.news .archives h2 { border-top: 1px solid #212728; border-bottom: 1px solid #212728; font-weight: normal; font-size: 14px; padding: 7px 5px; }
.news .archives li { padding: 10px 5px; color: #5f6869; text-align: justify; }
.news .archives li a { color: #5f6869; font-size: 14px; }

.newsletter { position: absolute; right: 40px; top: 580px; width: 310px; }
.newsletter a.switch { display: block; text-align: center; border: 1px solid #fff; background: #383838; text-decoration: none; padding: 10px 0; }
.newsletter a.switch img { display: block; margin: 0 auto; width: 155px; height: 41px; }
.domain-racing .newsletter a.switch img { background: url(../images/kenny-bike.png); }
.domain-bike .newsletter a.switch img { background: url(../images/kenny-racing.png); }
.newsletter a.switch span { display: block; font-size: 11px; padding-top: 10px; }
.newsletter #newsletter-frm { padding: 5px 0; }
.newsletter #newsletter-frm .l1 { display: block; color: #2f4243; padding-bottom: 5px; font-size: 11px; }
.newsletter #newsletter-frm .l2 { color: #fff; vertical-align: middle; }
.newsletter #newsletter-email { width: 170px; margin: 0 5px; background: #829297; border: 1px solid #526267; vertical-align: middle; }
.newsletter #newsletter-ok { width: 26px; height: 14px; background: url(../images/button-ok.gif); border: 0 none; vertical-align: middle; }

.get-adobe { padding-top: 10px; }
.get-adobe a { display: inline-block; width: 100px; height: 25px; }
.get-adobe a span { display: none; }
.get-adobe a.flash { background: url(../images/getflash.gif); margin-right: 20px; }
.get-adobe a.reader { background: url(../images/getreader.gif); }