/*

  Stylesheet:
    docs/lhc_large.css

  Purpose:
    Style sheet.

  Copyright:
    Copyright © 2003-2008 by Corpita Pty Ltd

  History:
    2017-09-04 by BMW
      Initial version  
      
      
*/

/* === GENERAL SECTION === */
/* 2021-05-12 / BMW
body { color: #000000; margin: 6pt 0 6pt 0; background: #D6D6D6 url("/images/grate_a_600_quad_dim_blue_dark.jpg") repeat 0 0; }
*/

body { color: #FFFFFF; margin: 0 0 0 0; background-color: #000000; }


/* ordinary classes */
h1 { font-size: 18pt; margin: 0 0 9pt 0; } 
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }


/* generic classes */
.image_for_paragraph { float: left; margin: 8pt 15pt 70pt 0;}
.narrow_only{ display: none; }
#lhc_main_content .size_true { margin: 0 20pt; width: calc(100%-40pt);  }
#lhc_main_content .size_true p { text-align: center; display: inline; }
#lhc_main_content .size_true p img { margin: 10pt; }

.block_left { float: left;  width: calc(100% - 200px);  padding-right: 20pt; }
.block_right { float: left; border: 2pt solid  #333344; padding: 6pt 6pt 6pt 6pt;  max-width: 180px; margin-top: 15pt;   width: auto; height: auto;  }




/* - hyperlinks : basic - */
/* - white space - */
/* + text + */
/* - hyperlinks : other - */

/* === === PAGE STRUCTURE === === */

/* === FRAMES SECTION === */

/* - OUTER FRAME - */
#lhc_outer_outer_frame { width: 720pt; margin: 0 auto 0 auto; border-left: 1pt solid #222233; border-right: 1pt solid #222233; }

/* - INNER FRAME - */
#lhc_outer_frame { width: 680pt; margin: 0 auto; background-image: url(/images/bg_line_vertical.png);  }

/* === BLOCKS SECTION === */


/* === BLOCKS === */
/* - BANNER BLOCK - */
#lhc_banner { padding: 20pt 0 10pt 0; border-bottom: 6pt solid #333344; background-color: #000000;  }
/* - banner content - */
#logo_panel { width: calc(100% / 3); float: left;  text-align: left;  }
#message_panel { width: calc( (100% / 3) * 2); float: left; text-align:right; }

/* - LEFT BLOCK - */
#lhc_block_left {  width: 141pt;  float: left;  text-align: left; padding: 20pt 0 10pt 0; margin: 0 0 0 0; }
/* - left block panels - */
#lhc_menu_main { width: 141pt; padding: 10pt 0 0 0; font-weight: bold; }
#lhc_menu_main li a {  background-color: #0000; color: #FFFFFF; border-left: 4px solid #000000; }
#lhc_menu_main li a:hover {  background-color: #000000; color: #FFFFFF; border-left: 4px solid #990000; }

/* - panel lhc_menu_main content - */
#menu_menu { display: none !important; }
.menu_separator { background-color: #DDD8D0; }

/* - panel lhc_block_left_extras content - */
#lhc_block_left_extras { display: initial; width: 100%; }



#affiliations_panel {  width: 100%; clear: left; margin: 30pt auto 0 auto; padding: 10pt 0 10pt 0; border: 1px solid #666677; }


/* - MENU BLOCK - */

.page_home #menu_home,
.page_about #menu_about,
.page_fundraising #menu_fundraising,
.page_gallery #menu_gallery,
.page_cup #menu_cup,
.page_nsb #menu_nsb,
.page_awol #menu_awol,
.page_mom_art #menu_mom_art,
.page_mooning #menu_mooning,
.page_birthday #menu_birthday,
.page_vice #menu_vice,
.page_contact #menu_contact,
.page_code #menu_code,
.page_motl #menu_motl,
.page_laird_leatherman #menu_laird_leatherman,
.group_links #menu_links,
.group_events #menu_events {
  border-left: 4px solid #990000; 
}




/* -- CONTENT BLOCK -- */
#lhc_main_content { width: calc( 100% - 141pt);  margin: 0 0 0 0; padding: 30pt 20pt 30pt 34pt;   }

/* -- FOOTER BLOCK--*/
#lhc_footer {  clear: both; width: 100%; border-top: 1pt solid #333344; background-color: #000000; height: 70pt; }
#lhc_footer_extras { display: none; }


/* === CONTENT SECTION === */

#social_panel { width: 100%; margin: 30pt auto 0 auto;  }


/* - menu content - */


/* - content content - */


/* - footer content - */



/* === PAGE COMPONENTS === */
/* --- HEADER SECTION ---- */


/* - logo_block - */

/* - menu - *//* - navigation - */

/* - menu main - */

/* -- menu active navigation -- */


/* SET THIS one  FOLLOWING ENTRIES TO EQUAL CURRENT MONTH */
/* - menu month - */

/* SET THESE two FOLLOWING ENTRIES TO EQUAL CURRENT MONTH */

/* -- CONTENT SECTION -- */

/* -- footer content --*/
#credit_mtx { margin-top: -60pt; }


/* === MULTIPLE PAGES ===

/* - GROUP events - */
table.laird_calender_month { font-size: 9pt; line-height: 12pt; }
table.laird_calender_month th { height: 50pt; width: calc( 100% / 7); font-size: 18pt; line-height: initial; }
table.laird_calender_month td { height: 70pt; width: calc( 100% / 7); }
    

/* - GROUP links - */


/* === SPECIFIC PAGES === */
/* - accomodation - */
#TA_cdsratingsonlynarrow177 { margin: 0 0 10px 0; position: absolute; top: 290px; right: calc(50% - 400px); }

/* - awol - */

/* - birthday - */

/* - contact - */
#lhc_contact_form { width: 47%; float: left; }
#lhc_contact_info { float: left;  margin-right: 6%;  text-align: left; width: 47%; }


/* - index - */

/* - events - */
table.laird_calender_month td span.date { line-height: 15pt; padding: 0 2pt 0 0; margin-bottom: 3pt;}
#about_our_events img { float: left; margin: 2pt 20pt 80pt 0; width: 160px; }


/* - LLM  - */



/* - MOM - */

/* - newsletter - */
/* - northside bizarre - */

/* - silly season - */

/* - vice - */




/* ++++++++++++++++ large portrait + */ 
@media only screen and (min-width: 71.25em) {

}


/* ++++++++++++++++ Medium  + */ 
@media only screen and (min-width: 46.25em) and (max-width: 71.24em)  {
/*--- derived from cgl_pad.css --- */
  
    /*---
    (portrait) 
    ----------- */
  @media only screen 
  and (orientation : portrait) {
  
    }
  
  /*---
    (landscape) 
    ----------- */
  
  @media only screen 
  and (orientation : landscape) {
    }  

}

/* ++++++++++++++++ Small + */ 
@media only screen and (max-width : 46.5em) {
	
	 /*---
    (portrait) 
    ----------- */
  
  @media only screen 
  and (orientation : portrait) {
    /* === GENERAL SECTION === */
    /* === PAGE STRUCTURE === */
    /* --- BANNER SECTION ---- */ 
    /* --- CONTENT SECTION ---- */
    /* --- FOOTER SECTION ----*/
    /* === SPECIFIC PAGES === */
    /* === MULTI-PAGE ELEMENTS === */
    /* === FEATURES --- */
  }
  
  
  /*---
    (landscape) 
    ----------- */
  
  @media only screen 
  and (orientation : landscape) {
    /* === GENERAL SECTION === */
    /* === PAGE STRUCTURE === */
    /* --- BANNER SECTION ---- */ 
    /* --- CONTENT SECTION ---- */
    /* --- FOOTER SECTION ----*/
    /* === SPECIFIC PAGES === */
    /* === MULTI-PAGE ELEMENTS === */
    /* === FEATURES --- */
  }
  
}