/*
The body of the document.
The padding hack below is neccessary for Opera.  It defaults to 8px of
padding in all directions if you don't specify a value for padding.
*/
body
{
  background-color:#003366;
  color:#FFFFFF;
  font-size:10pt;
  font-family:Arial, sans-serif;
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
}


/*
Any links not in the links td.
*/
a:link, a:visited, a:hover, a:active
{
  background-color:transparent;
  color:#FFFF00;
  text-decoration:underline;
}


/*
Keeps the screen from being too wide.
I'm designing this, so that it fits on a
maimized 800 x 600 browser window.

Note:  I might be able to change this to width:100% to make it always be full screen, no matter what.

*/
div.screen
{
  width:750px;
}


/*
The header table.
*/
table.header
{
  width:100%;
}


/*
The Winston's World text at the top of each page.
*/
td.world
{
  font-family:Arial, sans-serif;
  font-size:18pt;
  font-weight:bold;
  padding-left:5px;
  padding-top:10px;
  padding-bottom:10px;
}


/*
The row of links at the bottom of the header frame.
*/
td.links
{
  background-color:#CCCCCC;
  color:#000000;
  font-size:10pt;
  font-family:Arial, sans-serif;
  padding-top:0px;
  padding-left:5px;
  padding-bottom:0px;
  height:20px;
}


/*
Links in the row of links at the bottom of the header frame.
*/
td.links a:link, td.links a:visited, td.links a:hover, td.links a:active
{
  background-color:transparent;
  color:#000000;
}



/*
This is the main cell.  The stuff on each page, that is different
goes in this div, which is inside the "screen" div.
*/
div.main
{
  margin-top:10px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:20px;
}



/*
The title of each page.
Not the page title, but the text right below
the navigation links.
*/
div.title
{
  text-align:center;
  font-size:18pt;
  font-family:Arial, sans-serif;
  font-weight:bold;
}


/*
Subtitles.
*/
div.subtitle
{
  text-align:center;
  font-size:12pt;
  font-weight:bold;
}


/*
This is the hr at the top of the data cell of each page.
*/
hr
{
  width:100%;
  color:#CCCCCC;
  background-color:#CCCCCC;
  border:0px solid;
  height:3px;
}


/*
Used for centering a div.
Especially useful when centering a table.
*/
div.center
{
  text-align:center;
}


/*
Hack to center a table in Mozilla.
*/
table.center
{
  margin-left:auto;
  margin-right:auto;
}


/*
Used to set a picture to not have a border.
*/
img.noborder
{
  border:0px solid;
}


/*
Used for the folders on my bookmarks page.
*/
div.bookmarkfolder
{
  font-size:12pt;
  font-family:Arial, sans-serif;
  font-weight:bold;
}


/*
The names of the different sections on the details page.
*/
div.detailheader
{
  font-size:14pt;
  margin-bottom:20px;
}


/*
The actual details.
*/
div.detail
{
  margin-left:15px;
  margin-bottom:40px;
}


/*
The names of the different sections on the drumset page.
*/
div.drumheader
{
  font-size:12pt;
  font-weight:bold;
  margin-bottom:15px;
}


/*
The actual details.
*/
div.drumdetail
{
  margin-left:15px;
  margin-bottom:30px;
}


/*
The numbers on the top 5 pages.
*/
div.top5
{
  font-size:18pt;
  font-weight:bold;
  margin-left:5px;
  margin-bottom:10px;
}


.bold
{
  font-weight:bold;
}


div.wishlistdetail
{
  margin-bottom:40px;
}


li.borrowed a:link, li.borrowed a:visited, li.borrowed a:hover, li.borrowed a:active
{
  color:#00FF00;
  background-color:transparent;
  font-weight:bold;
}


/*
This sets the list style type for li's in a ul.
*/
ul
{
  list-style-type:disc;
}


/*
This is a hack for any tags I'm not explicitly setting.
This way we insure that we set the font size and family properly.
Yeah, there are other tags in xhtml 1.1, but I doubt I'll use them.  If
I do, I need to come back here, and add them to the list of tags for
this css class.
*/
address, div, li, pre, span, td, th
{
  font-family:Arial, sans-serif;
  font-size:10pt;
}


/*
Another hack just like the one above.  Only this time, we're not
setting the font size, because the purpose of h1 - h6 is to set
the font size.
*/
h1, h2, h3, h4, h5, h6
{
  font-family:Arial, sans-serif;
}


/*
Priority links on the wishlist page
*/
a.priority1:link, a.priority1:visited, a.priority1:hover, a.priority1:active
{
  background-color:transparent;
  color:#FFFF33;
  text-decoration:underline;
}
a.priority2:link, a.priority2:visited, a.priority2:hover, a.priority2:active
{
  background-color:transparent;
  color:#3399FF;
  text-decoration:underline;
}
a.priority3:link, a.priority3:visited, a.priority3:hover, a.priority3:active
{
  background-color:transparent;
  color:#FFFFFF;
  text-decoration:underline;
}