/* CSS Document */

/**********************************************
Coppermine Photo Gallery
************************
Copyright (c) 2003-2006 Coppermine Dev Team
v1.1 originally 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.6
$Source$
$Revision: 3014 $
$Author: gaugau $
$Date: 2006-05-09 07:44:08 +0200 (Di, 09 Mai 2006) $
**********************************************/

body { font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 11px;
margin:0;
padding:0;
background-image: url(bg.jpg);
background-repeat : repeat-x;
background-color: #dbdce0;
color: #585858;
}

table {
font-size : 11px;
}

h1{
font-weight: normal;
font-size: 21px;
font-family: Arial, Verdana, Geneva, sans-serif;
text-decoration: none;
line-height : 120%;
color: #ffffff;
background : #e1e1dd;
margin: 2px;
}

h2 {
font-family: Arial, Verdana, Geneva, sans-serif;
background-position : left;
padding-left : 18px;
font-size: 18px;
margin: 0px;
color: #ffffff;
}

h3 {
font-weight: normal;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 12px;
margin: 2px;
}

p {
font-family: Arial, Verdana, Geneva, 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;
}

.textinput {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 100%;
border: 1px solid #ee6488;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
padding-right: 3px;
padding-left: 3px;
}

.listbox {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 100%;
border: 1px solid #000000;
vertical-align : middle;
}

.button {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 100%;
border: 1px solid #ee6488;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
background-image : url(images/button_bg.gif);
background-position : bottom;
}

.comment_button {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 100%;
border: 1px solid #000000;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;

}

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

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

a {
font-size: 12px;
color: #f11b67;
text-decoration: none;

}

a:hover {
font-size: 12px;
color: #000000;
text-decoration: none;
}

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

.bblink a:hover {
color: #4e867f  ;
}

.maintable {
border: 1px solid #8f2d59;
margin-top: 0px;
margin-bottom: 0px;
background : #ffffff;
 	border : 1px solid #c0c0c0;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.tableh1 {
font-family: Arial, Tahoma;
background : #e0e0e4;
background-image : url(images/tableh1.jpg);
color: #e23e49;
text-transform:uppercase;
font-weight:normal;;
padding-top: 7px;
padding-right: 3px;
padding-bottom: 7px;
padding-left: 3px;
font-size: 11px;
font-weight: bold;
letter-spacing: 1.5px;
 	border : 1px solid #c0c0c0;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.tableh1_compact {
font-family: Arial, Verdana, Geneva, sans-serif;
background : #a6b9f8;
background-image : url(images/tableh1.jpg);
color: #89859d;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 3px;
 	border : 1px solid #c0c0c0;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.tableh2_compact {
color : #ffffff;
background-image : url(images/tableh2.jpg);
background: #a6b9f8;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px
 	border : 0px solid #b7bace;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.tableh2 {
background: #ff8263;
color : #101010;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
background-image : url(images/tableh2.jpg);
 	border : 0px solid #b7bace;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.tableb {
background: #e6e6ed;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
 	border : 0px solid #b7bace;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

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

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

.catrow_noalb {
background: #f0f0f0;
color : #0c0c0c;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 1px;

}

.catrow_noalb:hover {
background: #e6e6ed;
color : #0c0c0c;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 1px;


}

.catrow {
background: #e6e6ed;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 1px;
}

.catrow:hover {
background: #ffffff;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 1px;

}

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

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

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

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

.thumb_caption a {
color: #5e5e5e;
}


.thumb_num_comments {
font-weight: normal;
font-size: 85%;
padding: 1px;
font-style : italic;
display : block;
background: transparent;
color: #5e5e5e;
}

.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: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

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

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

.sortorder_cell {
background : #ffffff;
background-image : url(images/tableh1.jpg);
color: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 20px;
margin: 0px;
}

.sortorder_options {
font-family: Arial, Verdana, Geneva, sans-serif;
background : #af9428;
background-image : url(images/tableh1.jpg);
color: #8a869e;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 100%;
white-space: nowrap;
}

.navmenu {
font-family: Arial, Verdana, Geneva, sans-serif;
color: #ffffff;
font-weight: bold;
background : #b6c7e9;
background-image : url(images/tableh2.jpg);
font-size: 100%;
border-style: none;
}




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

.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;


}

.navmenu a:hover {
background : #7b99d0;
text-decoration: none;
color: #ffffff;
}

.admin_menu_thumb {
font-family: Verdana, Geneva, sans-serif;
font-size: 90%;
border: 1px solid #CCD7E0;
background-image : url(images/button_bg.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: Verdana, Geneva, sans-serif;
font-size: 85%;
border: 0px solid #CCD7E0;
background-image : url(images/button_bg.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: 1px;
padding-right: 1px;
}

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

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

.comment_date{
color : #bbedff;
font-size: 100%;
vertical-align : middle;
}

.image {
border-style: solid;
border-width: 1px;
border-color: #bfbad8;
background-color: #bfbad8;
padding: 3px;
margin: 2px;
}

a img {
 	border : 1px solid #bfbad8;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
		background-image : url(images/tableh3.jpg);
}
a:hover img {
 	border : 1px solid #d2cee8;
 	-moz-border-radius:  6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	background-image : url(images/tableh1.jpg);
}

.imageborder {
border: 0px solid #e23e49;
background-color: #ffffff;
margin-top: 30px;
margin-bottom: 30px;
}

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


.thumbnails {
background: #eaeaec;
padding: 5px;
}

.thumbnails:hover {
background: #f0f0f0;
padding: 5px;
}

.footer {
font-size : 11px;
color: #325555;
}

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



.footer a:hover {
color: #b85676;
}

.statlink {
color: #8a869e;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 11px;
text-transform:uppercase;
font-variant:normal;
letter-spacing: 1px;
}

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

.statlink a:hover {
color: #a6b9f8;
}

.alblink a {
text-decoration: none;
color: #ffffff;
}

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

.catlink {
background-image: url(http://www.gallery.annethongprasom.com/themes/Template5/arrow-icon2.png);
display: block;
background-repeat : no-repeat;
background-position : left;
padding-left:20px;
}

.catlink a {
text-decoration: none;
color: #e95761;
margin-bottom: 2px;
}

.catlink a:hover {
color: #ea395a;
text-decoration:underline;
margin-bottom: 2px;
}

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


}

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

}

.topmenu a:hover {
color : #5897ab;
}

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

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

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

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

.clickable_option {
cursor : default;

}

.listbox_lang {
color: #bbedff;
background-color: #f2e9d2;
border: 1px solid #bbedff;
font-size: 100%;
font-family: Arial, Verdana, Geneva, sans-serif;
vertical-align : middle;
}

.menu {
background : #5e5d5d;
color: #bd2b2b;
border-top: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
font-weight:bold;;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 3px;
letter-spacing: 1.5px;
}