﻿/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2005 Coppermine Dev Team
  v1.1 originaly written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.2
  $Source: /cvsroot/coppermine/devel/themes/igames/style.css,v $
  $Revision: 1.24 $
  $Author: gaugau $
  $Date: 2005/10/25 01:16:24 $
**********************************************/
/* Foreground color definition */
body {
				background-color: #091132;
				background-image: url(images/bg.jpg);
				scrollbar-arrow-color: #131C3F;
				scrollbar-base-color: #313B64;
				margin-right: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				border: 0px;
}
.master {
				background-color: #091132;
				border: 1px #01051e solid;
				width: 1000px;
}
.topmenu, .topmenu a {
				color : #C5C5C8;
}
.topmenu a:hover {
				color : #FFFFFF;
}
.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover {
				color : #F4F4F4;
}
.tableh2, .tableh2_compact, .catrow_noalb {
				color : #e9e9f4;
}
.textinput, .listbox, .radio, .checkbox {
				color: #e9e9f4;
}
.alblink, .alblink a, .catlink, .catlink a {
				color : #e9e9f4;
}
a, .bblink a, .user_thumb_infobox a {
				color: #fefab9;
}
a:hover, .bblink a:hover, .user_thumb_infobox a:hover, .alblink a:hover, .catlink a:hover {
				color : #FFF999;
}
.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 : #fefab9;
}
.comment_date {
				color : #f9f7df;
}
.footer, .footer a, .footer a:hover {
				color : #C2C2C2;
}
/* Background colors definition */
.textinput, .listbox, .radio, .checkbox {
				background-color: #091431;
}
.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover {
				background : #313B64;
}
.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th {
				background : #091431;
}
.tableb, .catrow, .display_media, .tableb_compact, .thumbnails, .img_caption_table td {
				background : #151d41;
}
/* Borders for input controls */
.textinput, .listbox, .button, .comment_button, .admin_menu, .admin_menu_thumb {
				border: 1px solid #091132;
}
.image {
				border: 1px solid #01051e;
}
.imageborder {
				border: 1px solid #01051e;
				background-color: #01051e;
				margin-top: 10px;
				margin-bottom: 10px;
}
.image1 {
				border: 1px solid #01051e;
}
.maintable, .maintablea, .maintableb {
				background-color: #01051e;
				color: #F4F4F4;
}
.img_caption_table th, .img_caption_table td {
				border-top : 1px solid #0b9e4e;
}
.mainmenu {
				font-size : 10px;
				color : F4F4F4;
}
/* Fonts definition */
body {
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
}
.tableh1, .tableh1a, .catlink, .tableh2, .catrow_noalb {
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
}
.textinput, .listbox, .radio, .checkbox {
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
}
.button, .comment_button, .sortorder_options, .admin_menu_thumb {
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
}
table {
				font-size : 10px;
				color: #F4F4F4;
}
h1 {
				font-weight: normal;
				font-size: 28px;
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
				text-decoration: none;
				padding-left : 20px;
				color: #F4F4F4;
				margin: 2px;
}
h2 {
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
				background-image : url(images/box_left_icon.gif);
				background-repeat : no-repeat;
				background-position : left;
				padding-left : 18px;
				font-size: 18px;
				margin: 0px;
}
h3 {
				font-weight: normal;
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
				font-size: 14px;
				padding-left : 20px;
				color: #F4F4F4;
				margin: 2px;
}
p {
				font-size: 100%;
				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;
}
.top_panel {
				background-image: url(images/banner2.jpg);
				background-repeat : repeat-x;
				border-collapse: collapse;
				margin: 0;
				padding: 0;
				height: 105px;
}
.top_panel_left {
				background-image: url(images/banner1.jpg);
				background-repeat : no-repeat;
				background-position: top left;
				height: 105px;
				margin: 0;
				padding: 0;
}
.top_panel_right {
				background-image: url(images/banner3.jpg);
				background-repeat : no-repeat;
				background-position: top right;
				margin: 0;
				padding: 0;
}
.top_panel_btm {
				background: #091132;
				background-image: url(images/top_panel_r2_c3.jpg);
				background-repeat : no-repeat;
				background-position: right;
				padding-top : 0;
				padding-bottom : 0;
}
.top_menu_left_bttn {
				white-space: nowrap;
}
.top_menu_left_bttn a {
				background: #091132;
				background-image : url(images/left_menu_button.gif);
				background-repeat : no-repeat;
				background-position : left;
				padding-left : 12px;
				padding-right : 6px;
				padding-top : 3px;
				padding-bottom : 0;
				display: block;
				height : 35px;
				line-height : 35px;
				text-decoration: none;
				color: #e9e9f4;
				font-size: 11px;
}
.top_menu_left_bttn a:hover {
				background: #091132;
				background-image : url(images/left_menu_button_over.gif);
				background-position : left;
				background-repeat : no-repeat;
				text-decoration: none;
				color: #cf0000;
}
.top_menu_right_bttn2 {
				white-space: nowrap;
}
.top_menu_right_bttn a {
				background: #091132;
				background-image : url(images/right_menu_button.gif);
				background-repeat : no-repeat;
				background-position : right;
				padding-right : 22px;
				padding-left : 6px;
				padding-top : 3px;
				padding-bottom : 0;
				display: block;
				height : 35px;
				line-height : 35px;
				text-decoration: none;
				color: #e9e9f4;
				font-size: 11px;
}
.top_menu_right_bttn a:hover {
				background: #091132;
				background-image : url(images/right_menu_button_over.gif);
				background-position : right;
				background-repeat : no-repeat;
				text-decoration: none;
				color: #FFFFFF;
}
.top_menu_bttn {
				white-space: nowrap;
}
.top_menu_bttn a {
				background: #091132;
				background-image : url(images/menu_button.gif);
				background-position : left;
				padding-left : 6px;
				padding-right : 6px;
				padding-top : 3px;
				padding-bottom : 0;
				display: block;
				height : 35px;
				line-height : 35px;
				text-decoration: none;
				color: #e9e9f4;
				font-size: 11px;
}
.top_menu_bttn a:hover {
				background: #091132;
				background-image : url(images/menu_button_over.gif);
				text-decoration: none;
				color: #FFFFFF;
}
.textinput {
				font-size: 100%;
				padding-right: 3px;
				padding-left: 3px;
}
.listbox {
				font-size: 100%;
				vertical-align : middle;
}
.button {
				font-size: 100%;
				background-image : url(images/button_bg.gif);
				background-position : bottom;
}
.comment_button {
				font-size: 100%;
				background-image : url(images/button_bg.gif);
				background-position : bottom;
				padding-left: 3px;
				padding-right: 3px;
}
.radio {
				font-size: 100%;
				vertical-align : middle;
}
.checkbox {
				font-size: 100%;
				vertical-align : middle;
}
a {
				text-decoration: none;
}
a:hover {
				text-decoration: underline;
}
.bblink a {
				text-decoration: none;
}
.bblink a:hover {
				text-decoration: underline;
}
.maintable {
				margin-top: 2px;
				margin-bottom: 2px;
/*      border: 1px solid #5E7CA2; */
}
.maintablea {
				margin-top: 5px;
}
.maintableb {
				margin-bottom: 2px;
/*      border: 1px solid #000000; */
}
.tableh1 {
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 1px solid #000000;
				border-right: 1px solid #000000;
				height: 25px;
				background-image: url(images/topbar.gif);
}
.tableh1a {
				border: 1px solid #000000;
				color: #e9e9f4;
}
.tableh1a td {
				border: none;
				height: 30px;
				font-size: 120%;
				font-weight: bold;
				color: #e9e9f4;
				background-image: url(images/topbar.gif);
}
.tableh1a img {
				display: block;
}
.tableh1_compact {
				padding-top: 2px;
				padding-right: 5px;
				padding-bottom: 2px;
				padding-left: 5px;
				border-bottom: 1px solid #000000;
				border-right: 1px solid #000000;
				height: 25px;
				background-image: url(images/bottombar.gif);
}
.tableh2 {
				padding-top: 3px;
				padding-right: 10px;
				padding-bottom: 3px;
				padding-left: 10px;
}
.tableh2_compact {
				padding-top: 2px;
				padding-right: 5px;
				padding-bottom: 2px;
				padding-left: 5px;
}
.tableb {
				color: #F4F4F4;
				padding-top: 3px;
				padding-right: 10px;
				padding-bottom: 3px;
				padding-left: 10px;
}
.tableb_compact {
				color: #F4F4F4;
				padding-top: 2px;
				padding-right: 5px;
				padding-bottom: 2px;
				padding-left: 5px;
}
.tablef {
				padding-top: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
				padding-left: 10px;
}
.catrow_noalb {
				padding-top: 3px;
				padding-right: 10px;
				padding-bottom: 3px;
				padding-left: 10px;
}
.catrow {
				padding-top: 3px;
				padding-right: 10px;
				padding-bottom: 3px;
				padding-left: 10px;
}
.album_stat {
				color: #F4F4F4;
				font-size : 7pt;
				margin: 5px 0px;
}
.thumb_filename {
				color: #F4F4F4;
				font-size: 8pt;
				display: block;
}
.thumb_title {
				color: #F4F4F4;
				font-weight : bold;
				font-size: 7pt;
				padding: 2px;
				display : block;
}
.thumb_caption {
				color: #F4F4F4;
				font-size: 7pt;
				padding: 1px;
				display : block;
}
.thumb_caption a {
				color: #F4F4F4;
				text-decoration: underline;
}
.thumb_num_comments {
				font-weight: normal;
				font-size: 7pt;
				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: 7pt;
				margin-top: 1px;
				margin-bottom: 1px;
				text-align : center;
}
.user_thumb_infobox a {
				text-decoration: none;
}
.user_thumb_infobox a:hover {
				text-decoration: underline;
}
.sortorder_options {
				padding: 0px;
				margin: 0px;
				font-weight: normal;
				font-size: 80%;
				white-space: nowrap;
}
.navmenu {
				font-weight: bold;
				border: none;
				background-image: url(images/topbar.gif);
}
.navmenu img {
				margin-top: 5px;
}
.navmenu a {
				position: relative;
				display: block;
				padding-left: 5px;
				padding-right: 5px;
				text-decoration: none;
				border-bottom: 1px solid #000000;
				border-left: 1px solid #838383;
				border-right: 1px solid #000000;
				background-image: url(images/topbar.gif);
				line-height: 25px;
				height : 25px;
}
.navmenu a:hover {
				text-decoration: none;
				border-bottom: 1px solid #3F3F3F;
				border-left: 1px solid #3F3F3F;
				border-right: 1px solid #3F3F3F;
}
.admin_menu_thumb {
				font-size: 90%;
				background-image : url(images/button_bg.gif);
				background-position : bottom;
				font-weight: bold;
				margin-top: 0px;
				margin-bottom: 0px;
				width: 85px;
}
.admin_menu_thumb a {
				text-decoration: none;
				display: block;
				position: relative;
				padding-top: 1px;
				padding-bottom: 1px;
				padding-left: 10px;
				padding-right: 10px;
}
.admin_menu_thumb a:hover {
				text-decoration: underline;
}
.admin_menu {
				font-size: 90%;
				background-image : url(images/button_bg.gif);
				background-position : bottom;
				background-repeat: repeat-x;
				background-color: #BFC0C3;
				margin-top: 0px;
				margin-bottom: 0px;
				text-align: center;
}
.admin_menu a {
				text-decoration: none;
				display: block;
				position: relative;
				padding-top: 1px;
				padding-bottom: 1px;
				padding-left: 2px;
				padding-right: 2px;
}
.admin_menu a:hover {
				text-decoration: underline;
}
td #admin_menu_anim {
				background-image : url(images/button_bg_anim.gif);
}
.comment_date {
				font-size: 90%;
				vertical-align : middle;
}
.image {
				margin: 2px;
}
.display_media {
				padding-top: 3px;
				padding-right: 10px;
				padding-bottom: 3px;
				padding-left: 10px;
}
.thumbnails {
				padding: 5px;
}
.footer {
				font-size : 9px;
}
.footer a {
				text-decoration: none;
}
.footer a:hover {
				text-decoration: underline;
}
.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;
}
.topmenu {
				line-height : 130%;
				font-size : 110%;
}
.topmenu a {
				text-decoration : underline;
}
.topmenu a:hover {
				text-decoration : underline;
}
.img_caption_table {
				border: none;
				width : 100%;
				margin : 0px;
}
.img_caption_table th {
				font-size : 100%;
				padding-top: 4px;
				padding-right: 10px;
				padding-bottom: 4px;
				padding-left: 10px;
}
.img_caption_table td {
				padding-top: 6px;
				padding-right: 10px;
				padding-bottom: 6px;
				padding-left: 10px;
				white-space: normal;
}
.debug_text {
				border: #BDBEBD;
				background-color: #EFEFEF;
				width : 100%;
				margin : 0px;
}
.clickable_option {
				font-weight: bold;
				cursor : default;
}
.listbox_lang {
				color: #e9e9f4;
				background-color: #091132;
				border: 1px solid #091132;
				font-size: 80%;
				font-family: Verdana,Arial,Helvetica,Sans-Serif;
				vertical-align : middle;
}
#SELECT_LISTS {
				width: 300px;
				height: 50px;
				text-align: right;
				float: right;
}
#SUB_MENU {
				background-image: url(images/top_panel_r2_c2.jpg);
				background-position: center;
				padding-left: 50;
}
#SYS_MENU {
				position: relative;
				width: 800px;
				height: 30px;
				left: 35px;
				top: 5px;
				margin: -10px;
				padding: 0;
				z-index: 1;
				visibility: hidden;
}
#SELECT_FLAGS {
				text-align: center;
}
#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);
}
