div#festivals div#festivals_summary img{ display: inline-block; max-width: 35%; max-height: 15em; vertical-align: top; border: 0.1em solid black; margin: 0.5em; } div#festivals span#festivals_summary_text{ display: inline-block; width: 60%; } div#festivals div#festivals_schedule_table{ display: table; width: 100%; } div#festivals div#festivals_schedule_table div#festivals_schedule_row{ display: table-row; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell{ display: table-cell; width: 50%; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div#festivals_gm{ margin: 0.4em 0.2em 0.4em 0.4em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div#festivals_city{ margin: 0.4em 0.4em 0.4em 0.2em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event{ margin: 1em; padding: 0.3em 0.3em 0.3em 0.5em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event h4{ margin: 1em 0.2em 0.2em 0em; font-weight: bold; color: #444444; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event div.schedule_content{ border-left: 0.1em dotted black; margin-left: 0.5em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event span.title{ font-weight: bold; font-size: 120%; color: #275573; margin: 1em 0.5em 0.7em 0.2em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event p.description{ margin: 0.2em 1em 1em 1em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event table.location{ margin: 0.3em 1em 0.3em 1.6em; font-size: 90%; color: #222222; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event table.location img{ max-width: 1.3em; max-hieght: 1.5em; } div#festivals div#festivals_schedule_table div#festivals_schedule_row div.festivals_schedule_cell div.festival_event table.location span.address{ font-size: 80%; font-style: italic; color: #444444; } table.festival_section_table tr td div.festival_schedule span.title{ font-weight: bold; /* font-size: 105%; */ margin-left: 1em; } table.festival_section_table tr td div.festival_schedule span.description{ font-style: italic; margin-left: 2em; font-size: 90%; } table.festival_section_table tr td div.festival_schedule table.location{ border-collapse: collapse; margin: 0.5em 2em 0.5em 3em; font-size: 80%; } table.festival_section_table tr td div.festival_schedule table.location td{ min-width: initial; height: initial; vertical-align: middle; padding-bottom: 0; } /* Upcoming activity section */ div.section{ margin-bottom: 2em; } div#upcoming_activity{ display: table; } div.table div.tr{ display: table-row; } div.table div.tr div.td{ display: table-cell; vertical-align: top; } /* Contains the image of the upcoming activity */ div#upcoming_image{ display: inline-block; vertical-align: top; } div#upcoming_image img{ max-height: 10em; max-width: 10em; margin: 1em; border: 0.15em solid #333333; border-radius: 0.2em; box-shadow: 0 0 0.5em #111111; } /* Contains the text of the upcoming activity */ div#upcoming_text{ display: inline-block; vertical-align: middle; } /* Contains the details of the upcoming activity */ div#upcoming_details{ display: inline-block; vertical-align: middle; text-align: center; padding-bottom: 2em; min-width: 24em; } div#upcoming_details table{ border-collapse: collapse; text-align: left; font-style: italic; font-size: 80%; margin: 2em 2em 2em 4em; } div#upcoming_details table tr{ border-bottom: 0.2em solid #7777aa; border-top: 0.2em solid #7777aa; border-collapse: collapse; } div#upcoming_details table td{ padding: 0.3em; } /* Us section */ div#us p{ display: inline-block; vertical-align: top; } div#us div{ top: 4em; right: 3em; text-align: center; } div#us div img{ position: absolute; opacity: 0.4; max-height: 100px; max-width: 100px; } /* Table to present posts and photos on the same row */ div#content_table{ display: table; } div#content_table div.content_row{ display: table-row; } div#content_table div.content_row div.content_cell{ width: 50%; display: table-cell; } div#content_table div.content_row div#cell_posts div.section{ margin-right: 1em; } div#content_table div.content_row div#cell_photos div.section{ margin-left: 1em; } div#content_table div.content_row div.content_cell div.section div.entry{ padding: 1em; } /* Section of the latest posts */ div.post img{ max-width: 7em; max-height: 9em; float: left; margin: 0.5em 1em 0.5em 0.5em; border: 0.1em solid #112244; /* border: 0.15em solid #333333; */ /* border-radius: 0.2em; */ /* box-shadow: 0 0 0.5em #111111; */ } table.post_table p{ /*TODO fix*/ /*NOW margin-left: 0.5em; */ } /* contains the date for each recent post */ div#content_table div.content_row div.content_cell div.section div.entry span{ margin-right: 1em; display: block; text-align: right; /* float: right; */ font-style: italic; font-size: 80%; } /* Links to each section */ a.go_to_section{ float: right; } /* Photos table */ table#table_photos{ table-layout: fixed; position: relative; width: 100%; } table#table_photos td{ padding: 0.2em; text-align: center; } table#table_photos img{ max-width: 90%; max-height: 10em; border: 0.1em solid #112244; box-shadow: 0 0 0.8em #004488; border-radius: 0.8em; } div#latest_activities{ display: block; margin-top: 2em; } div.activity_image{ display: inline-block; vertical-align: top; max-width: 40%; max-height: 15em; text-align: center; } table.latest_activity td { vertical-align: top; } table.latest_activity td.latest_activity_image{ max-width: 30%; } div#latest_activities img{ max-height: 10em; max-width: 13em; margin: 0.5em 1em 0.5em 0.5em; border: 0.1em solid #112244; } div.activity_text{ display: inline-block; vertical-align: top; padding: 1em; }