/*
$Id: style.css,v 1.2 2004/06/11 09:20:10 tarique Exp $
*/

body { 
background-attachment: fixed; color: rgb(61,45,36); background-image: url(images/wallpaper.jpg); background-color: rgb(61,45,36);
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        margin: 0px;
}


.img-shadow {  float:left;  background: url(http://www.whalefishstudios.com/gallery/themes/my_theme/images/thmbshade.png) no-repeat bottom right !important;  background: url(http://www.whalefishstudios.com/gallery/themes/my_theme/images/thmbshade.gif) no-repeat bottom right;  margin: 10px 0 0 10px !important;  margin: 10px 0 0 5px;  }.img-shadow img {  display: block;  position: relative;  background-color: #fff;  border: 1px solid #a9a9a9;  margin: -6px 6px 6px -6px;  padding: 4px;  }


.centerWrap{min-width: 170px;text-align: center;}.center{margin: 0 auto;text-align: left;width: 70px;}




#menu a {		display:block;		width:120px;		margin: 1em 0; padding:7px 0 10px 20px;		font: bold 14px/1 sans-serif;		color:#c60;		background: url(images/buttons.gif) 0 0 no-repeat;		text-decoration: none;		}	#menu a:hover {			background-position: -30px 0;		color: #E9BE75;		}	#menu a:active {		background-position: -60px 0;		color:white;		}

div.outer a {
              display:block;              width:31px;              height:32px;              margin-top: 0px;               padding-top: 0px;              padding-left: 0px;              font-weight: bold;              font-size: 12px;              font-family: arial;              color:#ffffff;              background: url(images/navbuttons.gif) top left no-repeat;              text-decoration: none;
	}
div.outer a:hover {	background-position: -31 0px;	color: #ffffff;	}div.outer a:active {background-position: 0 0px;	color: #ffffff;	}



div.info a {              display:block;              width:31px;              height:32px;              margin-top: 0px;               padding-top: 0px;              padding-left: 0px;              font-weight: bold;              font-size: 12px;              font-family: arial;              color:#ffffff;              background: url(images/navbuttons.gif) 0 -32px no-repeat;              text-decoration: none;
	}div.info a:hover {	background-position: -31 -32px;	color: #ffffff;	}div.info a:active {background-position: 0 -32px;	color: #ffffff;	}
div.slide a {              display:block;              width:31px;              height:32px;              margin-top: 0px;               padding-top: 0px;              padding-left: 0px;              font-weight: bold;              font-size: 12px;              font-family: arial;              color:#ffffff;              background: url(images/navbuttons.gif) 0 -32px no-repeat;              text-decoration: none;
	}div.slide a:hover {	background-position: -31 -32px;	color: #ffffff;	}div.slide a:active {background-position: 0 -32px;	color: #ffffff;	}
div.prev a {              display:block;              width:31px;              height:32px;              margin-top: 0px;               padding-top: 0px;              padding-left: 0px;              font-weight: bold;              font-size: 12px;              font-family: arial;              color:#ffffff;              background: url(images/navbuttons.gif) 0 -64px no-repeat;              text-decoration: none;
	}div.prev a:hover {	background-position: -31 -64px;	color: #ffffff;	}div.prev a:active {background-position: 0 -64px;	color: #ffffff;	}


div.blue {
        color:336666;text-decoration: none	 }div.blue a {

color:336666;text-decoration:none;	}div.blue span {	}div.blue a:hover {	color: 00CCCC; text-decoration: none	}div.blue a:active {color: 00CCCC; text-decoration: none	}
div.ecard a {              display:block;              width:31px;              height:32px;              margin-top: 0px;               padding-top: 0px;              padding-left: 0px;              font-weight: bold;              font-size: 12px;              font-family: arial;              color:#ffffff;              background: url(images/navbuttons.gif) 0 -96px no-repeat;              text-decoration: none;
	}div.ecard a:hover {	background-position: -31 -96px;	color: #ffffff;	}div.ecard a:active {background-position: 0 -96px;	color: #ffffff;	}


table {
        font-size : 12px;
}

h1{
        font-weight: normal;
        font-size: 28px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding-left : 20px;
        color: #FFFFFF;
        margin: 2px;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        background-image : url(images/box_left_icon.gif);
        background-repeat : no-repeat;
        background-position : left;
        padding-left : 0px;
        font-size: 8px;
        margin: 0px;
}

h3 {
        font-weight: bold;
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 14px;
        padding-left : 20px;
        color: #646464;
        margin: 2px;
}

p {
        font-family: Arial, Helvetica, sans-serif;
        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 td {
        white-space: nowrap;
}

.top_menu_left_bttn a {
        background-image : url(images/left_menu_button.gif);
        background-repeat : no-repeat;
        background-position : left;
        padding-left : 12px;
        padding-right : 6px;
        position: relative;
        display: block;
        height : 35px;
        line-height : 35px;
        text-decoration: none;
        color: #000000;
        font-size: 14px;
}

.top_menu_left_bttn a:hover {
        background-image : url(images/left_menu_button_over.gif);
        background-position : left;
        background-repeat : no-repeat;
        text-decoration: none;
        color:         #000000;
}

.top_menu_right_bttn a {
        background-image: url(images/right_menu_button.gif);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 22px;
        padding-left: 6px;
        position: relative;
        display: block;
        height : 35px;
        line-height : 35px;
        text-decoration: none;
        color: #000000;
        font-size: 14px;
}

.top_menu_right_bttn a:hover {
        background-image: url(images/right_menu_button_over.gif);
        background-position: right;
        background-repeat: no-repeat;
        text-decoration: none;
        color:         #000000;
}

.top_menu_bttn a {
        background-image: url(images/menu_button.gif);
        background-position: left;
        padding-left: 6px;
        padding-right: 6px;
        position: relative;
        display: block;
        height : 35px;
        line-height : 35px;
        text-decoration: none;
        color: #000000;
        font-size: 14px;
}

.top_menu_bttn a:hover {
        background-image: url(images/menu_button_over.gif);
        text-decoration: none;
        color:         #000000;
}

.textinput {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        background: #8E7865;
      
        
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        border: 0px solid #928078;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 0px;
        background-image: url(images/tab_clear.gif);
         background-position: top;
        padding-left: 12px;
        padding-right: 13px;
        padding-bottom:12px;

}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 0px;
        background-image: url(images/tab_clear.gif);
        background-position: top;
        padding-left: 12px;
        padding-right: 13px;
        padding-bottom:12px;
}

.radio {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.checkbox {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

a {
        color: #336666;
        text-decoration: none;
}

a:hover {
        color: #00CCCC;
        text-decoration: none;
}

bblink a {
        color: #FF6600;
        text-decoration: none;
}

bblink a:hover {
        color: #FF6600;
        text-decoration: underline;
}

.maintable {
       
        margin-top: 2px;

        margin-bottom: 2px;
}

.tableh1 {
        font-family:  Verdana, Geneva, Arial, sans-serif;
 
                padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}

.tableh1_compact {
        font-family:  Verdana, Geneva, Arial, sans-serif;
        background-image: url(images/tableback2.png);
 background : #8AA5B5 ;

        color: #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        font-family:  Verdana, Geneva, Arial, sans-serif;
       background-image: url(images/tableback2.png);
background: #CBD7DE ;
        color : #888888;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        font-family:  Verdana, Geneva, Arial, sans-serif;
        background-image: url(images/tableback2.png);
        color : #241A15;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}
.shadowvert {
        background-image: url(images/thmbshadelftspace.png); 
background-repeat: repeat-y; 
}

.tableb {
        background-image: url(http://www.whalefishstudios.com/gallery/themes/my_theme/images/tableback.png);
 background: #F2F5F7 ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
        background-image: url(http://www.whalefishstudios.com/gallery/themes/my_theme/images/tableback.png);
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
         background-image: url(http://www.whalefishstudios.com/gallery/themes/my_theme/images/tableback.png);
        background: #CBD7DE ;
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: 0px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #000000;
}


.thumb_num_comments {
        font-weight: normal;
        font-size: 85%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 0px;
        margin-bottom: 0px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 85%;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}

.user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: underline;
}

.sortorder_cell {
        background : #BDBDBD ;
        color: #FFFFFF;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #BDBDBD ;
        color: #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}
.bensfontbold { 

        font-family: times new roman,times,serif;
        color: #DBB588;
        font-weight: bold;
        
        border-style: none;
}

.bensfont { 

        font-family: times new roman,times,serif;
        color: #DBB588;
        font-weight: normal;
        
        border-style: none;
}

        
.navmenu {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
              padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
   
}

.navmenu a:hover {
        background : #996633 ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 0px solid #666666;
        background-image : url(images/tab_clear.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        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: #000000;
        text-decoration: underline;
}



.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 1px solid #666666;
        background-image : url(images/tab_clear.gif);
        background-position : bottom;
        background-repeat: repeat-x;
        background-color: #FFFFFF;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}



.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: underline;
}

.comment_date{
        color: #DBB588;
        font-size: 90%;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:0px;
        border-color: #000000;
        margin: 0px;
}

.imageborder {
        border: 0px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

.thumbnails {
        background:  ;
        padding: 0px;
}

.footer {
        font-size : 2px;
        color: #666666;
}

.footer a {
        text-decoration: none;
        color: #666666;
}

.footer a:hover {
        color: #000000;
        text-decoration: underline;
}

.statlink {
        color: #FFFFFF;
}

.statlink a {
        text-decoration: none;
        color: #FFFFFF;
}

.statlink a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

.alblink a {
        text-decoration: underline;
        color: #000000;
}

.alblink a:hover {
        color: #000000;
        text-decoration: underline;
}

.catlink {
        font-family:  Verdana, Geneva, Arial, sans-serif;
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: underline;
        color: #000000;
}

.catlink a:hover {
        color: #000000;
        text-decoration: underline;
}

.topmenu {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        line-height: 130%;
        font-size: 110%;
}

.topmenu a {
        color: #FF6600;
        text-decoration: underline;
}

.topmenu a:hover  {
        color: #000000;
        text-decoration: underline;
}

.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width: 100%;
        margin: 0px;
}

.img_caption_table th {
        background: #E6E6E6 ;
        font-size: 100%;
        color: #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top: 0px solid #000000;
}

.img_caption_table td {
        background: #FFFFFF ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 0px solid #000000;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : hand;
}

.listbox_lang {
        color: #000000;
        background-color: #FAFAFA;
        border: 0px solid #FAFAFA;
        font-size: 80%;
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        vertical-align : middle;
}
