/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Theme Name: flicklives.css */
/* Description: stylesheet for flicklives website */
/* (stdstyle.css is for generic styling) */
/* Version: 23.01 */
/* Page #: 7001 */
/* Author: J Clavin */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* ================================================================================================================================== */
/* SET COLOR SCHEME */
/* ================================================================================================================================== */
:root {
--hdfontcolor: #000099; /* dk_blue */
--headerdk: #F4E1BE; /* dk_tan / fl_header*/
--headerlt: #FFEECF; /* lt_tan / fl_sub-header*/
--trhd: #F4E1BE; /* dk_tan / category*/
--trhd: #FFEECF; /* med_tan / table row header*/
--trlt: #FFF; /* white table row light*/
--trdk: #FFF4E1; /* lt_tan table row dark*/
--footerback: #F4E1BE; /* footer background color */
}
/* ################################################################################################################################## */
/* SECTION 1 - These styles are Unique to Flicklives
/* ################################################################################################################################## */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Surrounds all other divs giving them their percentage-based width */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #512800; margin: 0; padding: 0; background-image: url("../images/paper2.jpg"); background-position: right bottom; background-repeat: repeat; background-attachment: fixed; }
#overlay { background-color: transparent; background-image: url(../images/background_rt.png); background-position: right bottom; background-repeat: no-repeat; background-attachment: fixed; z-index: 1; }
/* ################################################################################################################################## */
/* ================================================================================================================================== */
/* SECTION 2 - These styles are COMMON to Sheplives and Flicklives */
/* ================================================================================================================================== */
.fl_menubar { background: #FFFFFF; border-bottom: solid #333 2px; border-top: solid #333 2px;}
.fl_container {width: 950px; max-width: 1000px; min-width: 780px; margin: 0 auto; border-color: #CCC; border-style: solid; border-width: 0px; border-collapse: separate; border-spacing: 0;}
.fl_border_top {border-top: solid #000000 1px; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER - Used on inc_footer.php */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.fl_footer { background-color: var(--footerback); padding-top: 5px; text-align: center; position: relative; clear: both; font-size: 14px; font-weight: bold; color: #FF0000; }
.fl_footer_copyright { background-color: var(--footerback); padding-top: 0px; text-align: center; position: relative; clear: both; font-size: 14px; font-weight: bold; color: #663300; }
.fl_footer_update { background-color: transparent; text-align: center; position: relative; clear: both; font-size: 14px; font-weight: normal; color: #663300; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.fl_button {background-color: var(--headerlt); border: 1px solid #000; border-radius: 8px; display: inline-block; outline: 0; padding: 4px 8px; vertical-align: middle; overflow: hidden; font-size: 14px; font-weight: bold; color: #800; cursor: pointer; text-align: center; text-decoration: none; white-space: nowrap; box-shadow: none}
.fl_button:hover {background-color: var(--headerdk); border: 1px solid #271700; border-radius: 8px; outline: 0 ;padding: 4px 8px; vertical-align: middle; overflow: hidden; font-size: 14px; font-weight: bold; color: #0021E5; cursor: pointer; text-align: center; text-decoration: none; display: inline-block; white-space: nowrap; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* PICTURES */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.mass_photo_100 {border-style: groove; border-color: #4E3738; border-width: 2px; max-width: 100px; max-height: 100px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* MENU BAR */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.fl_menubar_table {width: 100%; text-align: center; border-collapse: collapse; vertical-align: center; border-spacing: 0px; border: solid #999999 0px;}
.fl_menubar_table_td_center {text-align: center; vertical-align: center;}
.fl_menubar_img {max-width: 100px; max-height: 100px; border: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; }
.fl_menubar_td {text-align: center; vertical-align: center; border-bottom: solid #333 0px; border-top: solid #333 0px; border-left: solid #333 0px; border-right: solid #333 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-collapse: collapse; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* HEADERS
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER Tan / Dk Blu Font 28px bold */
.fl_header_left, .fl_header_center, .fl_header_right {background-color: var(--headerdk); vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; color: var(--hdfontcolor); font-size: 26px; font-weight: normal; text-shadow: 2px 2px 2px #999999; padding-left: 5px; padding-right: 5px;}
.fl_header_left {text-align: left;}
.fl_header_center {text-align: center;}
.fl_header_right {text-align: right;}
/* SUB-HEADER Tan / Dk Blu Font 24px bold */
.fl_sub-header_left, .fl_sub-header_center, .fl_sub-header_right {background-color: var(--headerlt); vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; color: var(--hdfontcolor); font-size: 22px; font-weight: normal; text-shadow: 2px 2px 2px #999999; padding-left: 5px; padding-right: 5px;}
.fl_sub-header_left {text-align: left;}
.fl_sub-header_center {text-align: center;}
.fl_sub-header_right {text-align: right;}
/* CATEGORY HEADERS - Lines top and bottom font 20px */
.fl_cat_left, .fl_cat_center, .fl_cat_right {background-color: var(--headerdk); vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: var(--hdfontcolor); font-size: 20px; font-weight: normal; text-shadow: 1px 1px 2px #999999; padding-left: 5px; padding-right: 5px;}
.fl_cat_left {text-align: left;}
.fl_cat_center {text-align: center;}
.fl_cat_right {text-align: right;}
/* SUBCATEGORY HEADERS - Lines top and bottom font 18px */
.fl_scat_left, .fl_scat_center, .fl_scat_right {background-color: var(--headerlt); vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: var(--hdfontcolor); font-size: 18px; font-weight: normal; text-shadow: 1px 1px 2px #999999; padding-left: 5px; padding-right: 5px;}
.fl_scat_left {text-align: left;}
.fl_scat_center {text-align: center;}
.fl_scat_right {text-align: right;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* TABLES */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* TABLE HEADERS - Lines top and bottom font 18px */
.fl_table_hd_left, .fl_table_hd_center, .fl_table_hd_right {background-color: var(--headerdk); vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: var(--hdfontcolor); font-size: 18px; font-weight: normal; text-shadow: 1px 1px 2px #999999; padding-left: 5px; padding-right: 5px;}
.fl_table_hd_left {text-align: left;}
.fl_table_hd_center {text-align: center;}
.fl_table_hd_right {text-align: right;}
.fl_table_hd1_left, .fl_table_hd1_center, .fl_table_hd1_right {background-color: var(--headerdk); vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: var(--hdfontcolor); font-size: 14px; font-weight: normal; text-shadow: 1px 1px 2px #999999; padding-left: 5px; padding-right: 5px;}
.fl_table_hd1_left {text-align: left;}
.fl_table_hd1_center {text-align: center;}
.fl_table_hd1_right {text-align: right;}
/* TABLES - ALTERNATING COLORS - background black text no font size*/
.fl_table_alt_tr_color {width: 100%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color tr:nth-child(even) {background-color: var(--trlt);}
.fl_table_alt_tr_color tr:nth-child(odd) {background-color: var(--trdk);}
.fl_table_alt_tr_color_50 {width: 50%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color_50 tr:nth-child(even) {background-color: var(--trlt);}
.fl_table_alt_tr_color_50 tr:nth-child(odd) {background-color: var(--trdk);}
.fl_table_alt_tr_color_70 {width: 70%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color_70 tr:nth-child(even) {background-color: var(--trlt);}
.fl_table_alt_tr_color_70 tr:nth-child(odd) {background-color: var(--trdk);}
.fl_table_alt_tr_color_80 {width: 80%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color_80 tr:nth-child(even) {background-color: var(--trlt);}
.fl_table_alt_tr_color_80 tr:nth-child(odd) {background-color: var(--trdk);}
.fl_table_alt_tr_color_90 {width: 90%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color_90 tr:nth-child(even) {background-color: var(--trlt);}
.fl_table_alt_tr_color_90 tr:nth-child(odd) {background-color: var(--trdk);}
/* TABLES - ALTERNATING COLORS - REVERSE color scheme - background black text no font size*/
.fl_table_alt_tr_color1 {width: 100%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color1 tr:nth-child(even) {background-color: var(--trdk);}
.fl_table_alt_tr_color1 tr:nth-child(odd) {background-color: var(--trlt);}
.fl_table_alt_tr_color1_50 {width: 50%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color1_50 tr:nth-child(even) {background-color: var(--trdk);}
.fl_table_alt_tr_color1_50 tr:nth-child(odd) {background-color: var(--trlt);}
.fl_table_alt_tr_color1_70 {width: 70%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color1_70 tr:nth-child(even) {background-color: var(--trdk);}
.fl_table_alt_tr_color1_70 tr:nth-child(odd) {background-color: var(--trlt);}
.fl_table_alt_tr_color1_80 {width: 80%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color1_80 tr:nth-child(even) {background-color: var(--trdk);}
.fl_table_alt_tr_color1_80 tr:nth-child(odd) {background-color: var(--trlt);}
.fl_table_alt_tr_color1_90 {width: 90%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.fl_table_alt_tr_color1_90 tr:nth-child(even) {background-color: var(--trdk);}
.fl_table_alt_tr_color1_90 tr:nth-child(odd) {background-color: var(--trlt);}
.fl_tddk_left, .fl_tddk_center, .fl_tddk_right, .fl_tddk_justify {vertical-align: top; background-color: var(--trdk); border-bottom: solid #333 0px; border-top: solid #333 0px; border-left: solid #333 0px; border-right: solid #333 0px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px }
.fl_tddk_left {text-align: left}
.fl_tddk_center {text-align: center}
.fl_tddk_right {text-align: right}
.fl_tddk_justify {text-align: justify}
.fl_tdlt_left, .fl_tdlt_center, .fl_tdlt_right, .fl_tdlt_justify {vertical-align: top; background-color: var(--trlt); border-bottom: solid #333 0px; border-top: solid #333 0px; border-left: solid #333 0px; border-right: solid #333 0px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px }
.fl_tdlt_left {text-align: left}
.fl_tdlt_center {text-align: center}
.fl_tdlt_right {text-align: right}
.fl_tdlt_justify {text-align: justify}
/* Tan background - Black Border Right - used as background on 6sj7gt_000.php */
.sl_tdext_left, .sl_tdext_center, .sl_tdext_right {vertical-align: top; background-color: tan; border-bottom: solid #000000 0px; border-top: solid #000000 0px; border-left: solid #000000 0px; border-right: solid #000000 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px }
.sl_tdext_left {text-align: left}
.sl_tdext_center {text-align: center}
.sl_tdext_right {text-align: right}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* OLD STUFF --------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Headers and subheaders for subroutines */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Grey / Dk Blu Font 28px bold */
.flsl_header_left, .flsl_header_center, .flsl_header_right {background: #ffe8bb; vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: #000099; font-size: 18px; font-weight: normal; text-shadow: 2px 2px 2px #999999; padding-left: 5px; padding-right: 5px;}
.flsl_header_left {text-align: left;}
.flsl_header_center {text-align: center;}
.flsl_header_right {text-align: right;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.flsl_sheader_left, .flsl_sheader_center, .flsl_sheader_right {background: #ffe8bb; vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: #000099; font-size: 16px; font-weight: normal; text-shadow: 0px 0px 0px #999999; padding-left: 5px; padding-right: 5px;}
.flsl_sheader_left {text-align: left;}
.flsl_sheader_center {text-align: center;}
.flsl_sheader_right {text-align: right;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Tan / Dk Blu Font 28px bold */
.flsl_header1_left, .flsl_header1_center, .flsl_header1_right {background-color: #ffe8bb; vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 28px; font-weight: bold; text-shadow: 2px 2px 2px #999999; padding-left: 5px; padding-right: 5px;}
.flsl_header1_left {text-align: left;}
.flsl_header1_center {text-align: center;}
.flsl_header1_right {text-align: right;}
/* Grey / Dk Blu Font 28px bold */
.flsl_header2_left, .flsl_header2_center, .flsl_header2_right {background: #ffe8bb; vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: #000099; font-size: 28px; font-weight: normal; text-shadow: 2px 2px 2px #999999; padding-left: 5px; padding-right: 5px;}
.flsl_header2_left {text-align: left;}
.flsl_header2_center {text-align: center;}
.flsl_header2_right {text-align: right;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Tan / Dk Blu Font 24px bold */
.flsl_subhead1_left, .flsl_subhead1_center, .flsl_subhead1_right {background-color: #ffe8bb; vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 22px; font-weight: bold; text-shadow: 2px 2px 2px #999999; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.flsl_subhead1_left {text-align: left;}
.flsl_subhead1_center {text-align: center;}
.flsl_subhead1_right {text-align: right;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Sub-header - inc_vfdt_sub_header.php */
.flsl_th_left, .flsl_th_center, .flsl_th_right {background: #ffe8bb; vertical-align: top; border-bottom: solid #333 1px; border-top: solid #333 1px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: "league-gothic"; color: #000099; font-size: 18px; font-weight: normal; text-shadow: 2px 2px 2px #999999; padding-left: 5px; padding-right: 5px;}
.flsl_th_left {text-align: left;}
.flsl_th_center {text-align: center;}
.flsl_th_right {text-align: right;}
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Beige/White - Alternating row colors - used for "std_related" routines - beige background*/
.flsl_related_table_alt_tr_color {width: 100%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.flsl_related_table_alt_tr_color tr:nth-child(even) {background-color: #fff;}
.flsl_related_table_alt_tr_color tr:nth-child(odd) {background-color: #FFF3DC;}
.flsl_related_table_alt_tr_color_50 {width: 50%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.flsl_related_table_alt_tr_color_50 tr:nth-child(even) {background-color: #fff;}
.flsl_related_table_alt_tr_color_50 tr:nth-child(odd) {background-color: #FFF3DC;}
.flsl_related_table_alt_tr_color_70 {width: 70%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.flsl_related_table_alt_tr_color_70 tr:nth-child(even) {background-color: #fff;}
.flsl_related_table_alt_tr_color_70 tr:nth-child(odd) {background-color: #FFF3DC;}
.flsl_related_table_alt_tr_color_90 {width: 90%; color: #000000; text-align: center; border-collapse: collapse; vertical-align: top; border-spacing: 0px; margin-left: auto ; margin-right: auto ; border: solid #999999 0px;}
.flsl_related_table_alt_tr_color_90 tr:nth-child(even) {background-color: #fff;}
.flsl_related_table_alt_tr_color_90 tr:nth-child(odd) {background-color: #FFF3DC;}
/* ================================================================================================================================== */
/* SECTION 2 - These styles are COMMON to Sheplives and Flicklives
/* ================================================================================================================================== */
.flsl_border_top {border-top: solid #000000 1px; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* INDEX Page Layout */
/* Used on main index.php page */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Main page table with shadow */
.std_vfdt_cont { text-align: center; width: 100%; background-color: #FFFFFF; vertical-align: top; border-bottom: solid #DDD 1px; border-left: solid #DDD 1px; border-collapse: collapse; margin-left: auto ; margin-right: auto }
#std_vfdt_cont { text-align: center; width: 100%; background-color: #FFFFFF; vertical-align: top; border-bottom: solid #DDD 1px; border-left: solid #DDD 1px; border-collapse: collapse; margin-left: auto ; margin-right: auto }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* MENUBAR */
/* Used on inc_menubar.php and index.php page */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.flsl_menubar_table_td_center {text-align: center; vertical-align: center;}
.flsl_menubar_img {max-width: 100px; max-height: 100px; border: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; }
.flsl_menubar_table {width: 100%; text-align: center; border-collapse: collapse; vertical-align: center; border-spacing: 0px; border: solid #999999 0px;}
.flsl_menubar_td {text-align: center; vertical-align: center; border-bottom: solid #333 0px; border-top: solid #333 0px; border-left: solid #333 0px; border-right: solid #333 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-collapse: collapse; }
#header_img {width: 950px; border: 0; margin-top: 28px; }
.std_header { text-align: center }
.std_content {background-color: white; padding: 10px 0; width: 100%; float: left; color: #000; text-align: center; vertical-align: top; border-collapse: collapse; }
.center-column { width: 80%; text-align: center; background-color: #FFFFFF; }
.sidebar_left { width: 20%; float: left; background: #FFFFFF; padding-bottom: 0px; margin-top: 0px;}
.sidebar_left_td { width: 100%; text-align: center; border: 0; padding: 0; background-color: #FFFFFF; }
.sidebar_right { width: 18%; float: right; text-align: center; padding-bottom: 0px 0; margin-top: 0px; background-color: #FFFFFF }
.sidebar_right_td { width: 100%; border: 0; padding: 0; text-align: center; }
.sidebar_right_font {color: #FFFFFF; font-size: 12px; font-weight: normal; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */ /* Used on both flicklives and sheplives */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Headers - Lines top and bottom - used in summary page