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


/* STORE ------------------------------------------------------------ */
/* amazon individual purchase links --------------- */
div.buyCD
{
  border: 1px solid #e3e300;
  float: left;
  margin: 5px 10px 5px 20px;
  padding: 5px;
}

div.amazonSelections
{
  border: 1px solid #e3e300;
  margin: 10px 0px 10px 20px;
  padding: 0;
}

img.sk8clothing
{
  margin: 0px 2px 10px 15px;
  padding: 0;
}




/* Un-ordered  and ordered lists in the body copy ------------------------------ */
div#bodyCopyMain ul.linkList
{
  float: left;
  font-size: 0.9em;
  line-height: 0.9em;
  list-style-type: none;
  margin: 0px 0px 7px 15px;
  padding: 0px 0px 7px 15px;
  width: 130px;
}

div#bodyCopyMain ul.manufacturerList
{
  float: left;
  font-size: 0.9em;
  line-height: 0.9em;
  list-style-type: none;
  margin: 0px 0px 7px 15px;
  padding: 0px 0px 7px 15px;
  width: 130px;
}

div#bodyCopyMain ul.linkList li, div#bodyCopyMain ul.manufacturerList li
{
  margin: 0px 0px 5px 0px;
  padding: 0;
}

li.girl
{
  list-style-image: url(../images/discPink.gif); /*Marker disc for girls*/
}

li.retro
{
  list-style-image: url(../images/discBlue.gif); /*Marker disc for retro stuff*/
}

ul.linkList li span, ul.manufacturerList li span
{
  display: none;
}



/* Callendar table -----------*/
table#holidays
{
  margin: 0px 0px 15px 15px;
  padding: 0;
  width: 480px;
}

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

table#holidays th.month
{
  background: #3b8fff;
  border-left: none;
  border-right: none;
  border-top: 15px solid #000;
  color: #b40129;
  margin: 0;
  padding: 3px 5px 3px 5px;
  vertical-align: bottom;
}

table#holidays td
{
  border: 1px dotted #b40129;
  color: #ccc;
  margin: 0;
  padding: 3px;
  text-align: center;
  vertical-align: top;
  width: 25%;
}

table#holidays td.dateMonth
{
  border: 1px dotted #b40129;
  color: #ccc;
  font-size: 0.9em;
  margin: 0;
  padding: 3px;
  text-align: left;
  vertical-align: top;
  width: 60px;
}

table#holidays td.calEvent
{
  border: 1px dotted #b40129;
  color: #ccc;
  font-size: 0.9em;
  margin: 0;
  padding: 3px;
  text-align: left;
  vertical-align: top;
  width: 100px;
}

table#holidays td.calAgenda
{
  border: 1px dotted #b40129;
  color: #ccc;
  font-size: 0.9em;
  margin: 0;
  padding: 3px;
  text-align: left;
  vertical-align: top;
  width: 320px;
}








/* profanity display for Articles -------------------------------------- */
div#bodyCopyMain span.showProfanity
{
  /*background: #f63;*/
  border-bottom: 1px dotted #f90;
 /*color: #f63;
 padding: 1px;*/
}









/* Daily Sk8 Chick -------------------------------------------------- */
div#bodyCopyMain div#dailySk8Chick
{
  margin: 0 auto;
  padding: 0;
  width: 490px;
}









/* Shop and Park Image styles -------------------------------------- */
div.ShopParkPix
{
  border-bottom: 1px dotted #e3e300;
  margin: 0;
  padding: 10px;
  width: 620px;
}

div#ShopParkPixLast
{
  border-bottom: none;
  margin: 0;
  padding: 10px;
  width: 620px;
}

div#ShopParkPixLast img, div.ShopParkPix img
{
  border-bottom: 3px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  height: 80px;
  margin: 0;
  padding: 0;
}

div#ShopParkPixLast a:hover img, div.ShopParkPix a:hover img
{
  border-bottom: 3px solid #b40129;
  border-left: 1px dotted #b40129;
  border-right: 1px dotted #b40129;
  border-top: 1px dotted #b40129;
}

ul.shopParkList
{
  float: left;
  list-style-type: none;
  margin: 0px 5px 10px 10px;
  padding: 0;
  width: 220px;
}

ul.shopParkList li
{
  font-size: 0.9em;
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding: 0;
}

ul.shopParkList li span
{
  display: none;
}

/* weather ------------- */
div#localWeather
{ 
  float: right;
  margin: 15px;
}

img#satelliteMap
{
  display: none;
}







/* Sitemap Page ------------------------------ */
dl.siteMap
{
  margin: 5px 0px 10px 20px;
  padding: 0;
  width: 440px;
}

dl.siteMap dd
{
  margin: 0px 0px 6px 15px;
  padding: 0;
}









/* Contact Page ------------------------------------------------ */
table#contactForm
{
  margin: 5px 0px 10px 15px;
  padding: 0;
  width: 400px;
}

table#contactForm td.label
{
  color: #ccc;
  width: 60px;
}

table#contactForm td.info input, table#contactForm td.info textarea, table#contactForm td.info option
{
  background: #333;
  border-bottom: 1px solid #999;
  border-left: 1px solid #666;
  border-right: 1px solid #999;
  border-top: 1px solid #666;
  color: #3b8fff;
}

table#contactForm input.submitButtons
{
  background: #666;
  color: #b40129;
}

fieldset.contactForm
{
  border: 1px solid #b40129;
  color: #e3e300;
  margin: 15px 20px 10px 20px;
}

fieldset.contactForm legend
{
  background: #e3e300;
  border: 2px dotted #b40129;
  color: #000;
  font-weight: bold;
  padding: 2px 7px 2px 7px;
}







/* About Page ------------------------------------------------ */
table#accessKeys
{
  border: 1px solid #3b8fff;
  margin: 5px 0px 10px 15px;
  padding: 0;
  width: 460px;
}

table#accessKeys th.key
{
  background: #3b8fff;
  margin: 0;
  padding: 4px 10px 4px 10px;
  text-align: center;
  width: 150px;
}

table#accessKeys th.destination
{
  background: #3b8fff;
  border-left: 1px dotted #000;
  margin: 0;
  padding: 4px 10px 4px 10px;
  width: 310px;
}

table#accessKeys td.key
{
  background: #000;
  border-bottom: 1px dotted #e3e300;
  margin: 0;
  padding: 4px 10px 4px 10px;
  text-align: center;
  width: 150px;
}

table#accessKeys td.destination
{
  background: #000;
  border-bottom: 1px dotted #e3e300;
  border-left: 1px dotted #e3e300;
  margin: 0;
  padding: 4px 10px 4px 10px;
  width: 310px;
}

table#accessKeys td.last
{
  border-bottom: none;
}







/* Fast Counter placement ------------------------------ */
div#fastCounter, div#fastCounter2
{
  position: absolute;
  right: 5px;
  text-align: center;
  width: 100px;
}






/* Return to page and back to top -------------------------------------------------- */
div#bodyCopyMain p.return a
{
  border-bottom: 1px solid #e3e300;
  border-left: 6px solid #e3e300;
  border-right: 1px solid #e3e300;
  border-top: 1px solid #e3e300;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
  clear: both;
  display: block;
  font-size: 0.9em;
  margin: 20px 7px 25px 400px;
  padding: 4px 8px 4px 8px;
  white-space: nowrap;
}

div#bodyCopyMainWide p.return a
{
  border-bottom: 1px solid #e3e300;
  border-left: 6px solid #e3e300;
  border-right: 1px solid #e3e300;
  border-top: 1px solid #e3e300;
  clear: both;
  display: block;
  font-size: 0.9em;
  margin: 20px 7px 25px 500px;
  padding: 4px 8px 4px 8px;
  white-space: nowrap;
}

div#bodyCopyMain p.return a:hover, div#bodyCopyMain p.return2 a:hover, div#bodyCopyMainWide p.return a:hover
{
  border-bottom: 1px solid #e3e300;
  border-left: 6px solid #3b8fff;
  border-right: 1px solid #e3e300;
  border-top: 1px solid #e3e300;
  color: #999;
  text-decoration: none;
}

div#bodyCopyMain p.return2 
{
  border-bottom: 1px solid #e3e300;
  border-left: 4px solid #e3e300;
  border-right: 1px solid #e3e300;
  border-top: 1px solid #e3e300;
  clear: both;
  display: block;
  font-size: 9px;
  margin-bottom: 5px;
  margin-left: 15px;
  padding: 4px;
  text-align: left;
  width: 125px;
}

div#bodyCopyMain p.return2 a:hover
{
  border: none;
  color: #b40129;
  text-decoration: none;
}

p.backToTop
{
  font: italic 0.9em Monospace, Arial, Verdana, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  text-align: right;
}

p.backToTop a:hover
{
  border: none;
  color: #999;
}





/* small text styles for site ---------------------------------*/
/*blockquote.smallText
{
  border: 1px dotted #3b8fff;
  display: block;
  font-size: 0.9em;
  line-height: 0.9em;
  padding: 5px;
}*/

blockquote.smallText
{
  background: #000 url(../images/quoteBox_background.gif) no-repeat;
  width: 420px;
}

blockquote.smallText span.content
{
  color: #b40129;
  display: block;
  font-size: 0.9em;
  line-height: 1em;
  padding: 15px 80px 15px 80px;
}

blockquote.smallText span.content a:link
{
  color: #3b8fff;
}

p.smallText, span.smallText
{
  font-size: 0.9em;
  line-height: 0.9em;
}



/* Quotemarks for indented stuff -----------------------------------*/
div.quoted
{
  background: #000 url(../images/quoteBox_background.jpg) no-repeat;
  color: #bbb;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  margin: 7px 0px 7px 50px;
  padding: 10px 70px 10px 70px;
  width: 340px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
}






/* Page extenders ----------------------------------------------------*/
div.extend25
{
  height: 25px;
  width: 725px;
}

div.extend50
{
  height: 50px;
  width: 725px;
}

div.extend75
{
  height: 75px;
  width: 725px;
}

div.extend100
{
  height: 100px;
  width: 725px;
}

div.extend200
{
  height: 200px;
  width: 725px;
}

div.extend250
{
  height: 250px;
  width: 725px;
}

div.extend300
{
  height: 300px;
  width: 725px;
}

div.extend400
{
  height: 400px;
  width: 725px;
}

div.extend500
{
  height: 500px;
  width: 725px;
}

div.extend600
{
  height: 600px;
  width: 725px;
}