html, input, textarea
{
font: 8pt/1.4 Arial, sans-serif;
}

body
{
background: #d6d6d6 url(bg.png);
text-align: justify;
margin: 0;
}

a
{
text-decoration: none;
color: #000;
cursor: help;
background: url(hover.png) repeat-x center;
}

a:hover
{
color: #d340a5;
background-position: 0 -100px;
}

img
{
margin: 5px;
padding: 5px;
background: url(hover.png) repeat-x bottom;
}

.images a
{
background-image: none;
}

.images
{
text-align: center;
}

a img
{
border: 0;
}

a:hover img
{
background-position: 0 -1000px;
}

#top, #logo
{
height: 351px;
}

#top em, #top strong, #partners em, #shoutbox em, #copyright em
{
display: none;
}

#top
{
width: 100%;
background: url(top.png) repeat-x;
}

#logo
{
width: 824px;
background-image: url(logo.png);
}

#nav
{
margin: 0;
padding: 0;
position: absolute;
top: 223px;
left: 143px;
}

#about, #stuff, #goodies, #tutorials
{
float: left;
list-style-type: none;
width: 206px;
height: 105px;
font: 10px/10px Arial, sans-serif;
cursor: help;
}

#nav p
{
margin: 29px 4px 0;
}

#about:hover, #stuff:hover, #goodies:hover, #tutorials:hover
{
color: #fff;
background-position: left bottom;
}

#about
{
border-top: 5px solid #d340a5;
background-image: url(about.png);
}

#stuff
{
border-top: 5px solid #000;
background-image: url(stuff.png);
}

#goodies
{
border-top: 5px solid #ff664d;
background-image: url(goodies.png);
}

#tutorials
{
border-top: 5px solid #000;
background-image: url(tutorials.png);
}

#nav li ul
{
position: relative;
visibility: hidden;
padding-left: 0;
margin-top: 14px;
width: 101px;
height: 31px;
}

#nav li ul li
{
list-style-type: none;
letter-spacing: -1px;
font-size: 17px;
font-weight: bold;
padding: 4px 0;
}

#nav li ul li a
{
border-left: 8px solid;
color: #000;
text-indent: 1px;
text-decoration: none;
background-image: none;
}

#about ul li a:hover
{
color: #d340a5;
}

#stuff ul li a:hover, #tutorials ul li a:hover
{
color: #fff;
}

#goodies ul li a:hover
{
color: #ff664d;
}

.menu-left
{
margin-left: 4px;
float: left;
}

.menu-right
{
margin-right: 4px;
top: -45px;
float: right;
}

#nav li:hover ul
{
visibility: visible;
}

#back
{
position: absolute;
top: 235px;
left: 79px;
width: 61px;
height: 50px;
background-image: url(back.png);
}

#back:hover
{
background-position: 0 0;
}

#sidebar-wrapper
{
position: absolute;
top: 350px;
left: 10px;
width: 200px;
font: 10px/10px Arial, sans-serif;
}

#partners, #copyright
{
background: url(partners.png) no-repeat top left;
padding-top: 30px;
}

#partners table
{
margin-left: 16px;
}

#partners td
{
width: 100px;
}

#partners-right
{
margin-left: 30px;
}

#partners ul
{
list-style-type: none;
padding-left: 0;
}

#partners li
{
margin-bottom: 2px;
}

#partners a
{
background-image: none;
color: #000;
border-left: 5px solid;
padding-left: 1px;
text-decoration: none;
}

#partners a:hover
{
color: #ff664d;
}

#partners #join
{
border-left: 0;
padding-left: 6px;
color: #ff664d;
}

#partners #join:hover
{
color: #d340a5;
}

#shoutbox
{
margin-top: 15px;
background: url(shoutbox.png) no-repeat top left;
padding-top: 40px;
}

#cboxdiv
{
margin-left: 13px;
}

#copyright
{
margin-top: 15px;
background-image: url(copyright.png);
padding-left: 11px;
padding-top: 40px;
}

#content
{
width: 690px;
padding: 0 0 75px 280px;
}

p, h1, #news h2
{
margin-top: 0;
}

h1, #news h2
{
border-left: 8px solid;
text-indent: 8px;
text-transform: uppercase;
letter-spacing: -1px;
font-size: 2em;
}

h2
{
text-transform: uppercase;
margin-bottom: 0;
}

#news h2
{
margin: 0;
}

#news h3
{
font-size: 1em;
font-style: italic;
font-weight: lighter;
text-indent: 15px;
margin: -8px 0 5px;
}

#news h4 div
{
margin-top: -3px;
font-weight: lighter;
font-size: 10px;
}

#news
{
padding-bottom: 15px;
border-bottom: 1px solid;
margin-top: 15px;
}

.faqs li
{
background: url(hover.png) repeat-x center;
list-style-type: none;
}

.faqs .alternate
{
background-image: none;
}


#brushes
{
margin: 3em auto;
width: 670px;
}

#brushes div
{
width: 200px;
height: 60px;
}

.brushes-preview
{
border: 3px solid #000;
margin: 3px 2px;
float: left;
}

.brushes-preview:hover
{
border-color: #d340a5;
}

#brushes div div
{
background: url(fade.png) no-repeat;
}

#brushes a
{
color: #262626;
background-image: none;
}

#brushes a:hover
{
color: #454545;
}

.brushes-imagepack
{
position: relative;
top: 24px;
left: 59px;
}

.brushes-download
{
position: relative;
top: 39px;
left: 5px;
}

input, textarea
{
background-color: #d6d6d6;
border: 1px solid;
padding: 2px;
margin-bottom: 3px;
}

input
{
margin-top: 10px;
}