body {
background:#ffffff url(http://tokioh.com/images/themes/water_drop/bg2.png);
background-attachment: scroll;
background-repeat: repeat-x;
font-family: Arial;
font-size : 10px;
line-height: 15px;
color: #8f8f8f;
margin: 0px;}

.navi {
background: #E6E3E3;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
margin: 10px;
width: 180px;
border: #C9C9C9;
align: right;
text-transform: ;

}

.welcome {
text-align: justify;
margin-bottom: 10px;
padding-top: 0px;
font-family: Trebuchet MS;
font-weight: normal;
color: #8f8f8f;
text-transform: normal;
line-height : 18px;
font-size: 10px;}

.navigate {
text-align: center;
margin-bottom: 7px;
padding-top: 0px;
font-family: Arial;
font-weight: normal;
color: #ae9aa7;
text-transform: normal;
line-height : 14px;
font-size: 11px;}

.navigate a, .navigate a:link, .navigate a:visited { <!--NAVIGATION menu links-->
color: #999999;
font-weight: normal;
text-decoration: none;}

.navigate a:hover {
color: #b642e8;
font-weight: normal;
text-decoration: underline;}

table {
font-size : 11px;
line-height: 15px;}

h1 {
font-family: Arial;
line-height : 100%;
color: #999999;
margin: 0px;}

h2 {
font-family: Arial;
background-image : url(images/ball.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 13px;
font-size: 11px;
font-weight: normal;
margin: 0px;
}

h3 {
font-weight: normal;
font-family: Arial;
font-size: 11px;
margin: 0px;}

p {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 2px 0px;}

ul {
margin-left: 5px;
padding: 0px;}

li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;}

.textinput { <!--text box-->
background: #272727;
color: #9c9c9c;
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 90%;
border: 1px solid #cccccc;
padding-right: 2px;
padding-left: 2px;}

.listbox {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 90%;
color: #6b6b6b;
border: 1px solid #f8f8f8;
vertical-align : middle;}

.button {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #6b6b6b;
border: 1px solid #d9d7d8;
background : #f2f2f2;}

.comment_button {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #d9d7d8;
background : #f2f2f2;
padding-left: 3px;
padding-right: 3px;}

.radio {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;}

.checkbox {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;}

a {
color: #999999;
text-decoration: none;}

a:hover {
color: #9501D5;
text-decoration: underline;}

bblink a {
color: #999999;
text-decoration: none;}

bblink a:hover {
color: #9501D5;
text-decoration: underline;}

.maintable {
background-color: #D8D8D8;
margin-top: 0px;
margin-bottom: 0px;}

.ztable {
padding: 5px;
marging-left: 10px;
margin-top: 1px;
margin-bottom: 1px;}

.tableh1 {
font-weight:bold ;
border: 0px solid #AE00FF;
background-color: #D8D8D8;
background-image : url(http://tokioh.com/images/themes/water_drop/title.jpg);
background-repeat : repeat-x;
background-position : left;
height: 22px;
text-transform: uppercase;
font-family:  Arial;
color: #7b01b0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}

.tableh1_compact {
font-weight: ;
border: 1px solid #D8D8D8;
background-color: #e6e6e6;
background-image : url(http://tokioh.com/images/themes/water_drop/title.jpg);
background-repeat : repeat-x;
background-position : left;
height: 22px;
font-family:  Arial;
color: #707070;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}

.tableh2 {
font-weight: bold;
border: 1px solid #D8D8D8;
background-color: #e6e6e6;
background-image : url();
background-repeat : repeat-x;
background-position : left;
height: 22px;
text-transform: uppercase;
font-family:  Arial;
color: #707070;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}

.tableh2:hover {
font-weight: bold;
border: 1px solid #D8D8D8;
background-color: #e6e6e6;
background-image : url(images/title2.jpg);
background-repeat : repeat-x;
background-position : left;
height: 22px;
font-family:  Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
color: #999999;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;}

.tableh2_compact {
font-weight: bold;
border: 1px solid #D8D8D8;
background-color: #e6e6e6;
background-image : url(images/title.jpg);
background-repeat : repeat-x;
background-position : left;
height: 22px;
font-family:  Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
color: #707070;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;}

.tableb {
background: #f4f4f4;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;}

.tableb_compact {
background: #f4f4f4;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;}

.tableb_compact a img { <!--THUMBNAIL for albums-->
padding: 2px;
background: #f4f4f4;
border-style: solid;
border-width:6px;
border-color: #cccccc;
margin: 2px;
}

.tableb_compact a img:hover {

background: #f4f4f4;
border-style: solid;
border-width:6px;
border-color: #b642e8;
margin: 2px;
padding: 1px;}

.tablef {
background: #E7E6E6;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;}


.catrow_noalb {
background: #E7E6E6;
color : #999999;
padding-top: 3px;

padding-right: 3px;
padding-bottom: 3px;
padding-left: 0px;}

.catrow_noalb:hover {
background: #f2f2f2;
color : #333333;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;}

.catrow {
background: #E7E6E6;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
color: #707070;}

.catrow:hover {
background: #f2f2f2;
padding-top: 3px;
color: #333333;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;}

.album_stat {
font-size : 85%;
margin: 5px 0px;}

.thumb_filename {
font-size: 80%;
display: block;}

.thumb_title {
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;}

.thumb_caption {
font-size: 80%;
padding: 1px;
display : block;}

.thumb_caption a {
text-decoration: none;
color: #8f8f8f;}

.thumb_num_comments {
font-weight: normal;
font-size: 85%;
padding: 2px;
font-style : italic;
display : block;}

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;}

.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;}

.user_thumb_infobox td {
font-size: 85%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;}

.user_thumb_infobox a {
text-decoration: none;
color: #8f8f8f;}

.user_thumb_infobox a:hover {
color: #8f8f8f;
text-decoration: none;}

.sortorder_cell {
color: #fefefe;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 10px;
margin: 0px;}

.sortorder_options {
font-family: Georgia;
color: #6b6b6b;
padding: 0px;
margin: 0px;
font-size: 8px;
white-space: nowrap;}

.navmenu { <!--area with the icons above the image (singular)-->
padding: 5px;
font-size: 90%;
font-family: Georgia;
text-transform: ;
background-color: #e6e6e6;
background-image : url(images/titlegrey.jpg);
background-repeat : repeat-x;
background-position : right;
color: #606060;
font-weight: bold;
border-style: none;}

.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;}

.navmenu a {
position: relative;
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #606060;}

.navmenu a:hover {
background: #f8f8f8;
text-decoration: none;
color: #606060;}

.navmenu a img {
border: 0px;
padding: 0px;}

.navmenu a img:hover {
border: 0px;
padding: 0px;}

.admin_menu_thumb {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 80%;
background: #f2f2f2;
border: 2px solid #D8D8D8;
color: #808080;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;}

.admin_menu_thumb a {
color: #808080;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;}

.admin_menu_thumb a:hover {
color: #808080;
text-decoration: underline;}

.admin_menu {
font-family: Trebuchet MS;
font-size: 8px;
font-weight: bold;
border: 2px solid #D8D8D8;
color: #808080;
margin-top: 0px;
margin-bottom: 0px;
text-transform: uppercase;
text-align: center;}

.admin_menu a {
color: #808080;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;}

.admin_menu a:hover {
color: #808080;
text-decoration: underline;}

td #admin_menu_anim {
}

.comment_date{
color : #b642e8;
font-size: 90%;
vertical-align : middle;}

.comment_date a img {
border: 0px;
padding: 0px;}

.comment_date a img:hover {
border: 0px;
padding: 0px;}

.image {
padding: 1px;
background: #ffffff;
border: 6px solid  #BABABA;
margin: 2px;}

.image:hover {
padding: 1px;
background: #ffffff;
border-style: solid;
border-width:6px;
border-color: #8F00D1;
margin: 2px;}

.imageborder {
padding: 1px;
border: px solid #2b2b2b;
background-color: #E7E6E6; <!--BACKGROUND color for behind the image-->
margin-top: 30px;
margin-bottom: 30px;}


.imageborder:hover {
padding: 1px;
border: px solid #555151;
background-color: #E7E6E6; <!--BACKGROUND color for behind the image when you hover over it-->
margin-top: 30px;
margin-bottom: 30px;}

.display_media { <!--BACKGROUND COLOR for singular image-->
background: #E7E6E6;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;}

.thumbnails {
background: #E7E6E6; <!--BACKGROUND COLOR for thumbnail area on front page-->
padding: 5px;}

.thumbnails:hover {
background: #f2f2f2; <!--BACKGROUND COLOR for thumbnail area on front page-->
padding: 5px;}


.footer {
font-size : 9px;}

.footer a {
text-decoration: none;
color: #8f8f8f;}

.footer a:hover {
color: #b642e8;
text-decoration: underline;}

.statlink { <!-- transition arrows between the albums-->
font-weight: normal;
color: #707070;}

.statlink a {
text-decoration: none;
color: #868686;}

.statlink a:hover {
color: #b642e8;
text-decoration: underline;}

.alblink a {
text-transform: normal;
background-image : url(http://tokioh.com/images/themes/water_drop/ball.gif);
background-repeat: no-repeat;
background-position : left;
padding-left: 10px;
text-decoration: none;
color: #cccccc;
font-size: 100%;
}

.alblink a:hover {
background-image : url(http://tokioh.com/images/themes/water_drop/ball2.gif);
background-repeat: no-repeat;
background-position : left;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #333333;
color: #b642e8;
font-size: 100%;
}


.catlink { <!--category link color and options-->
font-family: Tahoma, Arial;
font-weight: normal;
color: #999999;
font-weight: bold;
text-transform: normal;
line-height : 14px;
font-size: 11px;
font-weight: normal;
display: block;
padding: 5px;
}

.catlink a {
background-image : url(http://tokioh.com/images/themes/water_drop/ball.gif);
background-repeat: no-repeat;
background-position : left;
padding-left: 10px;
font-weight: bold;
text-decoration: none;
color: #999999;
}

.catlink a:hover {
background-image : url(http://tokioh.com/images/themes/water_drop/ball2.gif);
background-repeat: no-repeat;
background-position : left;
padding-left: 10px;
font-weight: bold;
color: #b642e8;
text-decoration: none;
}

.topmenu {
font-family: Trebuchet MS, Geneva, Arial, sans-serif;
line-height : 130%;
font-size : 110%;}

.topmenu a {
color : #999999;
text-decoration : none;}

.topmenu a:hover  {
color : #b642e8;
text-decoration : underline;}

.img_caption_table {
border: none;
background-color: #020202;
width : 100%;
margin : 0px;}

.img_caption_table th {
background: #020202;
font-size : 100%;
color : #000000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #020202;}

.img_caption_table td {
background: #020202;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #020202;
white-space: normal;}

.debug_text {
border: #BDBEBD;
background-color: #020202;
width : 100%;
margin : 0px;}

.clickable_option {
cursor : default;}

.listbox_lang {
color: #8f8f8f;
background-color: #020202;
border: 1px solid #808080;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align : middle;}


<!--LOGIN-->


.login {
margin-left: 600px;
margin-right: 100px;
}

.textinput {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
padding: 2px;
border: 1px solid #e0e0e0;
background: #f5f5f5;
color: #878787;
}

.button {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
border: 1px solid #e0e0e0;
background: #f5f5f5;
color: #878787;
}

.checkbox {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;
}

.loginform{
color: #999999;	
text-decoration: none;        
}


#login input, textarea, select, button  {
font-family: verdana;
border: 1px solid #f6f6f6;
background-color: #f4f4f4;
color: #999999;
text-decoration:  none;
}


<!--END LOGIN-->




#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;}





#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}