/* CSS designed by: Parashu Nepal, Tiger Mountain */

<style type="text/css">
<!--
body, html {margin: 0px; padding: 0px; background-color: #1e1f23; }
* {font-family: "Helvetika", Arial, sans-serif; margin: 0px; padding: 0px;}
p {margin-top: 0px; margin-bottom: 11px; line-height: 140%; color: #d3d3d3; font-size: 70%;}
div {display: block; margin: 0px; padding: 0px;}
strong {color: #909195;}

td,th{
font-family:Arial, Helvetica, sans-serif;
font-color:###;
font-size:11px;
line-height:22px;
}

	

a{color:#cccccc;
}
a:link{color:#cccccc;
}
a:active{color:#cccccc;
}
a:visited{color:#cccccc;
}
a:hover{color:#999999;
}

.normaltext{
font-family: "Helvetika", Arial, sans-serif; margin: 0px; padding: 0px;
color:#CCCCCC;
font-size:11px;
line-height:20px;
}
/* named DIVs */
#pageWrapper {width: 100%; background-color: #1e1f23;}
#upperHeader {width: 100%; float: left; margin: auto; background-color: #1e1f23; height: 25px;}
#upperHeaderContent {width: 800px;margin: 0px auto 0px auto;}
#headerWrapper{width: 100%;  float: left; height: 190px; background-image:url(../images/carMadHeaderFlame.gif) 
ckground-position: left 25px; background-repeat: repeat-x;}
#headerFlame{width:100%; height: 165px;  float: left;
background-color:#FFCC00;}

#headerContent {width: 800px; height:165px; margin: 0px auto 0px auto;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
background-position:left;
background-color:#FFcc00;

}
#headerContent:active {background-image:;}
#navPanel {float: left; margin: 0px; padding: 0px; margin-top: 142px;}
#searchField {border: 1px dotted #33353a; padding: 4px;  background-color: #1e1f23; color: #FFFFFF; font-weight: bold; width: 150px; height: 16px; margin-right: 8px;}
#searchBar {display: inline-block; float: left; font-weight: bold; font-size: 70%;}
input {font-size: 70%; background-color: #1e1f23; }
#contentWrapper {width: 100%; float: left; background-color: #1e1f23;}
#columnWrapper {width: 800px; margin: auto; margin-top: 20px;}
#leftColumnWrapper {width: 500px; float: left; }
#errorWrapper {width: 100%; padding: 15px; background-color: #27282c; border: 1px dotted #33353a;}

#rightColumnWrapper {width: 290px; float: right;}
#articleWrapper {float: left; margin: 0px 0px 15px 0px;  padding: 15px; background-color: #27282c; width: 465px; border: 1px dotted #33353a;}
#article {width: 100%; }
#articleSubhead {color: #cc8e23;}
#comments {width: 100; background-color: #AAAAAA;}
#footerWrapper {width: 100%; float: left; background-color: #1e1f23; height: 24px;}
#footer {width: 800px;  margin: auto;}
#lowerContentWrapper {background-color: #ffcc00; width: 100%; height:65px; float: left; padding-top: 0px; padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
 }
#scroller {width:800px; padding:0px;
float:none;}
#lowerContent {width: 800px; margin: auto; padding-bottom: 15px;}
#copyright {width: 50%; float: left; margin-top: 5px;}
#compliance {width: 50%; float: right; text-align: right;}
#searchResultsWrapper {float: left; margin: 0px 0px 15px 0px;  padding: 15px; background-color: #27282c; width: 465px; border: 1px dotted #33353a;}


/* mailer styles */
#mailBody {margin: 0px; padding: 0px; background-color: #1e1f23; font-family: "Trebuchet MS"; color: #d3d3d3;  padding: 20px;}
#mailHeder {width: 100%; background-color: #ffcc00; padding: 20px;}
.car {color: #FFFFFF; font-size: 200%;}
.mad {color: #202020; font-size: 200%; text-transform: uppercase;}

/* generic DIVs */
div.panelWrapper {float: left; margin: 0px 0px 15px 10px;  padding: 15px; background-color: #27282c; width: 245px; border: 1px dotted #33353a;}
/* main navigation links */
UL {margin: 0px; padding: 0px;}
LI {display: inline; width: auto; float: left; list-style: none; text-decoration: none; color: #47484d; font-weight: bold;}
LI.mainNav {display: inline-block; background-color: #a70000; text-transform: uppercase; font-size: 60%; margin-right: 1px; list-style: none; text-align: center;}
LI.mainNavCurrent {display: inline-block; float: left; padding: 4px; background-color: #1e1f22; text-transform: uppercase; font-size: 60%; color: #FFFFFF; margin-right: 1px; list-style: none; text-align: center;}
LI.mainNav a {display: block; float: left; padding: 4px; text-decoration: none;}
LI.mainNav a:link {color: #FFFFFF;}
LI.mainNav a:visited {color: #FFFFFF;}
LI.mainNav a:hover {color: #1e1f22; background-color: #e3ae21;}
LI.mainNavCurrent span {color: #e3ae21; font-size: 80%;}
LI.mainNav a span {color: #1e1f22; font-size: 90%;}
LI.mainNav a:hover span {color: #ffffff; font-size: 90%;}
/* upper header links */
LI.upperHeaderLink {display: block; float: left; margin-right: 10px; font-size: 60%; margin-top: 4px; background-repeat: no-repeat; background-position: left; color: #797878; text-decoration: none; }
LI.upperHeaderLink a {background-repeat: no-repeat; background-position: left; padding-left: 14px; text-decoration: none;}
LI.upperHeaderLink a:link {background-image:  url(../images/madStarGold.jpg); color: #909195; text-decoration: none;}
LI.upperHeaderLink a:visited {background-image:  url(../images/madStarGold.jpg); color: #909195; text-decoration: none;}
LI.upperHeaderLink a:hover {background-image:  url(../images/madStarRed.jpg); color: #ce8d25; text-decoration: none;}
/* footer links */
LI.footerLink{display: block; float: right; margin-right: 10px; font-size: 60%; margin-top: 4px; background-repeat: no-repeat; background-position: left; color: #797878; text-decoration: none; }
LI.footerLink a {background-repeat: no-repeat; background-position: left; padding-left: 14px; text-decoration: none;}
LI.footerLink  a:link {background-image:  url(../images/madStarGold.jpg); color: #909195; text-decoration: none;}
LI.footerLink  a:visited {background-image:  url(../images/madStarGold.jpg); color: #909195; text-decoration: none;}
LI.footerLink  a:hover {background-image:  url(../images/madStarRed.jpg); color: #ce8d25; text-decoration: none;}


/* recent links */
LI.recentLink {display: block; float: left; width: 100%;  font-size: 70%; background-image: url(../images/sepHorizGrey.gif); background-position: top left; background-repeat: repeat-x; margin: 4px 0px 0px 0px; padding-top: 5px;}
LI.recentLink a {text-decoration: none; font-weight: bold; padding-left:16px; background-image:  url(../images/madStarGoldSidebar.jpg); background-position: left; background-repeat: no-repeat;}
LI.recentLink a:link {color: #909195;}
LI.recentLink a:visited {color: #909195;}
LI.recentLink a:hover {color: #ce8d25; background-image:  url(../images/madStarRedSidebar.jpg);}
.recentLinkDate {display: block; padding-left: 16px; text-align: left; font-size: 85%;}
/* search results */
LI.searchResult{display: block; float: left; width: 100%;  font-size: 70%; background-image: url(../images/sepHorizGrey.gif); background-position: top left; background-repeat: repeat-x; margin: 4px 0px 0px 0px; padding-top: 5px;}
LI.searchResult a {text-decoration: none; font-weight: bold; padding-left: 20px; background-image:  url(../images/madStarGoldSidebar.jpg); background-position: left; background-repeat: no-repeat;}
LI.searchResult a:link {color: #909195;}
LI.searchResult a:visited {color: #909195;}
LI.searchResult a:hover {color: #ce8d25; background-image:  url(../images/madStarRedSidebar.jpg);}
.searchResultDate {display: block; padding-left: 20px; text-align: left; font-size: 85%;}
/* comments and  comment form */
.commentFormNameField {border: 1px dotted #33353a; padding: 4px;  background-color: #1e1f23; color: #333333; font-weight: bold; width: 97%; height: 16px; margin-right: 8px; font-size: 100%;}
.commentFormEmailField{border: 1px dotted #33353a; padding: 4px;  background-color: #1e1f23; color: #FFFFFF; font-weight: bold; width: 150px; height: 16px; margin-right: 8px; font-size: 100%;}
.commentFormCommentField{border: 1px dotted #33353a; padding: 4px;  background-color: #1e1f23; color: #FFFFFF; font-weight: bold; width: 97%; height: 100px; margin-right: 8px; font-size: 100%;}
.commentWrapperOdd {padding: 4px; width: 97%; margin-right: 8px; background-image: url(../images/sepHorizGrey.gif); background-position: bottom left; background-repeat: repeat-x; }
.commentWrapperEven {padding: 4px; width: 97%; margin-right: 8px; background-image: url(../images/sepHorizGrey.gif); background-position: bottom left; background-repeat: repeat-x; }
.formLabel {color: #d3d3d3; font-weight: bold;}
.commentName p {margin-bottom: 0px;  background-image:  url(../images/madStarGold.jpg); background-position: left; background-repeat: no-repeat; padding-left: 14px;}
.commentBody p {margin-bottom: 5px; color: #d3d3d3;}

/*lower content links*/
LI.lowerContentLink{display: block; float: left; width: 100%;  font-size: 70%; background-image: url(../images/sepHorizRed.gif); background-position: top left; background-repeat: repeat-x; margin: 5px 0px 5px 0px;padding: 4px 0px 4px 0px;10px; color: #FFFFFF;}
LI.lowerContentLink a {text-decoration: none; font-weight: bold; padding-left: 20px; background-image:  url(../images/madStarGoldLower.jpg); background-position: left; background-repeat: no-repeat;}
LI.lowerContentLink a:link {color: #1e1f23;}
LI.lowerContentLink a:visited {color: #1e1f23;}
LI.lowerContentLink a:hover {color: #ce8d25; background-image:  url(../images/madStarRedLower.jpg);}
.lowerContentLinkDate {display: block; padding-left: 20px; text-align: left; font-size: 85%;}

/* article */
#articleHeader {width: 100%; margin-bottom: 10px;}
#calendar {width: 40px; height: 50px; float: left; background-image:  url(../images/madCalendarBg.jpg);	background-repeat: no-repeat;	background-position: middle; margin-right: 10px; margin-left: 5px;padding: 0px; }
#calendarMonth {width: 90%; font-size: 11px; color: #1e1f22; text-align: center; height: 20px; line-height: 30px; text-transform: uppercase;font-weight: bold;}
#calendarDay {width: 90%; font-size: 130%; font-weight: bold; color: #CC0000; text-align: center; height: 28px; line-height: 22px; letter-spacing: -2px;}
#articleContent {width: 100%; float: left; }
H2.articleTitle {text-align: left; font-size: 150%; color: #FFFFFF; text-transform: none; font-weight: normal; background-image: url(../images/sepHorizGrey.gif); background-position: bottom; background-repeat:repeat-x; padding-bottom: 3px; margin-left: 0px; padding-left: 0px; width: 410px; margin-bottom: 2px;}
#articleDate p {margin-top: 0px; margin-left: 0px;}
#articleDate a {font-size: 80%;}
#normal{font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:100%;}

#articleSubHead p {font-weight: normal; color: #cc8e23; font-size: 90%; margin-top: 10px;}
IMG {background-color: #27282c;  padding: 2px; margin-bottom: 5px;  border: 1px dotted #33353a; }
.articleCopy p {font-weight: bold; color: #d3d3d3; }
.articleCopy li {font-size: 70%; color: #d3d3d3; display: block;  width: 100%;float: left; margin-bottom: 10px;}
#articleImageCaption {font-size: 90%;  margin-bottom: 30px; margin-top: -22px; margin-left: 8px;}
/* lower Content */
.lowerPanelWrapper {float: left; width: 29%; margin-right: 3%;}
/* headings */
H1 {font-size: 130%; color; #FFFFFF; letter-spacing: -1px; text-transform: uppercase;}
H2 {font-size: 160%; color: #CC8e23; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 10px;}
H3 {font-size: 100%; color: #cc8e23; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 10px;}
H4 {font-size: 100%; color: #cc8e23; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 10px;}
/* other decor */
.backToTop {display: block; width: 100%; text-align: left; color: red; margin-bottom: 10px; margin-top: 20px;}
.backToTop a {text-align: right; font-size: 70%; text-decoration: none; font-weight:  bold;}
.backToTop a:link {color: #FFFFFF;}
.backToTop a:visited {color: #FFFFFF;}
.backToTop a:hover {color: #CC8e23;}
div.HR {display: block; width: 100%; height: 1px; background-image: url(../images/sepHorizGrey.gif); background-position: left; background-repeat:repeat-x; margin-bottom: 10px;}
/* pageFooter */* buttons */
.searchButton {background-image: url(../images/searchButtonBackground.jpg); background-position: left; background-repeat: none;  border: none; color: #FFFFFF; font-weight: bold; width: 70px; text-transform: uppercase; font-size: 70%; text-align: center; height: 23px;} 
.searchButton:hover {background-image: url(../images/searchButtonBackgroundOver.jpg); background-position: left; background-repeat: none; border: none; color: #1e1f23; font-weight: bold; width: 70px; text-transform: uppercase; font-size: 70%; text-align: center; height: 23px;} 
.yesButton {background-image: url(../images/yesButton.jpg); background-position: left; background-repeat: none;  border: none; color: #FFFFFF; font-weight: bold; width: 42px; text-transform: uppercase; font-size: 70%; text-align: center; height: 23px;} 
.yesButton:hover {background-image: url(../images/yesButtonOver.jpg); background-position: left; background-repeat: none;  border: none; color: #1e1f23; font-weight: bold; width: 42px; text-transform: uppercase; font-size: 70%; text-align: center; height: 23px;} 
.noButton {background-image: url(../images/noButton.jpg); background-position: left; background-repeat: none;  border: none; color: #FFFFFF; font-weight: bold; width: 42px; text-transform: uppercase; font-size: 70%; text-align: center; height: 23px;} 
.noButton:hover {background-image: url(../images/noButtonOver.jpg); background-position: left; background-repeat: none;  border: none; color: #1e1f23; font-weight: bold; width:42px; text-transform: uppercase; font-size: 70%; text-align: center; height: 23px;} 
.submitCommentButton {background-image: url(../images/searchButtonBackground.jpg); background-position: left; background-repeat: none;  border: none; color: #FFFFFF; font-weight: bold; width: 70px; text-transform: uppercase; font-size: 100%; text-align: center; height: 23px;} 
.submitCommentButton:hover {background-image: url(../images/searchButtonBackgroundOver.jpg); background-position: left; background-repeat: none;   border: none; color: #1e1f23; font-weight: bold; width:70px; text-transform: uppercase; font-size: 100%; text-align: center; height: 23px;} 
/* ads */
.comingSoon {background-image:  url(/images/madAdComingSoon.jpg); background-repeat: no-repeat; background-position: top right; padding-right: 80px;}
.friendsOfCarmad {background-image:  url(../images/friendsOfCarmad.jpg); background-repeat: no-repeat; background-position: top right; padding-right: 80px;}
.tellAFriend{background-image:  url(../images/tellAFriend.jpg); background-repeat: no-repeat; background-position: top right ; padding-right: 80px;}
.vote{background-image:  url(../images/vote.jpg); background-repeat: no-repeat; background-position: top right ; padding-right: 80px;}

hr {padding: 0px; margin: 0px; height: 1px;}
.hidden {display: none;}
.black {color: #000000;}
p a {display: inline-block; border: none; text-decoration: none;}
p a:link {color: #cccccc; font-weight: bold; }
p a:visited{color: #cccccc; font-weight: bold;}
p a:hover{color: #cc8e23; font-weight: bold;}
a
-->
</style>