/* ====================================================================== */ /* ==| AUTHOR : Madara Ranawake |== */ /* ==| PROJECT : LANCER RALLITART |== */ /* ==| URL : http://www.lancerralliart.com |== */ /* ==| DATE : 2008 SEPTEMBER 10 |== */ /* ==| MODIFY : 2008 SEPTEMBER 10 |== */ /* ==| NOTE : All the attributes are editable, |== */ /* ==| do NOT change the class names or IDs |== */ /* ====================================================================== */ /* ---------------------------------------------------------------------- */ /* = Rules defined for apply GLOBALLY begins from this point forward = */ /* ---------------------------------------------------------------------- */ body { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#FFF; background:#000000 url(/img/bg/main.png) repeat-x; line-height:10pt; } html, body { height:100%; margin:0; padding:0; } p { margin:0 0 15px 0; line-height:12pt; } sup { font-size:smaller; vertical-align:baseline; position:relative; bottom:0.33em; } p a { color:#C50008; text-decoration:none; } p a:hover { color:#C50008; text-decoration:underline; } /* ---------------------------------------------------------------------- */ /* = The style rules defined for HTML element IDs begins here = */ /* ---------------------------------------------------------------------- */ #divMasterContainer { width:100%; height:100%; } #divContent { width:1078px; height:auto; clear:both; margin:auto; position:relative; left:100px; } /*900*/ #divMasthead { width:inherit; height:335px; clear:both; background:url(/img/bg/masthead.png) no-repeat; } #divMastheadNews { width:inherit; height:284px; clear:both; background:url(/img/bg/masthead_news.png) no-repeat; } #divMastheadDiary { width:inherit; height:284px; clear:both; background:url(/img/bg/masthead_diary.png) no-repeat; } #divMastheadSpecs { width:inherit; height:284px; clear:both; background:url(/img/bg/masthead_specs.png) no-repeat; } #divMastheadTestDrive { width:inherit; height:284px; clear:both; background:url(/img/bg/masthead_test_drive.png) no-repeat; } #divHomeLink { width:inherit; height:125px; clear:both; position:relative; } #divNav { width:inherit; height:60px; clear:both; } #divIntro { width:910px; height:150px; clear:both; border-bottom:1px solid #FFF; } #divIntroL { width:710px; height:inherit; float:left; } #divIntroR { width:200px; height:30px; float:left; text-align:right; padding-top:120px; } #divIntroNews { width:910px; height:40px; clear:both; padding-top:59px; text-align:right; } #divIntroReturnStories { width:715px; height:10px; clear:both; margin-top:-20px; text-align:right; } #divSpecControlHolder { width:910px; height:99px; clear:both; } #divSpecControlHolderL { width:710px; height:49px; float:left; padding-top:50px; } #divSpecControlHolderR { width:200px; height:40px; float:left; text-align:right; padding-top:59px; } #divMainContent { width:910px; height:auto; clear:both; margin-top:20px; } #divMainContentNews, #divMainContentSpec, #divMainContentDiary { width:910px; height:auto; clear:both; } #divMainContentR { width:456px; height:auto; float:left; margin-right:49px; } #divYouTube { width:436px; height:353px; clear:both; padding:10px; background-color:#FFF; margin-bottom:20px; } /*356*/ #divRaceDiary { width:456px; height:auto; clear:both; margin-bottom:20px; } #divRaceDiaryIMG { width:456px; height:auto; clear:both; margin-bottom:40px; margin-top:35px; } #divGMap { width:425px; height:456px; clear:both; padding:10px; background-color:#FFF; margin-bottom:20px; } /*356*/ #divGMapTarget { width:425px; height:456px; clear:both; margin:auto; } /*356*/ #divDiaryContentM { width:688px; height:auto; float:left; margin-right:7px; } #divDiaryContentR { width:215px; height:auto; float:left; } #divNewsContentR { width:215px; height:auto; float:left; margin-right:8px; } #divContributionContainer { width:193px; height:inherit; border-left:1px solid #5C1014; border-right:1px solid #5C1014; padding:0 10px 0 10px; background:#410D10 url(/img/bg/news.png) repeat; } #divContributionContainer a { color:#C50008; text-decoration:none; } #divContributionContainer a:hover { color:#C50008; text-decoration:underline; } #divNewsContentM { width:718px; height:auto; float:left; margin-right:7px; } #divNewsContentL { width:185px; height:auto; float:left; } #divEventsContainer { width:163px; height:inherit; border-left:1px solid #5C1014; border-right:1px solid #5C1014; padding:0 10px 0 10px; background:#410D10 url(/img/bg/news.png) repeat; } #divEventsContainer a { color:#C50008; text-decoration:none; } #divEventsContainer a:hover { color:#C50008; text-decoration:underline; } #divContestContainer { width:163px; height:inherit; border-left:1px solid #5C1014; border-right:1px solid #5C1014; padding:0 10px 0 10px; background:#410D10 url(/img/bg/news.png) repeat; } #divContestContainer a { color:#F58220; text-decoration:none; } #divContestContainer a:hover { color:#F58220; text-decoration:underline; } #divMainContentL { width:405px; height:auto; float:left; } #divFlickr { width:385px; height:385px; clear:both; padding:10px; background-color:#FFF; text-align:center; } #divFlickr img { margin:1px; } #divFlickrLogo { width:380px; height:35px; clear:both; padding-left:5px; border-width:0 10px 10px 10px; border-color:#FFF; border-style:solid; background-color:#C7C7C7; margin-bottom:20px; } #divMitsuBadges { width:inherit; height:auto; margin-bottom:20px; } #divBuzz { width:inherit; height:auto; margin-bottom:20px; } #divSiriusBadges { width:inherit; height:auto; margin-bottom:20px; } #divTestDriveHolder { width:736px; height:auto; clear:both; } #divTestDriveHolderT { width:inherit; height:42px; clear:both; } #divTestDriveHolderM { width:714px; border-left:1px solid #5C1014; border-right:1px solid #5C1014; padding:10px; background:#410D10 url(/img/bg/test_drive.png) repeat-x; } #divTestDriveHolderB { width:inherit; height:42px; clear:both; } #divMasterFooterContainer { position:relative; bottom:0; width:100%; height:141px; background:url(/img/bg/footer.png) repeat-x; } #divFooterContainer { width:1078px; height:auto; clear:both; margin:auto; position:relative; left:100px; padding-top:15px; } #divFooterFB { width:366px; height:86px; float:left; margin-right:12px; } #divFooterFlickr { width:171px; height:86px; float:left; margin-right:12px; } #divFooterLinks { width:349px; height:86px; float:left; } /* ---------------------------------------------------------------------- */ /* = Definitions for classes begins which must be called separately = */ /* ---------------------------------------------------------------------- */ #pagesNews { width:400px; float:right; margin:5px 0px; } #pagesNews p { font-size: 8pt; color:#F58220; float:right; } #pagesNews p span.pageSelected { font-size: 8pt; display: block inline; line-height:3; color: #FFF; font-weight: normal; border: 1px solid; border-color: #5d1015; background: #420d10; padding: 3px 7px; margin: 0 2px; } #pagesNews p a.pageNum:link, #pagesNews p a.pageNum:visited { text-decoration: none; display: block inline; font-size: 8pt; font-weight: normal; color: #826b6d; border: 1px solid; border-color: #410b0f; background: #2e090b; padding: 3px 7px; margin: 0 2px; } #pagesNews p a.pageNum:hover { text-decoration: none; color: #FFF; } #pagesNews p a.pageArrow { } #pagesNews p img { margin-bottom:-7px; } img.navSeparator { margin:0 5px 0 5px; } div.divFFFix { width:910px; height:1px; font-size:1px; clear:both; margin:0; padding:0; } p.redLineTitle { padding-bottom:3px; border-bottom:1px solid #5E0B0E; } div.divDiaryMoreButton { margin-bottom:15px; margin-top:-15px; float: right; } div.divDiaryEntryHome { border-bottom:1px solid #1A1A1A; margin-bottom:15px; } p.pDiaryEntryDate { font-size:8pt; margin-bottom:5px; } p.pDiaryEntrySignature span.author { color:#C50008; } p.pDiaryEntrySignature { font-size:8pt; } p.pDiaryEntrySignature a { color:#C50008; text-decoration:none; } p.pDiaryEntrySignature a:hover { text-decoration:underline; } p.pDiaryEntryTitle { font-size:13pt; font-weight:bold; color:#C50008; } p.pDiaryEntryTitle a { color:#C50008; text-decoration:none; } p.pDiaryEntryTitle a:hover { color:#C50008; text-decoration:underline; } div.divMitsuMoreButton { margin-bottom:15px; margin-top:-15px; float: right; } div.divMitsuEntryHome { border-bottom:1px solid #1A1A1A; margin-bottom:15px; } p.pMitsuEntryDate { font-size:8pt; margin-bottom:5px; } p.pMitsuEntrySignature span.author { color:#C50008; } p.pMitsuEntrySignature { font-size:8pt; } p.pMitsuEntrySignature a { color:#C50008; text-decoration:none; } p.pMitsuEntrySignature a:hover { text-decoration:underline; } p.pMitsuEntryTitle { font-size:13pt; font-weight:bold; color:#C50008; line-height:13pt; } p.pMitsuEntryTitle a { color:#C50008; text-decoration:none; } p.pMitsuEntryTitle a:hover { color:#C50008; text-decoration:underline; } div.divBuzzEntry { border-bottom:1px solid #1A1A1A; margin-bottom:15px; } p.pBuzzTitle { font-size:11pt; font-weight:bold; color:#F58220; margin-bottom:10px; } p.pBuzzTitle a { color:#F58220; text-decoration:none; } p.pBuzzTitle a:hover { color:#F58220; text-decoration:underline; } p.pBuzzSignature span.author { font-size:8pt; color:#F58220; } p.pBuzzSignature { font-size:8pt; color:#858585; } p.pBuzzSignature a { color:#F58220; text-decoration:underline; } p.pBuzzSignature a:hover { text-decoration:none; } div.divContentBlockContainer { width:inherit; height:auto; clear:both; margin-bottom:10px; } div.divDiaryContentItem { width:666px; height:auto; border-left:1px solid #5C1014; border-right:1px solid #5C1014; padding:0 10px 0 10px; background:#410D10 url(/img/bg/news.png) repeat-x; } div.divNewsContentItem { width:696px; height:auto; border-left:1px solid #5C1014; border-right:1px solid #5C1014; padding:0 10px 0 10px; background:#410D10 url(/img/bg/news.png) repeat-x; } div.divContributionSeparator { width:inherit; height:1px; font-size:1px; line-height:1px; border-bottom:1px solid #542628; margin:10px 0 10px 0; } div.divContributionSeparatorB { width:inherit; height:1px; font-size:1px; line-height:1px; margin:0; } td.divFooterFaceBook { font-size: 8pt; } div.divFooterBoxWall { width:5px; height:86px; float:left; } div.divFooterBoxWallFB { width:77px; height:86px; float:left; } div.divFooterBodyFB { width:274px; height:86px; float:left; font-size:7pt; background:url(/img/bg/foot_box.png) repeat-x; } div.divFooterBodyFlickr { width:161px; height:86px; float:left; background:url(/img/bg/foot_box.png) repeat-x; } div.divFooterBodyLinks { width:339px; height:86px; float:left; font-size:6.5pt; background:url(/img/bg/foot_box.png) repeat-x; } div.divFooterBodyLinks a { color:#FFF; text-decoration:none; } div.divFooterBodyLinks a:hover { text-decoration:underline; } p.pSpecMainTitle { font-size:12.5pt; font-weight:bold; color:#FFF; } p.pSpecSubTitle { font-size:11pt; font-weight:bold; color:#C50008; margin-bottom:10px; } table.tblSpec { border-width:1px 0 0 1px; border-color:#542628; border-style:solid; margin-bottom:15px; } table.tblSpec td, table.tblSpec th { border-width:0 1px 1px 0; border-color:#542628; border-style:solid; padding:2px; } table.tblSpec td p, table.tblSpec th p { margin:0; } table.tblSpec th { font-size:11pt; font-weight:bold; color:#C50008; } p.pTopLink { /*width:850px;*/ text-align:right; border-top:1px solid #2a1d1e; } img.languageToggle { position:absolute; top:0; left:840px; } /* ---------------------------------------------------------------------- */ /* = Definitions for any element begins = */ /* ---------------------------------------------------------------------- */ .introCopy { font-family:Helvetica, Arial, sans-serif; font-size:11pt; line-height:19pt; } .mr10 { margin-right:3px; } .mr15 { margin-right:15px; } .yellowTitle { color:#F58220; } .smallFont { font-size:8pt; margin:0; } .redLink { color:#C50008; text-decoration:none; } .redLink:hover { color:#C50008; text-decoration:underline; } /* ------------------ class created December 22nd 2008 , E.Njanga ------------------- */ .xh1{ margin:10px 0 5px 0; color:#FF9900; font-size:14px; } .xhr{ margin:23px 0; border:1px solid #222222; border-width:1px 0 0 0; } /* ------------------ class created December 22nd 2008 , E.Njanga ------------------- */