/* Article Stylesheet for Sk8 The Planet
coded by Pete - atari2600vcs@yahoo.com */


/*Articles ---------------------------------------------------------------*/
ul.articleList
{
  list-style-type: none;
  width: 590px;
}

ul.articleList li
{
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: 0px 0px 7px 0px;
}

ul#atricleNav
{
  float: left;
  font: bold 1.1em / 1.2em Monospace, Arial, Verdana, Helvetica, sans-serif;
  list-style-type: square;
  margin: 0px 0px 25px 30px;
  padding: 0;
  width: 285px;
}

ul#atricleNav li
{
  margin: 0px 0px 3px 0px;
  padding: 0;
}

ol.articles
{
  padding: 0px 30px 10px 20px;
  margin-left: 25px;
  width: 430px;
}

ol.articles li
{
  margin: 0;
  padding: 0px 0px 5px 0px;
}




/* Profanity alert box for Articles ---------------------------*/
div#bodyCopyMain div#profanityAlert
{
  border: 1px solid #b40129;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
  font-size: 0.8em;
  margin: 0px 0px 0px 500px;
  padding: 3px;
  width: 115px;
}





/* embedded article from another source -----------*/
div.embededArticle
{
  background: #333; 
  font-size: 0.9em; 
  line-height: 1em; 
  margin: 5px 20px 5px 20px; 
  padding: 5px 0px 5px 0px; 
  width: 600px;
}






/* top ten article ----------*/
div#bodyCopyMain ol.topTen
{
  float: left;
  margin: 10px 0px 5px 15px;
  padding: 0;
  width: 150px;
}

div#bodyCopyMain ol.topTen li
{
/*  color: #e3e300; */
  font-size: 0.9em;
  list-style-position: inside;
  list-style-type: lower-roman;
}


/* shop clown article ----------*/
dl.shopClown
{
  margin: 10px 55px 10px 35px;
  padding: 0;
}

dl.shopClown dt
{
  color: #3b8fff;
}

dl.shopClown dd
{
  font-size: 0.9em;
  Line-height: 1em;
  margin-bottom: 7px;
  padding: 0;
}

span.me
{
  color: #3b8fff;
}

span.idiotClerk
{
  color: #b40129;
}


/* pimp Sled article ----------*/
div#bodyCopyMain ol#tripList
{
  margin: 5px 5px 5px 30px;
  padding: 0;
  width: 430px;
}

div#bodyCopyMain ol#tripList li
{
  margin: 0px 0px 7px 0px;
  padding: 0;
}


/* sk8 debt article ----------*/
div#creditCard
{
  background: url(../images/articles/sk8Debt/cards.jpg) no-repeat;
  height: 209px;
  margin: 5px 0px 7px 15px;
  width: 480px;
}


/* non-sk8 advertising article -----------*/
dl#sk8Ads
{
  font-size: 0.9em;
  margin: 5px 10px 5px 15px;
  padding: 0;
}

dl#sk8Ads dt
{
  color: #e3e300;
  margin: 0;
  padding: 0;
  width: 425px;
}

dl#sk8Ads dd
{
  line-height: 0.9em;
  margin-bottom: 5px;
}

dl#sk8Ads dd span
{
  font-style: italic;
}

div.articleImageHolder
{
  padding: 20px;
  width: 500px;
}

div.articleImageHolder img
{
  float: right;
}

dl.toolList, dl#padList
{
  margin: 0px 20px 5px 30px;
  padding: 0;
}

dl.toolList dd
{
  font-size: 10px;
  line-height: 11px;
  margin: 0px 0px 8px 10px;
  padding: 0;
}

dl#padList
{
  margin: 0px 0px 8px 20px;
  padding: 0;
}

dl#padList dt
{
  color: #e3e300;
}

dl#padList dd
{
  margin: 0px 0px 8px 10px;
  padding: 0;
}


/* Subscription article table -----------*/
table#magCost
{
  margin: 0px 0px 15px 15px;
  padding: 0;
  width: 480px;
}

table#magCost caption
{
  font-size: 0.9em;
  margin: 0px 15px 3px 15px;
  padding: 0;
}

table#magCost th
{
  background: #3b8fff;
  border-right: 1px dotted #b40129;
  color: #e3e300;
  margin: 0;
  padding: 3px 5px 3px 5px;
  vertical-align: bottom;
}

table#magCost td
{
  border: 1px dotted #b40129;
  color: #ccc;
  margin: 0;
  padding: 3px;
  text-align: center;
  vertical-align: center;
}

table#magCost td.savings
{
  color: #e3e300;
}

/* Ramp -vs- realdoll -----------*/
table#rampDoll
{
  border: 1px solid #333;
  margin: 0px 10px 0px 10px;
  padding: 0;
  width: 484px;
}

table#rampDoll th
{
  background: #333;
  color: #3b8fff;
  font-size: 1.7em;
  margin: 0;
  padding: 3px 0px 3px; 0px;
  width: 242px;
}

table#rampDoll td.hp, table#rampDoll td.rd
{
  border-left: 1px solid #333;
  border-bottom: 1px dotted #333;
  font-size: 0.9em;
  line-height: 1em;
  padding: 3px 10px 3px 10px;
  text-align: center;
  width: 212px;
}

table#rampDoll td.attribute
{
  border-left: 1px solid #333;
  border-bottom: 1px dotted #333;
  color: #3b8fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 60px;
}


/* SOTY article -------------------------- */
div.sotyContainer
{
  float: left;
  margin: 5px 0px 30px 10px;
  padding: 0;
  text-align: center;
  width: 156px;
}

div.sotyContainer span.soty
{
  display: block;
  color: #e3e300;
  font-family: Courier, Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.9em;
}


div.sotyContainer span.year
{
  display: block;
  color: #e3e300;
  font-size: 1.6em;
}

div.sotyContainer span.skater
{
  display: block;
  color: #e3e300;
  font-size: 1.1em;
}

/* Dear Santa letter ---------------- */
div#dearSanta
{
  padding: 20px 0px 15px 0px;
}

span.noDisplay
{
  display: none;
}



/* Recipies (scarfing material) --------------- */
ul.ingredients
{
  color: #3b8fff;
  font-family: Courier, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  list-style-type: square;
}

ul.linkListRecipie
{
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 20px 25px;
  width: 210px;
}

ul.linkListRecipie li
{
  font-size: 0.9em;
  line-height: 1em;
  margin: 0;
  padding: 0px 0px 5px 10px;
  width: 210px;
}


/* Global Warming article -----------------*/
span.globalWarmth
{
  background: #3b8fff;
  color: #000;
  display: block;
  font-size: 0.9em;
  margin: 0px 15px 10px 0px;
  padding: 1px 3px 1px 3px;
}


/* Letter to the editor -------------------*/
dl.letterToTheEditor
{
  border-bottom: 1px solid #3c3c3c;
  margin: 3px 20px 10px 20px
}

dl.letterToTheEditor dt
{
  color: #b40129;
  font-style: italic;
}

dl.letterToTheEditor dd
{
  font-size: 0.9em;
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 7px 0px;
}

dl.letterToTheEditor dd span
{
  background: #3b8fff;
  color: #000;
  display: block;
  font-style: italic;
  padding: 2px;
}

/* Glossary -----------------------*/
h2 span.grey
{
  color: #666;
  font-size: 0.9em;
}

div#glossaryNav
{
  background: #3b8fff;
  height: 20px;
}

div#glossaryNav ul
{
  list-style-type: none;
  padding: 3px 0px 4px 15px;
}

div#glossaryNav ul li
{
  float: left;
  font-size: 0.8em;
  padding: 2px;
}

dl.glossary
{
  border-bottom: 1px dotted #e3e300;
  margin: 0px 15px 5px 15px;
  padding: 0; 
}

dl.glossary dt
{
  color: #3b8fff;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

dl.glossary dd
{
  font-size: 0.9em;
  margin: 0px 0px 6px 20px;
  padding: 0;
}

/* ESPN Ultimate Difficulty ----------------*/
table#rankingTable
{
  padding: 10px;
  width: 500px;
}

table#rankingTable td
{
  color: #000;
  font-size: 0.9em;
  text-align: center;
}

dl#rankingKey
{
  padding: 20px;
  width: 480px;
}

dl#rankingKey dt
{
  font-weight: bold;
}

dl#rankingKey dd
{
  font-size: 0.9em;
}

/* Call me -------------------*/
table#callMe
{
  margin: 5px 10px 5px 15px;
  width: 480px;
}

table#callMe td.question
{
  color: #b40129;
  font-size: 1.1em;
  font-weight: bold;
  width: 450px;
}

table#callMe td.enterDigits
{
  color: #e3e300;
  font-size: 0.9em;
  font-style: italic;
  width: 450px;
}

table#callMe td.blank
{
  width: 30px;
}

table#callMe input, table#callMe select
{
  background: #333;
  color: #fff;
}


/* Interview question style ---------------------*/
span.question
{
  background: #3b8fff;
  color: #000;
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 8px 15px 7px 15px;
  padding: 3px;
}


/* CCS Fashion Quiz ----------------*/
div.fashionGuess
{
  border: 1px dotted #3b8fff;
  float: left;
  margin: 15px;
  padding: 7px;
  text-align: center;
  width: 200px;
}

div.fashionGuess span
{
  display: block;
  clear: both;
  margin: 0;
  padding-top: 4px;
  text-align: left;
}

/* Habitat Demo at Welfleet sk8park -----------*/
div.demoPic
{
  float: left; 
  margin: 0px 0px 25px 15px;
  text-align: center;
  width: auto;
}

div.demoPic span
{
  display: block;
  font-size: 0.9em;
}

div.demoPic a img, div.demoPic2 a img
{
  border-bottom: 3px solid #b40129;
}

div.demoPic a:hover img, div.demoPic2 a:hover img
{
  border-bottom: 3px solid #e3e300;
}



/* Vans Demo at Welfleet sk8park -----------*/
img.vansDemoPic
{
  border-bottom: 4px solid #000;
  border-left: 2px dotted #3b8fff;
  border-right: 2px dotted #3b8fff;
  border-top: 2px dotted #3b8fff;
  float: left;
  margin: 5px 0px 10px 20px;
}

a:hover img.vansDemoPic
{
  border-bottom: 4px solid #b40129;
  border-left: 2px dotted #3b8fff;
  border-right: 2px dotted #3b8fff;
  border-top: 2px dotted #3b8fff;
}


/* Go Skateboarding Day ----------------- */
div.gsdPoster
{
  float: left; 
  height: 230px;
  margin: 10px 0px 25px 20px; 
  text-align: center; 
  width: 135px;
}


/* Twistys Treat of the Year -----------*/
table.toty
{
/*  border: 1px solid #3b8fff; */
  margin: 10px 20px 10px 20px;
  width: 610px;
}

table.toty td
{
  color: #e3e3e3;
  font-size: 0.9em;
  text-align: center;
  width: 122px;
}

table.toty td.pornstarName
{
  background: #3b8fff;
}

table.toty td.vs
{
  background: #d0e7fe;
  color: #000;
  font-weight: bold;
}

table.toty td.borderLeft
{
  border-left: 1px solid #3b8fff;
}

table.toty td a
{
  color: #fff;
  font-weight: bold;
}

table.toty td a:hover
{
   color: #f00;
}



table#pornSkater
{
  border: 3px solid #3b8fff;
  margin: 10px 20px 10px 20px;
  width: 609px;
}


table#pornSkater td, table#pornSkater th
{
  padding: 3px;
  text-align: center;
  width: 203px;
}

table#pornSkater th
{
  border-bottom: 3px solid #3b8fff;
  color: #3b8fff;
  font-size: 1.2em;
}

table#pornSkater td
{
  border: 1px solid #3b8fff;
}