/*

$Id: style.css,v 1.2 2004/06/11 09:20:09 tarique Exp $

*/



/* Foreground color definition */

body { color : #000066; }

.topmenu, .topmenu a { color : #000066; }

.topmenu a:hover { color : #000033; }

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

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

.textinput, .listbox, .radio, .checkbox { color: #000066; }

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

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

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

.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 : #000033; }

.comment_date { color : #000066; }

.footer, .footer a, .footer a:hover { color : #000033; }



/* Background colors definition */

body { background-color: #ffffcc; }

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

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

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

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



/* Borders for input controls */

.textinput, .listbox, .button, .comment_button, .admin_menu, .admin_menu_thumb  {        border: 1px solid #666666; }

.image { border: 1px solid #000000; }

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

.image1 { border: 1px solid #ff0000; }



.maintable, .maintablea, .maintableb {        background-color: #cccc66; }

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



/* 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 : 12px;

}



body {

        font-size : 12px;

        margin: 0px;

}



h1{

        font-weight: normal;

        font-size: 28px;

        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        text-decoration: none;

        padding-left : 20px;

        color: #000066;

        margin: 2px;

}



h2 {

        font-family: Arial, Helvetica, sans-serif;

        padding-left : 18px;

        font-size: 18px;

        margin: 0px;

}



h3 {

        font-weight: normal;

        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;

        font-size: 14px;

        padding-left : 20px;

        color: #000066;

        margin: 2px;

}



p {

        font-size: 100%;

        margin: 2px 0px;

}







.top_panel td {

        white-space: nowrap;

}



.top_menu_left_bttn a {

       padding-left : 12px;

        padding-right : 6px;

        position: relative;

        display: block;

        height : 35px;

        line-height : 35px;

        text-decoration: none;

        color: #000066;

        font-size: 14px;

}



.top_menu_left_bttn a:hover {

       
        background-repeat : no-repeat;

        text-decoration: none;

        color: #000066;

}



.top_menu_right_bttn a {

       
       padding-right : 22px;

        padding-left : 6px;

        position: relative;

        display: block;

        height : 35px;

        line-height : 35px;

        text-decoration: none;

        color: #000066;

        font-size: 14px;

}



.top_menu_right_bttn a:hover {

       
        text-decoration: none;

        color: #000066;

}



.top_menu_bttn a {

        
        padding-left : 6px;

        padding-right : 6px;

        position: relative;

        display: block;

        height : 35px;

        line-height : 35px;

        text-decoration: none;

        color: #000066;

        font-size: 14px;

}



.top_menu_bttn a:hover {

       
        text-decoration: none;

        color:         #000066;

}



.textinput {

        font-size: 100%;

        padding-right: 3px;

        padding-left: 3px;

}



.listbox {

        font-size: 100%;

        vertical-align : middle;

}



.button {

        font-size: 100%;

}



.comment_button {

        font-size: 100%;
        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 #000000; */

}



.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;

       
}



.tableh1a {

        border-bottom: 1px solid #000000;

        color: #000066;

}



.tableh1a td {

        border: none;

        height: 30px;

        font-size: 120%;

        font-weight: bold;

        color: #000066;

}



.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;

       
}



.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 {

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.tableb_compact {

        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;

}



.album_stat {

        font-size : 85%;

        margin: 5px 0px;

}



.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: underline;

}





.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;

}



.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-color:cccc66;

}



.navmenu img {

        display: block;

}



.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;

       
        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%;
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-color: #cccc66;

        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;

}



.comment_date{

        font-size: 90%;

        vertical-align : middle;

}



.image {

        margin: 2px;

}



.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 {

       
}



.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;

}



.debug_text {

        border: #BDBEBD;

        background-color: #cccc66;

        width : 100%;

        margin : 0px;

}



.clickable_option {

        font-weight: bold;

        cursor : hand;

}



.listbox_lang {

        color: #000066;

        background-color: #cccc66;

        border: 1px solid #4A4A4A;

        font-size: 80%;

        font-family: Arial, Helvetica, sans-serif;

        vertical-align : middle;

}

#navbg 
  {
  position:relative;
  text-align:center;
  float:left;
  padding:0px;
  margin:0px;
  }
  
#nav ul li, li a:link {padding-bottom:2px;border-top:1px solid #333366;border-right:1px solid #ffffff;display:block;text-decoration:none;color:#ffffff;background-color:#333399;}
#nav ul li, li a:visited {padding-bottom:2px;border-top:1px solid #333366;border-right:1px solid #ffffff;display:block;text-decoration:none;color:#ffffff;background-color:#333399;}
#nav ul li, li a:hover{padding-bottom:2px;border-top:1px solid #333366;border-right:1px solid #ffffff;display:block;text-decoration:none;color:#333366;background-image:url(/gallery/themes/igames/images/button_ov1.gif);background-repeat:no-repeat;}
#nav ul li, li a:active {padding-bottom:2px;border-top:1px solid #333366;border-right:1px solid #ffffff;display:block;text-decoration:none;;color:#ffffff;background-color:#333399;}  

div#navbg ul 
  {
  padding: 0px;
  margin: 0px;
  list-style: none;
  color:#000066;
  }

div#navbg li 
  {
  font-family:arial,verdana,sans-serif;
  font-size:8pt;
  font-weight:bold;
  float: left;
  position: relative;
  text-align:center;
  width: 130px;
  margin-right:1px;
  margin-bottom:0px;
  }

div#navbg li ul 
  {
  display: none;
  position: absolute;
  top: 1.3em;
  left: 0px;
  }
  
div#navbg li ul li 
  {
  background-color:#ff3366;
  float: left;
  position: relative;
  width: 13em;
  margin:0;
  padding:2px;
  }
  
div#navbg li>ul 
  {
  top: auto;
  left: auto;
  }

div#navbg li:hover ul, div#navbg li.over ul
  {
  display: block;
  }
  
#foot
  {
  float:left;
  clear:both;
  text-align:center;
  margin-right:0px;
  margin-left:0px;
  padding-left:0px;
  padding-right:0px;
  height:40px;;
  margin-top:10px;
  width: 100%;
  font-family: arial, helvectia, sans-serif;
  font-size: 10px;
  color: #333366;
  font-weight: bold;
  background-color:#ffffff;
  border-top:3px solid #000099;
  }
  
#foot a { color: #000066; text-decoration:none;padding:2px; }
 #foot a:hover { color: #ff6633; text-decoration: underline; padding:2px;}
 
#header
  {
  clear:both;
  height:20px;
  width:100%;
  margin:0px;
  padding:0px;
  background-color:#cccc99;
  }
  
.bld
  {
  font-weight:bold;
  }
   
.btext
   {
   font-family: Arial,Verdana,Sans-serif;
   font-size: .75em;
   }
   
.smtext
   {
   font-family: arial,helvectia,sans-serif;
   font-size: .7em;
   color: #000066;
   }
   
.smtextb
   {
   font-family: arial,helvectia,sans-serif;
   font-size: 11px;
   color: #cc3333;
   font-weight:bold;
   }
   
.smwtext
   {
   font-family: arial,helvectia,sans-serif;
   font-size: .7em;
   color:#ffffff;
   }

.lgtext
   {
   font-family: arial, helvectia, sans-serif;
   font-size: 14px;
   color: #000066;
   }
   
.lgtextb
   {
   color: #000066;
   font-family: arial, helvectia, sans-serif;
   font-size: 11px;
   font-weight:bold;
   }
   
.mdtextb
   {
   color: #000066;
   font-family: arial, helvectia, sans-serif;
   font-size: 12px;
   font-weight:bold;
   }
   
.mdtext
   {
   color: #000066;
   font-family: arial, helvectia, sans-serif;
   font-size: 12px;
   }
   
.slgtextb
   {
   color: #000066;
   font-family: arial, helvectia, sans-serif;
   font-size: 15px;
   font-weight:bold;
   }
   
.lgtextbo
   {
   color: #ff6633;
   font-family: arial, helvectia, sans-serif;
   font-size: 15px;
   font-weight:bold;
   }
   
.lgtexti
   {
   font-family: arial, helvectia, sans-serif;
   font-size: 12px;
   color: #000066;
   font-style: italic;
   }
   
.lgwhtext
   {
   font-family: arial, helvectia, sans-serif;
   font-size: 12px;
   color: #ffffff;
   }
   
.blgwhtext
   {
   font-family: arial, helvectia, sans-serif;
   font-size: 13px;
   font-weight:bold;
   color: #ffffff;
   }
   
.sblgtext
   {
   font-family: arial, helvectia, sans-serif;
   font-size: 16px;
   font-weight:bold;
   color: #000066;
   }   
   
.sblgwhtext
   {
   font-family: arial, helvectia, sans-serif;
   font-size: 16px;
   font-weight:bold;
   color: #ffffff;
   }
 
a:link.int { font-family:arial;font-size:14px; color:#333399; text-decoration: none;font-weight:bold;}
a:visited.int { font-family:arial;font-size:14px;color:#333399; text-decoration: none;font-weight:bold;}
a:hover.int { font-family:arial;font-size:14px;text-decoration: underline; color:#333399; }
a:active.int { font-family:arial;font-size:14px;color:#333399; text-decoration: none;font-weight:bold; }