@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=") {



/* -------------------------------------------------------------------------------------------------------------
Who? Toothpick Guy - http://toothpick-guy.deviantart.com/
What? Inspired by (read: stolen from) MySpace's new homepage skin.
When? October 31, 2007
Where? My lappy.
Why? Because the default MySpace comment page is puke ugly. :)
How? CSS. And Stylish. Obviously. I also used the Web Developer toolbar pretty heavily to make sense of MySpace's hidious CSS design.


I'll be doing the same thing for several different pages on myspace (like the photo browsing page, album view, view friends, and any other page that bothers me), so keep an eye out!
------------------------------------------------------------------------------------------------------------- */



/* Blue BG */
#comments tbody {
  background-color: #6899CC;
}

/* Left Column Color */
#comments tbody th {
  background-color: transparent !important;
  vertical-align: top !important;
  text-align: center !important;
}

/* Table Head Left Curve */
thead th {
  background-color: transparent !important;
  color: #FFF !important;
  border-right: 1px solid #FFF;
  background-image: url(http://i176.photobucket.com/albums/w172/MarcusBamboozle/msc/top-rounded.png) !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: top left !important;
}

/* Table Head Right Curve + Table Head Color */
thead tr {
  background-color: #6899CC !important;
  background-image: url(http://i176.photobucket.com/albums/w172/MarcusBamboozle/msc/top-rounded.png) !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: top right !important;
  border-right: 1px solid #FFF;
}

/* Right Column Color + Border */
#postComment table tr, th, td {
  background-color: #FFF !important;
  background-image: url(http://i176.photobucket.com/albums/w172/MarcusBamboozle/msc/left-border.png) !important;
  background-position: top right !important;
  background-repeat: repeat-y !important;
}

/* Comment Footer */
.commentCommands {
  background-image: url(http://i176.photobucket.com/albums/w172/MarcusBamboozle/msc/bottom-border.png) !important;
  background-position: bottom left !important;
  background-repeat: repeat-x !important;
  background-color: transparent !important;
  height: 10px !important;
  color: #FFF !important;
}

/* Comment Footer Links */
.commentCommands a {
  color: #FFF !important;
}

/* Top Links */
#addtop, #addtop a {
  position: relative !important;
  top: 3px !important;
  color: #FFF !important;
  background-color: #6899CC !important;
}

/* Header */
div #header {
  height: 15px !important;
  overflow: hidden !important;
}

/* Top Shadow */
#main {
  background-image: url(http://i176.photobucket.com/albums/w172/MarcusBamboozle/msc/topshadow.gif) !important;
  background-repeat: repeat-x !important;
  background-position: top left !important;
  position: relative !important;
  top: -20px !important;
}

/* "View Comments" */
div .contentHeader {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Top Page Numbers */
div .pagingContainer {
  position: relative !important;
  top: 2px !important;
  margin-left: 17px !important;
  margin-right: 17px !important;
  padding-top: 6px !important;
  background-color: #0C3D9E !important;
  background-image: url(http://i176.photobucket.com/albums/w172/MarcusBamboozle/msc/top-rounded-dark-2.png) !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  height: 19px !important;
  color: #FFF !important;
}

/* Page Number Links */
.pagingContainer a {
  color: #FFF !important;
}

/* Bottom Links */
#add {
  padding-top: 5px !important;
  padding-top: 2px !important;
  color: #FFF !important;
  background-color: #6899CC !important;
  height: 30px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 10px !important;
}

/* Bottom Links Text */
#add a {
  color: #FFF !important;
}

/* Friend Names */
#comments a {
  color: #FFF !important;
}


/* To change the color of the date, remove this line
#comments td h4 {
  color: #555 !important;
  font-size: 7pt;
}
To change the color of the date, remove this line */

}