﻿/*************************
  Coppermine Photo Gallery
  ************************
  
Copyright (c) 2003-2009 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 version 3
  as published by the Free Software Foundation.
  
  
********************************************
  Coppermine version: 1.4.21
  
$HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/sweet/style.css $
  $Revision: 5728 $
  $Author: gaugau $
  $Date: 2009-03-02 09:25:17 +0100 (Mo, 02 Mär 2009) $
**********************************************/

/* 
Colors used in this style sheet:
   Hex 000000 = RGB   0,   0,   0 = black
   Hex 5F5F5F = RGB  95,  95,  95 = light black
   Hex BDBEBD = RGB 189, 190, 189 = dark grey
   Hex D1D7DC = RGB 209, 215, 220 = medium grey
   Hex CCCCCC = RGB 204, 204, 204 = medium grey
   Hex EFEFEF = RGB 239, 239, 239 = dark white
   Hex FFFFFF = RGB 255, 255, 255 = white
   Hex 005D8C = RGB   0,  93, 140 = dark blue
   Hex 0033CC = RGB   0,  91, 104 = medium blue
   Hex 0E72A4 = RGB  14, 114, 164 = light blue
*/



body {
        
	font-family : Arial, Helvetica, sans-serif;
        
	font-size: 12px;
        
	background : url(images/background.jpg) repeat-x #ff9777;
        
	color : #000000;
        
	margin: 0px;

}

a:link,a:visited {
	color:#aa654f;
	text-decoration:underline;
}
a:hover,a:active {
	color:#333333;
	text-decoration:none;
}



table {
        
	font-size: 12px;

}



h1 {
            
	text-decoration: none;
        
	line-height : 100%;
             

	margin:0px;
	color:#FFFFFF;
	text-transform:capitalize;
}



h2 {
        
	margin:0px;
	color:#FFFFFF;
	text-transform:capitalize;
}



h3 {
        
	margin:0px;
	color:#FFFFFF;
	text-transform:capitalize;
}



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;

}



.textinput {
              
	font-size: 100%;
        
	border: 1px solid #D1D7DC;
        
	padding-right: 3px;
        
	padding-left: 3px;

}



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

}



.button {
        
	font-family: Arial, Helvetica, sans-serif;
        
	font-size: 100%;
        
	border: 1px solid #005D8C;
        
	background-image : url(images/button_bg.gif);
        
	background-position : bottom;

}



.comment_button {
        
	font-family: Arial, Helvetica, sans-serif;
        
	font-size: 85%;
        
	border: 1px solid #005D8C;
        
	background-image : url(images/button_bg.gif);
        
	background-position : bottom;
        
	padding-left: 3px;
        
	padding-right: 3px;

}



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

}



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

}



.bblink a {
        
	color: #0033CC;
        
	text-decoration: none;

}



.bblink a:hover {
        
	color: #0033CC;
        
	text-decoration: underline;

}



.maintable {
  /* เทเบิลหลักๆ */    
	border: none;
	
/*        background-color: #FFFFFF;*/
        
	background-color: #FFFFFF;
        
	margin-top: 1px;
        
	margin-bottom: 10px;

}



.tableh1 {
 /* หัวข้อเทเบิลหลัก เช่น ภาพแบบสุ่ม เป็นต้น */  
	background:url(images/title-bg.jpg);

	line-height:35px;        
	color:#666666;

	letter-spacing:1px;
	padding-left:5px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;        
}



.tableh1_compact {
 /* จำนวนอัลบั้ม เช่น 1 อัลบั้ม จำนวน 1 หน้า */       
	background : #cccccc ;
        
	color : #FFFFFF;
        
	padding-top: 2px;
        
	padding-right: 5px;
        
	padding-bottom: 2px;
        
	padding-left: 5px;

	font-size:11px;
}



.tableh2 {
 /* ชื่ออัลบั้ม */       
	background: #ff9777 ;
        
	color : #FFFFFF;
        
	padding-top: 3px;
        
	padding-right: 10px;
        
	padding-bottom: 3px;
        
	padding-left: 10px;

	line-height:20px;
}


.tableh2 a:link, 
.tableh2 a:visited {
 /* ชื่ออัลบั้ม  */              
	color : #FFFFFF;
        
	text-decoration:none;
}

.tableh2 a:hover, 
.tableh2 a:active {
 /* ชื่ออัลบั้ม */              
	color : #cccccc;
        
	text-decoration:underline;
	letter-spacing:1px;
}



.tableh2_compact {
        
	background: #ff9777 ;
        
	color : #000000;
        
	padding-top: 2px;
        
	padding-right: 5px;
        
	padding-bottom: 2px;
        
	padding-left: 5px;

}



.tableb {
 /* บีจีด้านหลังกล่องอัลบั้ม */       
	background: #F0F0F0 ;
        
	padding-top: 3px;
        
	padding-right: 5px;
        
	padding-bottom: 3px;
        
	padding-left: 5px;

}



.tableb_compact {
 /* บีจีข้างในกล่องอัลบั้ม */       
	background: #EFEFEF ;
        
	padding-top: 2px;
        
	padding-right: 2px;
        
	padding-bottom: 2px;
        
	padding-left: 2px;

}



.tablef {
  /* หมวดแอดมินตรงปุ่มให้กดบันทึกค่า */      
	background: #FFFFFF;
        
	padding-top: 10px;
        
	padding-right: 10px;
        
	padding-bottom: 10px;
        
	padding-left: 10px;

}



.catrow_noalb {
 /* category ที่ไม่มีอัลบั้ม */       
	background: #F8F8F8 ;
        
	color : #333333;
        
	padding-top: 3px;
        
	padding-right: 10px;
        
	padding-bottom: 3px;
        
	padding-left: 10px;

}


.catrow_noalb a:link, .catrow_noalb a:visited {
 /* category ที่ไม่มีอัลบั้ม */
	color: #aa654f;
	text-decoration:underline;
}

.catrow_noalb a:hover, .catrow_noalb a:active {
 /* category ที่ไม่มีอัลบั้ม */
	color: #333333;
	text-decoration: none;
}



.catrow {
  /* category ที่มีอัลบั้ม */      
	background: #E8E8E8 ;
        
	padding-top: 3px;
        
	padding-right: 10px;
        
	padding-bottom: 3px;
        
	padding-left: 10px;

	color : #333333;
}




.catrow a:link, 
.catrow:visited { /* category ที่มีอัลบั้ม */
	color: #aa654f;
	text-decoration:underline;
}


.catrow a:hover, 
.catrow:active { /* category ที่มีอัลบั้ม */
	color: #333333;
	text-decoration: none;
}

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

}



.thumb_filename {
        
	font-size: 80%;
        
	display: block;

}



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

}



.thumb_num_comments {
        
	font-weight: normal;
        
	font-size: 80%;
        
	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: 80%;
        
	margin-top: 1px;
        
	margin-bottom: 1px;
        
	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 : #cc795f ;
        
	color : #FFFFFF;
        
	padding: 0px;
        
	margin: 0px;

}



.sortorder_options {
        
	font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #cc795f ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;

}



.navmenu {
        
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        background : #cc795f ;
        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;
        color: #FFFFFF;

}



.navmenu a:hover {
        
	background : #EFEFEF ;
        text-decoration: none;
        color:         #000000;

}



.admin_menu_thumb {
        
	font-family: Arial, Helvetica, sans-serif;

        font-size: 85%;

        border: 1px solid #005D8C;

        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: Arial, Helvetica, sans-serif;

        font-size: 90%;

        border: 1px solid #005D8C;

        background-color:#D0D0D0 ;


        background-position : bottom;

        color: #FFFFFF;

        margin-top: 0px;

        margin-bottom: 0px;

        padding-top:2px;

        padding-bottom:2px;

        padding-left:1px;

        padding-right:1px;

        text-align: center;

}



.admin_menu a:link, .admin_menu a:visited {

        color: color:#aa654f;

        text-decoration: underline;

        display: block;

        position: relative;

        padding-top: 1px;

        padding-bottom: 1px;

        padding-left: 2px;

        padding-right: 2px;

}



.admin_menu a:hover, .admin_menu a:active {

        color: #333333;

        text-decoration: none;

}



td #admin_menu_anim {

        background-image : url(images/button_bg_anim.gif);

}



.comment_date{

        color : #5F5F5F;

        font-size : 90%;

        vertical-align : middle;

}



.image { /* รูป thumnail */
        border-style: solid;

        border-width:1px;

        border-color: #999999;

        margin: 2px;

	padding:3px;
	background:#FFFFFF;
}



.imageborder { /* ขอบรูป thumnail */
        border: 1px solid #999999;

        background-color: #FFFFFF;

        margin-top: 30px;

        margin-bottom: 30px;

}



.display_media {

        background: #EFEFEF ;

        padding-top: 3px;

        padding-right: 10px;

        padding-bottom: 3px;

        padding-left: 10px;

}



.thumbnails {
 /* บีจีของ thumbnails */
        background: #F0F0F0 ;

        padding: 5px;

}



.footer {

        font-size : 10px;

}



.footer a:link, .footer a:visited {

        color:#aa654f;
	text-decoration:underline;

}


.footer a:hover, .footer a:active {

        color:#333333;
	text-decoration:none;
}



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

        display: block;

        margin-bottom: 2px;

}



.catlink a {

        text-decoration: underline;

        color: #000000;

}



.catlink a:hover {

        color: #000000;

        text-decoration: underline;

}



.topmenu {

        line-height : 100%;

        font-size: 100%;

}



.topmenu a {

        color : #aa654f;

        text-decoration : underline;

}



.topmenu a:hover  {

        color : #333333;

        text-decoration : none;

}



.img_caption_table {

        border: none;
        background-color: #FFFFFF;

        width : 100%;

        margin : 0px;

}


.img_caption_table th {

        background: #F0F0F0 ;

        font-size: 100%;

        color : #000000;

        padding-top: 4px;

        padding-right: 10px;

        padding-bottom: 4px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

}



.img_caption_table td {

        background: #EFEFEF ;

        padding-top: 6px;

        padding-right: 10px;

        padding-bottom: 6px;

        padding-left: 10px;

        border-top : 1px solid #FFFFFF;

        white-space: normal;

}



.debug_text {

        border: #BDBEBD;

        background-color: #EFEFEF;

        width : 100%;

        margin : 0px;

}



.clickable_option {

        cursor : default;

}



.listbox_lang {

        color: #000000;

        background-color: #F0F0F0;

        border: 1px solid #333333;
        font-size: 80%;

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

        vertical-align : middle;


}



#vanity a {

        display:block;

        width:57px;

        height:20px;

        margin: 3px 20px;

}


#vanity img {
	border:0px;
}


#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);
}