/* ======================================================================

   GAPERSBLOCK.COM // GAPERS BLOCK MEDIA, LLC.
   inbox@gapersblock.com
   (c) 2006, All Rights Reserved.

   Stylesheet prepared by Naz Hamid
   Weightshift.com / work@weightshift.com / nh@gapersblock.com

 ======================================================================== */

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

 * { margin: 0; padding: 0; }

 body {
 color: #333333;
 font-family: georgia, lucida grande, arial, verdana, sans serif;
 font-size: 11px;
 line-height: 16px;
 background-color: #FFFFFF;
 min-width: 750px;
 }

 h1 { font-family: georgia, serif; font-size: 18px; font-weight: normal; line-height: 22px; }
 
 h2 { font-size: 15px; margin-bottom: 3px; } 
 
 h3 { font-size: 12px; color: #333333; margin: 0 10px 2px 10px; }
 
 h4 { font-size: 11px; text-transform: uppercase; margin: 0 10px 0 10px; display: inline; }
 
 a h3, a h4, a h1 { color: #333; }
 a:hover h3, a:hover h4, a:hover h1 { color: #cc3300; text-decoration: underline; }
 
 a:link { color: #990000; text-decoration: none; }
 a:visited { color: #990000; text-decoration: none; }
 a:hover { color: #cc3300; text-decoration: underline; }
 a:active { color: #990000; text-decoration: none; }
 
 img { border: 0; }
 
 blockquote {
 text-indent: 0px;
 background: #FFF url(gfx/bg_blockquote.gif) no-repeat;
 margin: 0px 0px 12px 0px;
 padding: 1px 10px 1px 10px;
 }
 

/*----------------------------------------------------------------------- 
   Layout styles
 ------------------------------------------------------------------------ */

 #frame {
 width: 755px;
 text-align: left;
 margin: 0 auto 0 auto;
 }

 #nav {
 float: left;
 width: 750px;
 height: 35px;
 background: url(gfx/nav.gif);
 margin: 0;
 padding: 0;
 position: relative;
 top: 0px;
 }

 #nav span { display: none; }

 #nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

 #nav li, #nav a { height: 35px; display: block; }
 #nav1 { left: 0px; width: 89px; }
 #nav2 { left: 89px; width: 95px; }
 #nav3 { left: 184px; width: 95px; }
 #nav4 { left: 279px; width: 95px; }
 #nav5 { left: 374px; width: 95px; }
 #nav6 { left: 469px; width: 95px; }
 #nav7 { left: 564px; width: 95px; }
 #nav8 { left: 659px; width: 91px; }

 #nav1 a:hover { background: transparent url(gfx/nav.gif) 0px -35px no-repeat;}
 #nav2 a:hover { background: transparent url(gfx/nav.gif) -89px -35px no-repeat;}
 #nav3 a:hover { background: transparent url(gfx/nav.gif) -184px -35px no-repeat;}
 #nav4 a:hover { background: transparent url(gfx/nav.gif) -279px -35px no-repeat;}
 #nav5 a:hover { background: transparent url(gfx/nav.gif) -374px -35px no-repeat;}
 #nav6 a:hover { background: transparent url(gfx/nav.gif) -469px -35px no-repeat;}
 #nav7 a:hover { background: transparent url(gfx/nav.gif) -564px -35px no-repeat;}
 #nav8 a:hover { background: transparent url(gfx/nav.gif) -659px -35px no-repeat;}

/*----------------------------------------------------------------------- 
   Peripheral Sites: Book Club, Transmission, Drive Thru
 ------------------------------------------------------------------------ */

 #peripheral { 
 width: 100%;
 background: url(gfx/bg_peripheral.gif) repeat-x;
 padding: 0;
 margin: 0;  
 text-align: left;
 }

 #peripheral-center { width: 750px; margin: 0 auto 0 auto;}

 #peripheral-nav {
 float: left;
 width: 750px;
 height: 32px;
 background: url(gfx/nav_peripheral.gif);
 margin: 0;
 padding: 0;
 position: relative;
 top: 0px;
 }

 #peripheral-nav span { display: none; }

 #peripheral-nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

 #peripheral-nav li, #peripheral-nav a { height: 32px; display: block; }
 #peripheral-nav1 { left: 0px; width: 95px; }
 #peripheral-nav2 { left: 95px; width: 95px; }
 #peripheral-nav3 { left: 190px; width: 95px; }
 #peripheral-nav4 { left: 285px; width: 95px; }
 #peripheral-nav5 { left: 380px; width: 95px; }

 #peripheral-nav1 a:hover { background: transparent url(gfx/nav_peripheral.gif) 0px -32px no-repeat;}
 #peripheral-nav2 a:hover { background: transparent url(gfx/nav_peripheral.gif) -95px -32px no-repeat;}
 #peripheral-nav3 a:hover { background: transparent url(gfx/nav_peripheral.gif) -190px -32px no-repeat;}
 #peripheral-nav4 a:hover { background: transparent url(gfx/nav_peripheral.gif) -285px -32px no-repeat;}
 #peripheral-nav5 a:hover { background: transparent url(gfx/nav_peripheral.gif) -380px -32px no-repeat;}
 
/*----------------------------------------------------------------------- 
   Masthead styles
 ------------------------------------------------------------------------ */
 
 #masthead {
 width: 750px;
 height: 97px;
 background: url(gfx/masthead.gif) no-repeat;
 }
 
 .masthead-left {
 float: left;
 width: 165px;
 height: 67px;
 text-align: center;
 padding-top: 30px;
 }
 
 .masthead-middle {
 float: left;
 width: 418px;
 height: 97px;
 text-align: center;
 }
 
 a.masthead-middle {
 width: 418px;
 height: 97px;
 }
 
 a:hover.masthead-middle {
 text-decoration: none;
 }
 
 .masthead-right {
 float: right;
 width: 165px;
 height: 67px;
 text-align: center;
 padding-top: 30px;
 }


 
/*----------------------------------------------------------------------- 
   Text ads styles
 ------------------------------------------------------------------------ */
 
 #text-ads {
 font-family: lucida grande, verdana, arial, sans serif;
 font-size: 11px;
 text-align: center;
 margin: 10px 10px 10px 10px; /* active */
 /* margin: 10px 0 0 0; */
 }
 
 .ads-callout {
 color: #999;
 font-size: 9px;
 text-transform: uppercase;
 font-weight: bold;
 padding-left: 5px;
 padding-right: 5px;
 }
 
 
 
/*----------------------------------------------------------------------- 
   Column styles - 
 ------------------------------------------------------------------------ */
 
 .col-left { float: left; width: 275px; margin: 0 10px 0 0; }
 
 .col-mid { float: left; width: 180px; }
 
 .col-right { float: left; width: 275px; margin: 0 0 0 10px; display: inline; }
 
 .col-right2  { float: left; width: 275px; margin: 0 0 0 10px; display: inline; }
 
 .col-left p, .col-right p { padding: 0 10px 12px 10px; }
 
 .col-wide { float: left; width: 465px; }
 
 .col-wide p { font-size: 13px; line-height: 20px; padding: 0 10px 18px 10px; }
 
 
/*----------------------------------------------------------------------- 
   Rearview styles 
 ------------------------------------------------------------------------ */
 
 .rearview-byline {
 background: url(gfx/bg_rearview_byline.gif) center repeat;
 padding: 3px 10px 3px 10px; 
 }
 
 .rearview-photo {
 height: 172px; 
 background: url(gfx/bg_rearview_photo.gif) center no-repeat;
 text-align: center;
 }
 
 .rearview-photo img { padding-top: 2px; } 
 
 .header-rearview {
 width: 750px;
 height: 40px;
 background: url(gfx/title_rearview_wide.gif) top no-repeat;
 text-align: right; 
 margin: 0 0 0 0;
 }
 
 .header-rearview p { padding: 18px 23px 0 0; }
 
 .rearview-main {
 width: 750px;
 background: url(gfx/bg_rearview.gif) repeat;
 }
 
 .rearview-main p { padding: 6px 0 10px 23px; }
 
 .rearview-main img {
 border: 1px solid #818181; 
 padding: 1px; 
 margin-top: 6px;
 }
 
 .rearview-left {
 float: left;
 width: 375px;
 }
 
 .rearview-right {
 float: left;
 width: 350px;
 text-align: right;
 }
 
 .rearview-main a:hover img{ border: 1px solid #000; background-color: #000; }
 
 .rearview-footer {
 width: 750px; 
 height: 23px;
 background: url(gfx/footer_rearview.gif) top no-repeat;
 }
 
 .rearview-thumbs {
 text-align: left; 
 padding: 0 0 0 23px;
 }
 
 .rearview-thumbs img {
 margin: 6px 6px 0px 0px;
 }
 
 .rearview-main select { font-family: courier new, courier, sans; font-size: 11px; width: 50px; background-color: #FFF; border: 1px solid #999; }


/*----------------------------------------------------------------------- 
   Book Club styles 
 ------------------------------------------------------------------------ */

 .header-bookclub {
 width: 750px;
 height: 30px;
 background: url(gfx/title_bookclub.gif) top no-repeat;
 text-align: right; 
 margin: 0 0 0 0;
 }

 .header-bookclub p { padding: 6px 10px 0 0; }

 .header-bookclub a { color: #FFCC00; }

 #current-book {
 background-color: #ECE9D5;
 padding: 10px;
 border-bottom: 1px solid white;
 }

 #current-book img { background-color: #FFFFFF; padding: 2px; border: 1px solid #CCC; margin-right: 10px; }

 .col-right-book { float: left; width: 275px; margin: 0px 0 0 10px; display: inline; }

 .col-right-book p { padding: 0 10px 12px 10px; }

 .bookclub h1 { font-size: 18px; padding: 10px 10px 2px 10px; }
 .bookclub h2 { font-size: 13px; padding: 2px 10px 6px 10px; border-bottom: 1px dotted #CCCCCC; margin-bottom: 10px; }
 
 
/*----------------------------------------------------------------------- 
   Transmission styles 
 ------------------------------------------------------------------------ */
 
 .transmission-byline {
 background: url(gfx/bg_transmission_byline.gif) center repeat;
 padding: 3px 10px 3px 10px; 
 }
 
 
/*----------------------------------------------------------------------- 
   Slowdown styles 
 ------------------------------------------------------------------------ */
 
 #slowdown {
 font-family: lucida grande, lucida sans unicode, arial, verdana, sans serif; 
 font-size: 11px; 
 width: 178px;
 border-left: 1px solid #e0e0cd;
 border-right: 1px solid #e0e0cd;
 margin-bottom: 20px; 
 overflow: hidden;
 }
 
 #slowdown p {
 background-color: #fffff2; 
 padding: 5px 8px 5px 8px; 
 line-height: 16px;
 background: url(gfx/rule_slowdown.gif) bottom no-repeat #fffff2;
 }
 
 #slowdown p.date { font-weight: bold; background: url(gfx/rule_date_slowdown.gif) bottom no-repeat #fbfbe1; }
 
/*----------------------------------------------------------------------- 
   Calendar styles 
 ------------------------------------------------------------------------ */
 
 .calendar-date { 
 font-weight: bold; 
 text-align: left; 
 text-transform: uppercase;
 background: url(gfx/rule_date_slowdown.gif) bottom no-repeat #f1f1c8; 
 border-bottom: #f1f1c8; 
 padding: 5px 8px 5px 8px;
 }

 .calendar { height: 20px; background-color: #fffff2; }

 .cal-1 { 
 width: 14%; 
 height: 22px;
 text-align: center; 
 vertical-align: middle; 
 background-color: #fffff2;
 border-bottom: 1px solid #e0e0cd; 
 font-size: 10px;
 }

 th { border-bottom: 1px solid #cacab4; height: 22px; }	
	
 .cal-2 {
 width: 14%; 
 height: 22px;
 text-align: center; 
 vertical-align: middle; 
 background-color: #f0f0de;
 border-bottom: 1px solid #e0e0cd; 
 font-size: 10px;
 }

 .today {
 height: 20px;
 vertical-align: middle; 
 text-align: center;
 padding-top: 2px;
 background-color: #a6a699; }

 .today a { color: #FFF; } 
 
 
/*----------------------------------------------------------------------- 
   Detour styles 
 ------------------------------------------------------------------------ */
 
 h1.detour { margin: 0 10px 2px 10px; }
 
 img.detour { margin-top: -42px; margin-left: 10px; }
 
 .detour-archive { border-top: 1px solid #CCC; }
 
 /* paragraph call to highlight the detour "click here" */
 p.detour-photo {
 background-color: #f5f5dd;
 border-top: 1px dashed #dcdcc1;
 border-bottom: 1px solid #dcdcc1;
 margin: 0 0 10px 0; 
 padding: 10px;
 }

 .sidebar {
 float: right;
 width: 200px;
 line-height: 16px;
 padding: 10px;
 margin: 10px 0 10px 10px;
 background: #fafaeb;
 border: 1px solid #e7e7d3;
 }

 .sidebar p {
 font-family: lucida grande, verdana, arial;
 font-size: 10px;
 }
 

/*----------------------------------------------------------------------- 
   Airbags styles 
 ------------------------------------------------------------------------ */

 .dotted-rule {
 height: 1px;
 background: url(gfx/rule_airbags.gif) bottom repeat-x;
 margin: 0 0 12px 0;
 }
 
 .dotted-rule-wide {
 height: 1px;
 background: url(gfx/rule_airbags.gif) bottom repeat-x;
 margin: 0 0 18px 0;
 }
 
 
 /*a.comments { background: url(gfx/icon_comments.gif) right no-repeat; padding-right: 12px; }*/
 
 
/*----------------------------------------------------------------------- 
   Search and form styles
 ------------------------------------------------------------------------ */
 
 #search {
 width: 180px;
 height: 55px;
 background: url(gfx/bg_search.gif) no-repeat;
 margin-top: 10px;
 }
 
 #search input {
 color: #555555;
 font-family: lucida grande, arial;
 font-size: 11px;
 width: 155px;
 background-color: #fff;
 margin: 26px 10px 0px 10px;
 border: 1px solid #999;
 }
 
 form { display: inline; }
 
 select {
 width: 120px;
 background: url(gfx/bg_search.gif) no-repeat;
 padding: 0px 0px 1px 3px;
 background-color: #e5e5e5;
 border: 0;
 }
 
 input.three {
 width: 230px;
 border: 1px solid #CCC;
 font-family: georgia, verdana, arial; 
 font-size: 11px;
 padding: 2px;
 color: #777;
 }
 
 input, textarea {
 border: 1px solid #CCC;
 font-family: georgia, verdana, arial; 
 font-size: 11px;
 padding: 2px;
 color: #777;
 }
 
 input.none {
 border: 0;
 }
 
 input.send {
 margin-top: -5px;
 margin-bottom: 8px;  
 border: 0;
 }
 
 
/*----------------------------------------------------------------------- 
   Ad styles
 ------------------------------------------------------------------------ */
 
 .ad-gfx {
 padding: 1px 0 0 0;
 margin: 0 0 10px 0;
 border-top: 1px solid #CCC;
 }

 .merge-ad {
 padding: 0;
 margin: 0 0 10px 0;
 }
 
 .ad-gfx p { margin: 0; padding: 0; }
 
 .ad-block {
 background-color: #f2f2f2;
 padding-top: 10px;
 margin: 10px 0 0 0;
 border-top: 1px solid #bababa;
 border-bottom: 1px solid #bababa;
 }
 
 
/*----------------------------------------------------------------------- 
   Announcement styles
 ------------------------------------------------------------------------ */
 
 .announcement {
 font-family: lucida grande, lucida sans unicode, arial, verdana, sans serif; 
 font-size: 11px; 
 padding: 5px 10px 5px 10px; 
 background: url(gfx/rule_wide.gif) bottom no-repeat #f6f6da;
 }
 
 .red { color: #CC0000; }
 
 
/*----------------------------------------------------------------------- 
   Header + archive styles
 ------------------------------------------------------------------------ */
 
 #header-merge {
 width: 275px;
 height: 28px;
 background: url(gfx/title_merge.gif) top no-repeat;
 text-align: right; 
 margin: 0 0 6px 0;
 padding-top: 6px;
 }
 
 #header-fuel {
 width: 275px;
 height: 28px;
 background: url(gfx/title_fuel.gif) top no-repeat;
 text-align: right; 
 margin: 0 0 6px 0;
 padding-top: 6px;
 }
 
 #header-detour {
 width: 180px;
 height: 29px;
 background: url(gfx/title_detour.gif) no-repeat;
 text-align: right; 
 margin: 0 0 6px 0;
 padding-top: 7px;
 }
 
 #header-airbags {
 width: 275px;
 height: 29px;
 background: url(gfx/title_airbags.gif) top no-repeat;
 text-align: right; 
 margin: 0 0 6px 0;
 padding-top: 7px;
 }
 
 #header-slowdown {
 width: 180px;
 height: 34px;
 background: url(gfx/title_slowdown.gif) top no-repeat;
 text-align: right; 
 margin: 10px 0 0 0;
 }
 
 #header-merge ul, #header-fuel ul, #header-detour ul, #header-airbags ul, #header-slowdown ul { 
 float: right;
 text-align: left;
 }
 
 #header-slowdown ul.drop {
 padding-top: 11px;
 }

 #header-merge li, #header-fuel li, #header-detour li, #header-airbags li, #header-slowdown li {
 position: relative;
 text-align: left;
 list-style: none;
 }
 
 li.arc { background: url(gfx/archives_bg.gif); padding: 0px 8px 3px 8px; margin: 0; }
 
 .ulfooter { background: url(gfx/archives_footer.gif) bottom no-repeat; }
 
 .two-px { height: 2px; }

 #header-merge li ul, #header-fuel li ul, #header-detour li ul, #header-airbags li ul, #header-slowdown li ul  { 
 /* second-level lists */
 width: 150px;
 display: none;
 position: absolute;
 left: 0;
 background-color: #ebeae3;
 }

 #header-merge li>ul, #header-fuel li>ul, #header-detour li>ul, #header-airbags li>ul, #header-slowdown li>ul { 
 /* to override top and left in browsers other than IE, which will position to the top right of the containing   
 li, rather than bottom left */
 top: auto;
 left: auto;
 }

 #header-merge li:hover ul, li.over ul { 
 /* lists nested under hovered list items */
 display: block;
 z-index: 10;
 }
 
 #header-fuel li:hover ul, li.over ul { 
 /* lists nested under hovered list items */
 display: block;
 z-index: 20;
 }
 
 #header-detour li:hover ul, li.over ul { 
 /* lists nested under hovered list items */
 display: block;
 z-index: 30;
 }
 
 #header-airbags li:hover ul, li.over ul { 
 /* lists nested under hovered list items */
 display: block;
 }
  
 #header-slowdown li:hover ul, li.over ul { 
 /* lists nested under hovered list items */
 display: block;
 z-index: 40;
 }
 
/*----------------------------------------------------------------------- 
   Link styles
 ------------------------------------------------------------------------ */
 
 /* jump caret */
 a.jump { background: url(gfx/caret_down.gif) center right no-repeat; padding: 0 14px 0 0; }
 
 a.screen { margin: 0 17px 0 0; }
 
 a.divider { background: url(gfx/divider_dotted.gif) right no-repeat; padding-right: 6px; margin-right: 5px; }

 
/*----------------------------------------------------------------------- 
   Article & about styles
 ------------------------------------------------------------------------ */
 
 .article, .about { padding-top: 18px; }
 
 .article-head { text-align: center; padding: 0 0 18px 0; margin: 8px 0 0 0; border-bottom: 3px solid #999; }
 
 .article-head h1, .about h1 { font-size: 22px; font-weight: normal; line-height: 24px; margin: 5px 10px 10px 10px; }
 
 .article-head h3 { font-weight: normal; font-style: italic; color: #999; padding-bottom: 5px; }
 
 .article-head h4 { font-weight: normal; }
 
 .article-head h5, .about h5 { font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
 
 .article img { border: 1px solid #999; padding: 1px; }
 
 .article h2, .about h2 { color: #812f06; font-size: 16px; font-weight: bold; padding: 18px 10px 2px 10px; }
 
 .article-about-border {
 width: 461px;
 background-color: #FFF;
 border: 1px solid #CCC;
 padding: 1px; 
 margin: 0 0 18px 0;
 }
 
 .article-about { 
 background: url(gfx/article_author.gif) top no-repeat #ebebeb; 
 padding-top: 34px; 
 }
 
 .article-about p { font-size: 11px; line-height: 18px; padding: 0 10px 5px 10px; }
 
 /* email this article styles */
 .email-left { float: left; width: 130px; }
 .email-right { float: left; width: 122px; }
 .email { font-family: verdana, arial, georgia, garamond, times new roman, sans, serif; font-size: 11px; width: 110px;}
 .email-textbox { width: 235px; }
 
 .email-left input, .email-right input { width: 105px; }
 
 p.complete-archive { border-top: 1px dashed #CCC; border-bottom: 1px solid #CCC; padding: 10px; margin-bottom: 10px; }
 
 .article ol {
 margin: 0 14px 14px 14px;
 padding: 0 14px 0 14px;
 font-size: 13px; line-height: 18px;
 }

 .article ul {
 margin: 0 14px 14px 14px;
 padding: 0 14px 0 14px;
 font-size: 13px; line-height: 18px;
 }
 
 .article li {
 padding: 1px 0 1px 0;
 list-style: square;
 font-size: 13px; line-height: 18px;
 }

 
/*----------------------------------------------------------------------- 
   About Us styles
 ------------------------------------------------------------------------ */
 
 .staff { padding-top: 18px; }
 
 .staff img { padding: 2px; margin-left: 10px; }
 
 .staff h2 { font-weight: normal; font-size: 18px; padding: 10px 10px 10px 10px; }
 
 .staff h3 { font-weight: normal; text-transform: uppercase; font-size: 11px; }
 
 .staffer { border-bottom: 1px dashed; }
 
 .author-photo { float: left; width: 80px; }
 
 .author-text { float: left; width: 365px; }
 

/*----------------------------------------------------------------------- 
   Post styles
 ------------------------------------------------------------------------ */
 
 .post {
 padding-top: 18px; 
 border-bottom: 1px solid #ccc;
 }
 
 .post p { font-size: 13px; line-height: 20px; }
 
 ul.post { 
 padding: 0;
 margin: 0 10px 13px 25px; 
 border: 0;
 }
 
 ul.post li { color: #ccc; list-style: square; padding: 0 0 3px 0; }
 
 ul.upcoming { 
 padding: 0;
 margin: 0 10px 13px 25px; 
 border: 0;
 }
 
 ul.upcoming li { color: #333; list-style: square; padding: 0 0 3px 0; }

/*----------------------------------------------------------------------- 
   Comments styles
 ------------------------------------------------------------------------ */ 
 
 .comments-header { border-top: 1px solid #CCC; border-bottom: 3px solid #CCC; }
 .comments-header p { margin: 0; padding: 10px; }
 
 .comments {
 background-color: #F9F9F9;
 border-bottom: 1px solid #CCC;
 padding-top: 16px;
 }
 
 .comments2 {
 background-color: #eeeeee;
 border-bottom: 1px solid #CCC;
 padding-top: 16px;
 }
 
 .comments p, .comments2 p { 
 font-size: 11px; 
 line-height: 16px;
 padding: 0 14px 14px 14px;
 }

 #comments-form { 
 padding: 0 14px 0px 14px;
 border-top: 2px solid #CCC;
 }
 
 #comments-form p {
 font-size: 11px; 
 line-height: 16px;
 padding: 14px 0 0 0;
 }
 
 .comm { width: 180px; }

 #comments-form textarea {
 width: 180px; 
 height: 150px; 
 }
 
 input.radio { width: 20px; display: inline; }
 
 .comm-form-l {
 float: left;
 width: 210px;
 margin-right: 14px;
 border-right: 1px dashed #ccc;
 }
 
 .comm-form-r {
 float: left;
 width: 190px;
 }
 
 .notes {
 border-top: 1px dashed #CCC;
 border-bottom: 1px solid #CCC;
 background-color: #fbfbe1;
 padding: 12px 10px 2px 10px; 
 margin-bottom: 10px; 
 }
 
 .notes p { font-size: 11px; padding-bottom: 10px; }

 
 
/*----------------------------------------------------------------------- 
   Footer styles
 ------------------------------------------------------------------------ */

 #footer { 
 width: 750px;
 background: url(gfx/bg_footer.gif) bottom center no-repeat;
 margin: 0 0 50px 0; 
 border-top: 3px solid #d9d9d9;
 }
 
 #footer p {
 padding: 10px 10px 12px 10px; 
 }

 a.pad-f { padding-right: 16px; }
 
 a.top-page { padding-left: 13px; }


/*----------------------------------------------------------------------- 
  Text sizing and styles
 ------------------------------------------------------------------------ */

 .s { font-size: 10px; } /* small: 10px */
 .m { font-size: 11px; line-height: 16px; } /* medium: 11px */
 .l { font-size: 14px; line-height: 18px; }
 .b { font-weight: bold; } /* bold */
 .up { text-transform: uppercase; } /* uppercase */
 .grey { color: #777777; }
 .light-grey { color: #999999; } /* light grey */
 .right { text-align: right; } /* align text, right */
 .pad-l { padding: 0 0 0 10px; }
 .pad-r { padding: 0 10px 0 0; }
 .blue { color: #0066cc; } /* blue color */
 .rule { border-bottom: 1px solid #a9a9a7; margin: 8px 0 4px 0; }
 
 .by { color: #666666; }
 .by-detour { color: #666666; width: 165px; }
 
 .bpad { padding-bottom: 12px; }
 .tpad { padding-top: 12px; }
 .tbpad { padding: 10px 0px 10px 0px; }
 
 .top-rule { border-top: 1px solid #d9d9d9; }
 
 .nopad { padding: 0; }
 
 .none { border: 0; }
 
 img.none { border: 0; }
 
 .bg-airbags { background: url(gfx/bg_sunday.gif) center no-repeat; }
 .bg-airbags2 { background: url(gfx/bg_saturday.gif) center no-repeat; }
 .bg-airbags3 { background: url(gfx/bg_friday.gif) center no-repeat; }
 
 select.drop { border: 1px solid #999; width: 200px; }

 .ads-slowdown { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; }

 .caption { width: 400px; font-size: 11px; font-style: italic; }