body{ background-color:#000000;  }
text{color:#ffffff}

p{color:#ffffff}
em{color:#ffffff}
b{color:#ffffff}
body{color:#ffffff}
h1{color:#ffffff}
A:link{COLOR:#696969;text-decoration:none}

A:visited{COLOR:#696969;text-decoration:none}

A:active{COLOR:#FF0000;text-decoration:none}

A:hover{COLOR:white;background-color:red}

mark{color:#ffffff; ;}

A {color:#ffffff}


A.mako:link{COLOR:#666666;text-decoration:underline}

A.mako:visited{COLOR:#FF344A;text-decoration:underline}

A.mako:active{COLOR:#666666;text-decoration:underline}

A.mako:hover{COLOR:white;background-color:#330066}

#comic {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/comic.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#comic li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#comic li, #comic a {height: 100px; display: block;}

#draw {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/draw.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#draw li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#draw li, #draw a {height: 100px; display: block;}

#photo {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/photo.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#photo li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#photo li, #photo a {height: 100px; display: block;}

#story {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/story.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#story li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#story li, #story a {height: 100px; display: block;}

#video {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/video.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#video li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#video li, #video a {height: 100px; display: block;}

#submit {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/submit.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#submit li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#submit li, #submit a {height: 100px; display: block;}

#music {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/music.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#music li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#music li, #music a {height: 100px; display: block;}

#animation {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/animation.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#animation li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#animation li, #animation a {height: 100px; display: block;}

#avatar {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/avatar.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#avatar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#avatar li, #avatar a {height: 100px; display: block;}

#background {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/backgrounds.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#background li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#background li, #background a {height: 100px; display: block;}


#electronics {
 width: 100px;
 height: 100px;
 background: url(graphics/projectg/electronics.jpg);
 margin: 10px auto; padding: 0;
 position: relative;}
#electronics li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#electronics li, #electronics a {height: 100px; display: block;}



#comicr {left: 100; width: 100px;}
#comicr a:hover {background: transparent url(graphics/projectg/comic.jpg) 100px 0 no-repeat;}

#drawr {left: 100; width: 100px;}
#drawr a:hover {background: transparent url(graphics/projectg/draw.jpg) 100px 0 no-repeat;}

#photor {left: 100; width: 100px;}
#photor a:hover {background: transparent url(graphics/projectg/photo.jpg) 100px 0 no-repeat;}

#storyr {left: 100; width: 100px;}
#storyr a:hover {background: transparent url(graphics/projectg/story.jpg) 100px 0 no-repeat;}

#videor {left: 100; width: 100px;}
#videor a:hover {background: transparent url(graphics/projectg/video.jpg) 100px 0 no-repeat;}

#submitr {left: 100; width: 100px;}
#submitr a:hover {background: transparent url(graphics/projectg/submit.jpg) 100px 0 no-repeat;}

#musicr {left: 100; width: 100px;}
#musicr a:hover {background: transparent url(graphics/projectg/music.jpg) 100px 0 no-repeat;}

#animationr {left: 100; width: 100px;}
#animationr a:hover {background: transparent url(graphics/projectg/animation.jpg) 100px 0 no-repeat;}

#avatarr {left: 100; width: 100px;}
#avatarr a:hover {background: transparent url(graphics/projectg/avatar.jpg) 100px 0 no-repeat;}

#backgroundr {left: 100; width: 100px;}
#backgroundr a:hover {background: transparent url(graphics/projectg/backgrounds.jpg) 100px 0 no-repeat;}


#electronics {left: 100; width: 100px;}
#electronics a:hover {background: transparent url(graphics/projectg/electronics.jpg) 100px 0 no-repeat;}