html,body
{
  height:100%;
}
body,td,input
{
  font-family: verdana;
  font-size: 8pt;
  color: #333;
}
body {background: #FFF url(body.gif) repeat-y;}
a
{
  color: #C00;
  text-decoration: none;
}
a:hover
{
  color: #000;
  text-decoration: underline;
}
body,td,h1,h2,h3,ul,li,form,p,select
{
  margin: 0;
  padding: 0;
}
li
{
  list-style: none;
}
h2
{
  text-align: center;
  font-size: 14pt;
  color: #F00;
}
h3
{
  font-size: 8pt;
}
img
{
  border: 0;
}

#wrap {min-height: 100%;}
* html #wrap {height: 100%;}

#search
{
  height: 20px;
  background: #EEE url(footer.gif) repeat-y;
  margin: 0 0 -30px 200px;
  padding: 4px 10px;
  text-align: right;
}
#search h3, #search p {display: inline; padding: 5px 0;}
#search input
{
  background: #FFF;
  border: 1px solid #999;
  margin: 1px;
  color: #C00;
}

#left
{
  width: 200px;
  float: left;
  background: #333;
  text-align: right;
}
#main
{
  margin: 30px 160px 0 200px;
  padding: 10px;
}

#header a
{
  display: block;
  width: 200px;
  height: 80px;
  background: url(header.gif);
  margin-top: 5px;
}
#header span {display: none;}

#nav a
{
  color: #FFF;
  padding: 1px 8px;
  display: block;
  width: 184px;
}
#nav a:hover
{
  text-decoration: none;
  background: #222;
}
#nav li.bar
{
  display: block;
  width: 200px;
  height: 45px;
  margin-top: 10px;
}
#nav span {display: none;}
#nav li.tutorials {background: url(tutorials.gif);}
#nav li.categories {background: url(categories.gif);}
#nav li.sitenav {background: url(sitenav.gif);}
#nav li.partners {background: url(partners.gif);}

#clearfooter
{
  clear: both;
  height: 26px;
}
#footer
{
  height: 20px;
  background: #EEE url(footer.gif) repeat-y;
  margin: -26px 0 0 200px;
  padding: 6px 0 0;
  text-align: center;
}

.tutorial
{
  background: url(tut-titlebg.gif) repeat-x;
  margin: 5px 0;
  width: 100%;
  overflow: auto;
}
/* \*/
* html #main {height: 1%}
/* */
.tutorial h3
{
  background: url(tut-titlecurve.gif) no-repeat;
  font-size: 12pt;
  padding: 1px 15px;
}
.tutorial h3 a
{
  color: #FFF;
  display: inline;
  padding: 0;
}
.tutorial h3 a:hover
{
  color: #FFF;
}
.tutorial h3 span, .tutorial h3 span a
{
  font-size: 7pt;
  color: #AAA;
}
.tutorial p.body
{
  margin: 0;
  padding: 0;
}
.tutorial p.body a
{
  display: block;
  background: #E9E9E9 url(tut-bodycurve.gif) no-repeat bottom right;
  color: #C00;
  position: relative;
  z-index: 0;
  overflow: auto;
  border: 0;
  outline: 0;
}
* html .tutorial p.body a {height: 50px; overflow: visible;}
.tutorial p.body a:hover
{
  background-color: #F3F3F3;
  text-decoration: none;
}
.tutorial img
{
  float: left;
  margin: 0 5px 0 0;
}
.tutorial .details
{
  display: block;
  text-align: right;
  font-size: 7pt;
  color: #666;
  padding: 6px 0;
  position: relative;
  z-index: 997;
}
.tutorial .rating
{
  width: 75px;
  height: 14px;
  background: url(tut-starempty.gif);
  float: right;
  margin: 0 6px 0;
  display: inline;
  position: relative;
  z-index: 998;
}
.tutorial .rating span
{
  display: block;
  height: 14px;
  background: url(tut-starfilled.gif);
  float: left;
}

#ad-banner
{
  text-align: center;
}
#ad-skyscraper
{
  margin: 30px 0 0;
  float: right;
  width: 160px;
  text-align: center;
}

.header
{
  height: 45px;
  margin: 10px 0 5px;
  background: no-repeat center center;
}
.header span {display: none;}

.freshtutorials {background-image: url(freshtutorials.gif);}
.tutorialshuffle {background-image: url(tutorialshuffle.gif);}