/******************************************************************************/
/**************************** COLOR DEFINITIONS *******************************/
/******************************************************************************/
/* I'm using this section just as an area to define the colors.               */
/* Use the description of the color to find within this file where the color  */
/* is used.                                                                   */
/*                                                                            */
/*  Page Background          - #FFFFFF                                        */
/*  Caption Bars             - #E860A2                                        */
/*  Box Backgrounds          - #F8E2E9                                        */  
/*  Text Color               - #A74575                                        */  
/*  Text Link Color          - #A74575                                        */  
/*  Text Hover Color         - #858460                                        */  
/*  Box Border Color         - #A74575                                        */  
/*  Navigation Text Disabled - #696969                                        */ 
/******************************************************************************/


/******************************************************************************/
/****************************** DEFAULT LAYOUT ********************************/
/******************************************************************************/
BODY {
  margin: 5px;
  padding: 0;
  font-size: 0.8em;
  font-family: Bitsream Vera Sans, Helvetica, Arial, sans-serif;
  text-align: center; 

	color: #A74575;                       /* Text Color */
  background: #FFFFFF;                  /* Page Background */
}


A {  
  background: transparent;
  text-decoration: none;

  color: #A74575;                       /* Text Link Color */  
  border-bottom: 1px dotted #A74575;    /* Text Link Color */ 
}

A:hover {
  color: #893860;                       /* Text Hover Color */
  border-bottom: 1px solid #893860;     /* Text Hover Color */
  font-weight: bold;
}

IMG {
  border: none;
}

/******************************************************************************/
/********************************** ALBUMS PAGE *******************************/
/******************************************************************************/

/* The DIV that encapsulates the whole Albums List Page with thumbnails */
#ID_Albums_ListBody {
    
}

#ID_Albums_HeaderSection {
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 7px;
  text-align: center;

  color: #A74575;              /* Text Color */
/*  background: #F8E2E9;         /* Box Backgrounds */
/*  border: 1px solid #CF3438;   /* Box Border Color */
}

#ID_Albums_PageTitle {
  font-size: 20;
  background: transparent;
  font-family: Bitsream Vera Sans, Helvetica, Arial, sans-serif;
  font-weight: bold;
/*  letter-spacing: 2px;  */
}

#ID_Albums_PageDescription {
  font-size: 14;
  font-weight: normal;
}

/******************************************************************************/
/*********************************** MENU BAR *********************************/
/******************************************************************************/
#ID_Menubar {
  float: left;
  left: 0px;
  width: 21em;

  margin-top: 5px;
  margin-right: 10px;
  margin-left: 5px;
  margin-bottom: 5px;

  padding: 0;
  text-align: left; 

  border: 1px solid #A74575;     /* Box Border Color */
  background: #F8E2E9;           /* Box Backgrounds */
}

#ID_Menubar DL {
  display: inline;
}

/* menu title bar */
#ID_Menubar DT {
  text-align: center;
  font-weight: bold;
  padding: 5px;

  color: #A74575;                /* Text Color */
  background: #E860A2;           /* Caption Bars */
}

#ID_Menubar DT A {
  color: #F8E2E9;                       /* Text Link Color */
  border-bottom: 1px solid #F8E2E9;     /* Text Link Color */
}

#ID_Menubar DT A:hover {
  color: #893860;                       /* Text Hover Color */
  border-bottom: 1px solid #893860;     /* Text Hover Color */
}

#ID_Menubar DD {   
  font-size: 92%; 
}

#ID_Menubar DD UL,
#ID_Menubar DD P, 
#ID_Menubar DD .Class_TotalImages {
  margin: 10px 0 10px 5px; 
  margin-left: -20px; 
}

#ID_Menubar DD UL {
  list-style-type: square;
  list-style-position: inside;
  padding: 0 0 0 2px;
}

#ID_Menubar DD UL UL {
  margin-top: 0;
  margin-left: 15px; 
}

#ID_Menubar DD LI {
  margin-top: 0;
  padding-top: 5px;
}

#ID_Menubar DD LI.selected {
  font-weight: bold; 
}

/******************************************************************************/
/******************************** ALBUMS CONTENT ******************************/
/******************************************************************************/

#ID_Albums_Content {
  display: block; 

  margin-top: 10px;
  margin-left: 23em;
  margin-right: 5px;
  margin-bottom: 1em; 

  border: 1px solid #A74575;     /* Box Border Color */
  background: #F8E2E9;           /* Box Backgrounds */   
}

#ID_Albums_ContentTitle {
  display: block; 
  padding: 5px;
  margin-bottom: 1em; 

  text-align: left;	
  font-weight: bold;
  font-size: 100%;

  color: #F8E2E9;    
  background: #E860A2;            /* Caption Bars */  
}

#ID_Albums_ContentTitle A {
  color: #F8E2E9;
  border-bottom: 1px solid #F8E2E9;     /* Text Hover Color */
}

#ID_Albums_ContentTitle A:hover {
  color: #893860;                       /* Text Hover Color */
  border-bottom: 1px solid #893860;     /* Text Hover Color */
}


#ID_Albums_ThumbnailsBlock {
  display: table; 

  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

  width: auto;
  text-align: center;		
}

/* This is a hack because Firefox doesn't support 'inline-block' */
* html #ID_Albums_ThumbnailsBlock {
  display: inline-block;
}

#ID_Albums_Thumbnail {
  display: block; 
  float: left;

  height: 160px;

  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
}

#ID_Albums_Thumbnail_Image_Block, #ID_Albums_Thumbnail_Album_Image_Block {
  display: block;
  
  width: 128px;			
  height: 128px;		
}

#ID_Albums_Thumbnail_Image_Block {
  border: 1px solid #A74575;       /* Box Border Color */               
}

#ID_Albums_Thumbnail_Image {
  display: table-cell;		
  vertical-align: middle;	 
  
  text-align: center;		
  
  width: 128px;			
  height: 128px;		
}


#ID_Albums_Thumbnail_Image A {
  border-bottom: none;
}

#ID_Albums_Thumbnail_Label {
  float: top;
  text-align: center;
  margin-top: 3px;
  font-size: 80%;
  width: 128px;			
}

#ID_NavigationBar {
  margin: 10px 0;
  text-align: center;
  color: #696969;                  /* Navigation Text Disabled */
  padding-bottom: 20px;
}

#ID_Button_First_Page, #ID_Button_Previous_Page,
#ID_Button_Page_Number, #ID_Button_Selected_Page_Number, #ID_PageNum_Separator,
#ID_Button_Next_Page, #ID_Button_Last_Page  {
  display: inline;
}

#ID_Button_First_Page A, #ID_Button_Previous_Page A,
#ID_Button_Page_Number A,
#ID_Button_Next_Page A, #ID_Button_Last_Page A  {
  border-bottom: none;
}

#ID_Button_First_Page A:Hover, #ID_Button_Previous_Page A:Hover,
#ID_Button_Page_Number A:Hover, #ID_Button_Selected_Page_Number A:Hover,
#ID_Button_Next_Page A:Hover, #ID_Button_Last_Page A:Hover {
  border-bottom: 1px solid #893860;     /* Text Hover Color */
}

#ID_PageNum_Separator {
  padding-left: 1px;
  padding-right: 1px;
}

#ID_Button_Selected_Page_Number  {
  font-weight: bold;
  border-bottom: 1px solid #A74575;    /* Text Link Color */  
}