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

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

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

 ======================================================================== */
 
 * { margin: 0; padding: 0; }
 
/*----------------------------------------------------------------------- 
   Standard
 ------------------------------------------------------------------------ */

 body {
 color: #333333;
 font-family: Georgia, Times New Roman, Lucida Grande, Arial, Verdana, sans, serif;
 font-size: 12px;
 line-height: 18px;
 }

 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; }
 
 iframe { border: 0; }
 
 p { margin-bottom: 12px; }
 
 h1 {
 font-family: Lucida Fax, Georgia, Gill Sans, Arial, Sans, serif; 
 font-size: 24px; 
 font-weight: normal; 
 line-height: 24px;
 margin-bottom: 2px; 
 }
 
 h1.section-title {
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 11px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 padding: 8px 10px 5px 10px;
 border-bottom: 3px solid #ccc;
 margin-bottom: 12px;
 line-height: 18px;
 }	

 h2 {
 font-family: Lucida Fax, Georgia, Times New Roman, serif; 
 font-size: 13px;
 font-weight: bold;
 margin: 0 0 2px 0; 
 }
 
 h3 { color: #333; font: 12px Arial; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; font-weight: bold; }
 
 h4 { color: #CC0000; font: 11px Arial; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 2px; font-weight: bold; }
 
 h5 {
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 10px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 }
 
 h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited , h1 a:active, h2 a:active, h3 a:active  { color: #333; }
 h1 a:hover, h2 a:hover, h3 a:hover { color: #cc3300; text-decoration: underline; }
 
 
 ol, ul { padding: 0 20px 10px 20px; }
 
 
/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */

 #frame {
 width: 950px;
 margin: 0 auto 0 auto;
 }
 
 #masthead {
 width: 940px;
 background: url(http://gapersblock.com/gfx/paper_edge.gif) top no-repeat;
 margin: 10px 0 0 0;
 border-bottom: 1px dotted #CCC;
 }
 
 #masthead-left, #masthead-right {
 float: left;
 width: 227px;
 font-size: 11px;
 text-align: center;
 padding: 7px 10px 0px 10px;
 }
 
 #masthead-right a:link, #masthead-right a:active, #masthead-right a:visited { color: #333; } 
 #masthead-right a:hover { color: #cc0000; text-decoration: underline; }
 
 
 #masthead-mid {
 float: left;
 width: 446px;
 text-align: center;
 margin-bottom: 12px;
 }
 
 /*----------------------------------------------------------------------- 
   Homepage
 ------------------------------------------------------------------------ */
 
 .col-left, .col-right {
 float: left;
 width: 370px;
 }

 .col-mid {
 float: left;
 width: 180px;
 margin: 0 10px 0 10px;
 }
 
 .content { padding: 0 10px 0 10px; }
 
 .post { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 12px; }
 .post-end { padding-bottom: 12px; }
 .post p, .post h2, .post-end p, .post-end h2 { padding: 0px 10px 0px 10px; margin-bottom: 2px; }
 .byline { color: #777; }
 
 #announcement {
 width: 920px;
 background-color: #f6f6da;
 padding: 10px;
 border-bottom: 1px dotted #CCC;
 }
 
 #announcement p { font: 11px arial; margin: 0; padding: 0; }
 
 #announcement .red { font:  bold 10px Gill Sans; letter-spacing: 2px; }
 
 #home-rearview {
 margin-bottom: 10px;
 background-color: #e9e9e9;
 border-right: 1px solid #ccc; 
 border-bottom: 1px solid #ccc; 
 border-left: 1px solid #ccc; 
 }
 
 .home-rearview { padding: 0px 7px 7px 7px; border: 1px solid white; }
 
 .icon-rearview { background: url(http://gapersblock.com/gfx/arrow_rearview.gif) 0 50% no-repeat; padding-left: 16px; }
 
 #home-rearview h1.section-title { padding: 7px 0px 5px 0px; margin: 0; }
 
 #home-rearview img { border: 1px solid #fff; }
 
 #home-rearview p { font-size: 11px; margin: 3px 0 3px 0; }

 .airbags { margin-bottom: 30px; }
 .airbags h4 { margin-left: 10px; } 
 .airbags h2 { font-size: 12px; margin-bottom: 0px; }
 
 .detour p { font-size: 12px; }
 .detour p.byline { font-size: 12px; }
 .detour img { float: right; padding: 1px; border: 3px solid #dcd9ba; margin: 0 0 10px 10px; }
 
 #features {
 background: #f8f8ef url(http://gapersblock.com/gfx/paper_edge.gif) no-repeat;
 padding: 15px 10px 10px 10px;
 }
 
 #features h4 { color: #333; }
 
 #features h2 a:link { color: #990000; }
 #features h2 a:visited { color: #990000; }
 
 #features-footer {
 height: 5px;
 background: url(../gfx/paper_edge_footer.gif) repeat-x;
 margin-top: -5px;
 margin-bottom: 12px;
 }
 
 #features h1 {
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 11px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 line-height: 18px;
 }
 
 #features p { margin-bottom: 3px; }
 
 .maillist { font: 11px arial; width: 350px; padding: 2px; }
 
 
/* Weather icons */

 .sun { background: url(http://gapersblock.com/gfx/icon_weather_sun.gif) 0 50% no-repeat; padding-left: 20px; }
 .cloud { background: url(http://gapersblock.com/gfx/icon_weather_cloud.gif) 0 50% no-repeat; padding-left: 20px; }
 .rain { background: url(http://gapersblock.com/gfx/icon_weather_rain.gif) 0 50% no-repeat; padding-left: 20px; }
 .snow { background: url(http://gapersblock.com/gfx/icon_weather_snow.gif) 0 50% no-repeat; padding-left: 20px; }
 .suncloud { background: url(http://gapersblock.com/gfx/icon_weather_suncloud.gif) 0 50% no-repeat; padding-left: 20px; }
 .thunder { background: url(http://gapersblock.com/gfx/icon_weather_thunder.gif) 0 50% no-repeat; padding-left: 20px; }
 .wind { background: url(http://gapersblock.com/gfx/icon_weather_wind.gif) 0 50% no-repeat; padding-left: 20px; }

 
  
/*----------------------------------------------------------------------- 
   Navigation
 ------------------------------------------------------------------------ */
 
 ul#nav {
 list-style: none;
 padding: 15px 0 22px 0;
 border-bottom: 1px dotted #ccc;
 margin-bottom: 12px;
 }
 
 ul#nav li {
 width: 93px;
 float: left;
 text-align: center;
 font: 10px Gill Sans;
 font-weight: bold;
 text-transform: uppercase;
 border-right: 1px dotted #ccc;
 }
 
 ul#nav input { width: 150px; font: 11px arial; margin-left: 15px; margin-top: -5px; margin-bottom: 0; }
 
 
/*----------------------------------------------------------------------- 
   Microsites Navigation
 ------------------------------------------------------------------------ */
 
 #microsites-nav {
 background-color: #333;
 border-bottom: 1px solid #FFF; 
 margin: 0;
 padding: 0;
 }
 
 .rule-grey { border-bottom: 1px solid #CCC; }
 
 ul#peripheral-nav {
 width: 950px;
 background-color: #333333;
 margin: 0 auto 0 auto;
 list-style: none;
 }
 
 ul#peripheral-nav li {
 width: 93px;
 float: left;
 text-align: center;
 font: 11px Arial;
 font-weight: bold;
 border-right: 1px solid #555;
 margin: 0;
 }
 
 ul#peripheral-nav a { 
 display: block; 
 color: #FFF; 
 text-shadow: 0 0 0 #333;
 font-weight: normal; 
 padding: 9px 0 9px 0; 
 }
 
 ul#peripheral-nav a:hover { 
 display: block; 
 color: #FFF; 
 text-shadow: 0 0 0 #990000;
 font-weight: normal; 
 background-color: #990000; 
 text-decoration: none; 
 padding: 9px 0 9px 0; }
 
 ul#peripheral-nav a.home { 
 background: #333 url(http://gapersblock.com/gfx/bg_nav_topical_home.gif) 0 50% no-repeat; 
 }
 
 ul#peripheral-nav a:hover.home { 
 background: #bad3df url(http://gapersblock.com/gfx/bg_nav_topical_home_hover.gif) 0 50% no-repeat; 
 }
 
 
 /*----------------------------------------------------------------------- 
   Interior pages
 ------------------------------------------------------------------------ */
 
 #interior .col-left {
 float: left;
 width: 560px;
 margin-right: 10px;
 }
 
 #interior .section-title { padding-top: 7px; }
 
 #interior .post { font-size: 14px; line-height: 24px; padding: border-bottom: 1px dotted #CCC; padding: 10px 0px 10px 0px; margin-bottom: 0; }
 
 #interior .col-right .post { font-size: 12px; line-height: 18px; border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 12px; }

 #header { width: 940px; border-bottom: 3px solid #CCC; padding: 8px 0px 5px 0px; }
 #header .byline { color: #777; font-size: 14px; padding: 0 10px 0 10px; }
 #header .col-right { background: url(../gfx/bg_prevnext.gif) repeat-y; }
 
 #interior h1 { padding: 0 10px 3px 10px; }
 #header h4 { color: #333; font-weight: normal; padding: 0 10px 10px 10px; }
 #header h4 a { font-weight: bold;  }
 
 #article { padding: 15px 10px 0px 10px; }
 
 #article p { font: 14px Georgia; line-height: 24px; margin-bottom: 20px; }
 
 #article h2 {
 font-family: Lucida Fax, Georgia, Times New Roman, serif; 
 font-size: 15px;
 font-weight: bold;
 padding-top: 10px;
 margin: 0 0 5px 0; 
 }
 
 #article li { font: 14px Georgia; line-height: 24px; margin-bottom: 10px; }
 
 .addthis { background: url(../gfx/icon_addthis.gif) 0 50% no-repeat; padding: 5px 10px 5px 20px; }
 
 .prevnext-col { float: left; width: 160px; color: #777 !important: font-size: 11px !important; padding: 0px 15px 0px 10px; }
 .prevnext-col h4 { padding: 0px 10px 0px 0px !important; }
 
 .article-tools { padding: 20px 10px 5px 10px; }
 
 .about-author {
 background: #f8f8ef url(../gfx/paper_edge.gif) no-repeat;
 padding: 17px 15px 1px 15px;
 }
 
 .about-author h1 {
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 11px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 line-height: 18px;
 padding: 0px !important; 
 }
 
 .about-author-footer {
 width: 370px;
 height: 5px;
 background: url(../gfx/paper_edge_footer.gif) no-repeat;
 margin-bottom: 15px;
 }
 
 #interior .airbags h4 { font-weight: normal; color: #990000; margin-left: 10px; padding: 0px !important; } 
 
 .article-nav { width: 540px; background: url(../gfx/bg_article_nav.gif) repeat-y; padding: 0px 10px 0px 10px; margin: 30px 0 10px 0; }
 .prev, .next { float: left; width: 250px; padding-right: 10px; }
 .next { width: 249px; padding-left: 10px; }
 
 #archive-drop {
 border-top: 1px dotted #CCC;
 padding: 15px 10px 25px 10px; 
 }
 
 #archive-drop select { width: 350px; margin-bottom: 10px; }
 
 #archive-drop h4 { margin-bottom: 10px; }
 
 .more { 
 border-top: 1px dotted #CCC;
 padding: 15px 10px 25px 10px; 
 }
 
 .more p { font-size: 14px; }
 
 
/*----------------------------------------------------------------------- 
   Tertiary pages
 ------------------------------------------------------------------------ */
 
 #tertiary .col-left {
 float: left;
 width: 560px;
 margin-right: 10px;
 }
 
 #tertiary #header .col-right { margin: 0; }
 
 #tertiary #header { width: 940px; border-bottom: 3px solid #CCC; padding: 8px 0px 15px 0px; }
 
 #tertiary h1.section-title { 
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 11px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 padding: 8px 10px 5px 10px;
 border-bottom: 3px solid #ccc;
 margin-bottom: 12px;
 line-height: 18px;
 }	
 
 #tertiary h1 { font-size: 36px; font-family: Helvetica, Arial, sans; font-weight: bold; padding: 0 10px 3px 10px; }
 
 
 
 
/*----------------------------------------------------------------------- 
   Sidebar
 ------------------------------------------------------------------------ */
 
 .sidebar {
 float: right;
 width: 180px; 
 padding: 10px; 
 background-color: #fafaeb;
 border: 1px solid #e7e7d3;
 margin: 0 0 10px 10px;
 }
 
 .sidebar h4 { margin-bottom: 10px; }
 
 .sidebar ul li { 
 font: 12px Georgia !important;
 line-height: 18px !important;  
 margin-bottom: 10px; 
 }
 
 
/*----------------------------------------------------------------------- 
   Headers
 ------------------------------------------------------------------------ */
 
 .header-airbags { background: url(../gfx/bg_header_airbags.gif) no-repeat; }
 .header-jobs { background: url(../gfx/bg_header_jobs.gif) no-repeat; padding-top: 33px !important; }
 .header-maillist { background: url(../gfx/bg_header_maillist.gif) no-repeat; }
 .header-store { background: url(../gfx/bg_header_store.gif) no-repeat; padding-top: 33px !important; }
 
 
/*----------------------------------------------------------------------- 
   Rearview interior pages
 ------------------------------------------------------------------------ */ 
 
 #rearview {
 color: #666; 
 background-color: #000;
 margin: 0;
 text-shadow: 0 0 0 #000; 
 }
 
 #rearview a { color: #fffdd4; }
 
 #rearview h1.section-title { color: #FFF; margin: 0; border-bottom: 1px dotted #333; }
 
 #rearview img { padding: 1px; border: 1px solid #333;  }
 
 .rearview-left { float: left; width: 700px; padding: 25px;  border-right: 1px dotted #222; }
 .rearview-right { float: left; width: 145px; padding: 20px; text-align: center; }
 
 .double-divider { border-bottom: 3px double #333; margin-bottom: 12px; }
 
 
 /*----------------------------------------------------------------------- 
   Slowdown
 ------------------------------------------------------------------------ */
 
 .planypus { background: url(../gfx/icon_planypus.jpg) 0 50% no-repeat; padding-left: 20px; }
 
 
/*----------------------------------------------------------------------- 
   Fuel
 ------------------------------------------------------------------------ */
 
 .comment-entry {
 font-size: 14px; 
 line-height: 24px;
 padding: 15px 10px 0px 10px; 
 border-bottom: 1px dotted #CCC;
 }
 
 .comment-entry h4 { color: #333; font: 12px Georgia; font-weight: bold; text-transform: none; margin-bottom: 5px; letter-spacing: normal; }
 
 #comment-form-left {
 float: left;
 width: 164px;
 padding: 0px 10px 0px 10px; 
 border-right: 1px dotted #CCC;
 margin-bottom: 10px; 
 }
 
 #comment-form-right {
 float: left;
 width: 355px;
 padding-left: 10px; 
 margin-bottom: 10px; 
 }
 
 .comm { width: 150px; }
 
 #DynamicText { width: 150px; height: 160px; }
 
 .icon-comment { background: url(../gfx/icon_comment.gif) 0 50% no-repeat; padding-left: 16px; }
 .icon-add-comment { background: url(../gfx/icon_add_comment.gif) 0 50% no-repeat; margin-left: 10px; padding-left: 20px !important; }
 
 /*----------------------------------------------------------------------- 
   Ads
 ------------------------------------------------------------------------ */
 
 .display-ad {
 text-align: center;
 background-color: #e9e9e9; 
 border: 1px dotted #CCC; 
 margin-bottom: 24px;
 }
 
 .display-ad img {
 border-right: 1px solid white;
 border-left: 1px solid white;
 }
 
 /* Text Ads */
 
  #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; */
 }
 
 #text-ads a { color: #cc0000; }
 
 .ads-callout {
 color: #999;
 font-size: 9px;
 text-transform: uppercase;
 font-weight: bold;
 padding-left: 5px;
 padding-right: 5px;
 }
 
 
 /*----------------------------------------------------------------------- 
   Slowdown
 ------------------------------------------------------------------------ */
 
 h1.slowdown { 
 font-family: Gill Sans, Arial, Sans, serif; 
 font-size: 11px; 
 font-weight: bold; 
 text-transform: uppercase;
 letter-spacing: 2px;
 line-height: 18px;
 padding: 10px 10px 5px 10px;
 background: url(../gfx/bg_slowdown.gif) no-repeat;
 margin-bottom: 0px;
 }
 
 #slowdown {
 font-family: arial, verdana, sans serif; 
 font-size: 11px; 
 width: 174px;
 border-left: 3px double #e0e0cd;
 border-right: 3px double #e0e0cd; 
 overflow: hidden;
 border-top: 1px solid #e0e0cd;
 }
 
 #slowdown p {
 background-color: #fffff2; 
 line-height: 16px;
 padding: 5px 8px 5px 8px; 
 margin-bottom: 0;
 border-bottom: 1px solid #e0e0cd;
 }
 
 #slowdown p.date { 
 color: #5d5d4f; 
 background-color: #efefde; 
 font: bold 10px georgia; 
 text-transform: uppercase; 
 letter-spacing: 2px; 
 padding: 8px; 
 }
 
 
/*----------------------------------------------------------------------- 
   Calendar
 ------------------------------------------------------------------------ */
 
 .calendar-date { 
 color: #5d5d4f; 
 font-weight: bold; 
 text-transform: uppercase; 
 letter-spacing: 2px; 
 background-color: #efefde;
 border-bottom: #f1f1c8; 
 padding: 3px 8px 3px 8px;
 border-bottom: 1px solid #e0e0cd;
 }

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

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

 th { color: #5d5d4f; border-right: 1px solid #e9e9e9; height: 22px; }	
	
 .cal-2 {
 width: 14%; 
 height: 22px;
 text-align: center; 
 vertical-align: middle; 
 background-color: #f0f0de;
 border-top: 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; } 
 
 
/*----------------------------------------------------------------------- 
   Store
 ------------------------------------------------------------------------ */
 
 .shop-home-buttons { background: url(../gfx/bg_shop_buttons.gif) no-repeat; margin-top: -12px; padding-top: 12px; padding-left: 165px !important;}
 .shop-home-gb-tee { background: url(../gfx/bg_shop_gb-tee.gif) no-repeat; margin-top: -12px; padding-top: 12px; }
 .shop-home-istarchi-tee { background: url(../gfx/bg_shop_istarchi-tee.gif) no-repeat; margin-top: -12px; padding-top: 12px; padding-left: 195px !important; }
 
 .store .double-divider { border-bottom: 3px double #CCC; margin-bottom: 12px; }
  
  
/*----------------------------------------------------------------------- 
   Footer 
 ------------------------------------------------------------------------ */
 
 #footer {
 width: 940px;
 margin: 1px auto 50px auto;
 background: url(http://gapersblock.com/gfx/paper_edge_footer.gif) bottom no-repeat;
 border-top: 3px double #CCC;
 }
 
 #footer p { padding: 10px 10px 15px 10px; }
 

 /*----------------------------------------------------------------------- 
   Microsites Footer -- blog includes
 ------------------------------------------------------------------------ */
 
 #footer-microsites {
 width: 940px;
 border-top: 3px double #CCC;
 margin: 12px auto 0 auto;
 }
 
 #footer-microsites h4 {
 padding: 10px;
 border-bottom: 1px dotted #CCC;
 }
 
 #footer-microsites-lines {
 background: url(http://gapersblock.com/gfx/bg_footer_peripheral.gif) repeat-y;
 }
 
 .microsites-col {
 float: left;
 width: 160px; 
 padding: 8px 10px 8px 10px;
 margin-right: 10px; 
 }
 
 .microsites-col-last {
 float: left;
 width: 160px; 
 padding: 10px; 
 }
 
 
/*----------------------------------------------------------------------- 
   Jobs
 ------------------------------------------------------------------------ */ 
 
 iframe.jobs { width: 370px; height: 300px; border: 0; overflow: none; }
 
 /*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */
 
 .dark-red { color: #990000; }
 .red { color: #cc0000; }
 
 .border { border: 1px solid; }
 .white { color: #fff; }
 
 .light-grey { color: #CCC; }
 .grey { color: #999; }
 
 .pad-10 { padding: 10px; }
 
 .pad-10-side { padding: 0px 10px 0px 10px; }
 
 .xs { font-size: 10px; }
 .s { font-size: 11px; }
 .m { font-size: 12px; }
 .l { font-size: 14px; }
 
 .divider { border-bottom: 1px solid #CCC; margin-bottom: 12px; }