/* Css Cafe Charlotte */
/* Foreground color definition */
body {
 background: url('/images/coffee.jpg');
 color: #000;
 text-align: center;
}

.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover {
 color: #000000;
}

.navmenu img {
 margin-top: 5px;
}

.tableh2, .tableh2_compact {
 color: #000000;
}

.textinput,  .radio, .checkbox {
 color: #000000;
}

.alblink, .alblink a, .catlink, .catlink a {
 color: #000000;
}

a,  .bblink a, .user_thumb_infobox a {
 color: #000000;
}

a:hover, .bblink a:hover, .user_thumb_infobox a:hover, .alblink a:hover, .catlink a:hover {
 color: #666666;
}

.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a, .admin_menu_thumb a:hover, .admin_menu, .admin_menu a, .admin_menu a:hover {
 color: #000000;
}

.comment_date {
 color: #999999;
}

td #admin_menu_anim {
 background-image: url(images/button_bg_anim.gif);
}

.textinput, .listbox, .radio, .checkbox {
 background-color: #FFFFFF;
}

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover {
 background: #FFFFFF;
}

.tableh2, .tableh2_compact, .tablef, .img_caption_table th {
 background: #FFFFFF;
}

.tableb, .tableb_compact, .thumbnails, .img_caption_table td {
 background: #FFFFFF;
}

/* Borders for input controls */
.textinput, .listbox, .button, .comment_button, .admin_menu_thumb {
 border: 1px solid #666666;
}

.image {
 border: 0px #cccccc solid;
 margin-bottom: 4px;
 margin-left: 15px;
 margin-right: 15px;
 margin-top: 4px;
 padding: 4px; /*	filter:progid:dximagetransform.microsoft.shadow(color=#000000,direction=135,strength=6); */
}

.imageborder {
 background-color: #FFFFFF;
 border: 1px solid #000000;
 margin-bottom: 30px;
 margin-top: 30px;
}

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

.clickable_option {
}

.listbox_lang {
 background-color: black; /*border: 1px solid #D1D7DC;*/
 border: 1px solid black;
 color: #FFCC00;
 vertical-align: middle;
 font-size: 1em;
}

.maintable, .maintableb {
 background-color: #7F7F7F;
 width: 680px;
 margin-bottom: 10px
}

.img_caption_table th, .img_caption_table td {
 border-top: 1px solid #7F7F7F;
}

/* Fonts definition */
body {
 font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}

.tableh1, .tableh1a, .catlink, .tableh2 {
 font-family: Verdana, Geneva, Arial, sans-serif;
}

.textinput, .listbox, .radio, .checkbox {
 font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}

.button, .comment_button, .sortorder_options, .admin_menu_thumb {
 font-family: Arial, Helvetica, sans-serif;
}

table {
 font-size: 1em;
}

body {
 font-size: 12px;
 margin: 0px;
}

h1{
 color: #000000;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-weight: normal;
 margin: 0px;
 text-decoration: none;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 margin: 0px;
}

h3 {
 color: #999999;
 font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin: 0px;
}

p {
 margin: 2px 0px;
}

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

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

.top_panel_tr {
 background-color: White;
 background-image: url(images/top_panel_r1_c1b.gif);
 background-position: left;
 background-repeat: no-repeat;
 color: #000000;
 padding-left: 200px;
}

.top_panel td {
 white-space: nowrap;
}

.top_menu_bttn a {
 color: #000000;
 display: block;
 font-size: 14px;
 margin-top: 2px;
 position: relative;
 text-decoration: none;
}

.top_menu_bttn a:hover {
 color: #000000;
 margin-top: 4px;
 text-decoration: underline;
}

.textinput {
 font-size: 100%;
 padding-left: 3px;
 padding-right: 3px;
}

.listbox {
 vertical-align: middle;
}

#footer p {
 font-size: 90%;
}

.button {
 background-image: url(images/button_bg.gif);
 background-position: bottom;
 font-size: 100%;
}

.comment_button {
 background-image: url(images/button_bg.gif);
 background-position: bottom;
 font-size: 100%;
 padding-left: 3px;
 padding-right: 3px;
}

.radio {
 font-size: 100%;
 vertical-align: middle;
}

.checkbox {
 font-size: 100%;
 vertical-align: middle;
}

.bblink a {
 text-decoration: none;
}

.bblink a:hover {
 text-decoration: underline;
}

.maintable {
 margin-top: 2px;
}

.maintablea {
 margin-top: 5px;
}

.tableh1 {
 background: #FFCC00;
 height: 20px;
 padding-left: 10px;
 padding-right: 10px;
}

.tableh1a td {
 border: none;
 font-size: 150%;
 font-weight: bold;
 height: 30px;
}

.tableh1a img {
 display: block;
}

.tableh1_compact {
 background-image: url(images/tableh1_bg.gif);
 height: 25px;
 padding-bottom: 2px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
}

.tableh2, .catrow_noalb {
 background: #FFD733;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 3px;
}

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

.tableb, .display_media , .catrow {
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 3px;
}

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

.tablef {
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
}

.album_stat {
 margin: 5px 0px;
}

.thumb_filename {
 display: block;
}

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

.thumb_caption {
 display: block;
 padding: 1px;
}

.thumb_caption a {
 text-decoration: underline;
}

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

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

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

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

.user_thumb_infobox a {
 text-decoration: none;
}

.user_thumb_infobox a:hover {
 text-decoration: underline;
}

.sortorder_options {
 font-weight: normal;
 margin: 0px;
 padding: 0px;
 white-space: nowrap;
}

.navmenu {
 background: #ffcc00;
 border: none;
 font-weight: bold;
}

.navmenu img {
 display: block;
}

.navmenu a {
 background: #ffcc00;
 display: block;
 height: 25px;
 line-height: 25px;
 padding-left: 5px;
 padding-right: 5px;
 position: relative;
 text-decoration: none;
}

.navmenu a:hover {
 background: #ffcc00;
 text-decoration: none;
}

.admin_menu_thumb {
 background-position: bottom;
 font-weight: bold;
 margin-bottom: 0px;
 margin-top: 0px;
 width: 85px;
}

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

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

.admin_menu {
 margin-bottom: 0px;
 margin-top: 0px;
 text-align: center;
}

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

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

.comment_date{
 vertical-align: middle;
}

.image {
 margin: 2px;
}

.thumbnails {
 padding: 5px;
}

.statlink a {
 text-decoration: none;
}

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

.alblink a {
 text-decoration: underline;
}

.alblink a:hover {
 text-decoration: underline;
}

.catlink {
 display: block;
 margin-bottom: 2px;
}

.catlink a {
 text-decoration: underline;
}

.catlink a:hover {
 text-decoration: underline;
}

.img_caption_table {
 border: none;
 margin: 0px;
 width: 100%;
}

.img_caption_table th {
 font-size: 100%;
 padding-bottom: 4px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 4px;
}

.img_caption_table td {
 padding-bottom: 6px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 6px;
}

.lang_flags {
 width: 95%;
}

.lang_flags img {
 margin-top: 5px;
}

.topmenu {
 color: #000000;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 110%;
 margin-bottom: 20px;
 padding: 0 5px;
 text-align: left;
 width: 120px;
}

.topmenu a {
 color: #000000;
 display: block;
 text-decoration: none;
}

.topmenu a:hover {
 background-color: black;
 color: #FFCC00;
 font-weight: bold;
 text-decoration: none;
}

.breadcrumb {
 background-color: black;
 color: #FFCC00;
}

.breadcrumb a {
 color: #FFCC00;
 text-decoration: none;
}

.breadcrumb a:hover {
 color: white;
 text-decoration: underline;
}

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

#vanity img {
 border: 0;
}

#v_php {
 background-image: url(../../images/powered-php.gif);
 float: left;
}

#v_php:hover {
 background-image: url(../../images/h_powered-php.gif);
}

#v_mysql {
 background-image: url(../../images/powered-mysql.gif);
 float: left;
}

#v_mysql:hover {
 background-image: url(../../images/h_powered-mysql.gif);
}

#v_xhtml {
 background-image: url(../../images/valid-xhtml10.gif);
 float: right;
}

#v_xhtml:hover {
 background-image: url(../../images/h_valid-xhtml10.gif);
}

#v_css {
 background-image: url(../../images/valid-css.gif);
 float: right;
}

#v_css:hover{
 background-image: url(../../images/h_valid-css.gif);
}

.nav {
 text-align: left;
 padding: 0 0 5px 10px;
}