body { background-color: #E9E3D6; font-size: 12pt; }
img { border: none; }

/* Header */
#logo { margin-left: 1%; }
#navigate_bar { border-radius: 6px; position: fixed; left: 95%; bottom: -2%; background-color: #000000; margin-top: 2%; padding-left: 1%; padding-right: 1%; }
#helpLink { float: right; color: #0000FF; cursor: pointer; font-size: 85%; }
#header { height: 140px; }
#btn_up { background-color: #000000; color: #FFFFFF; border-radius: 6px; position: fixed; padding: 8px; padding-top: 13px; padding-bottom: 6px; opacity: 0; top: -8px; cursor: pointer; display: none; }
#socialIcons { margin-top: 3%; margin-left: 2%; cursor: pointer; }
#socialPopup { position: fixed; left: 45%; top: 43%; width: 82px; display: none; border-radius: 6px; padding: 1%; z-index: 100; border-size: 5; background-color: #ECE6D9; border-color: #000000; border: solid; }
#black_background { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.3; }
#socIcoImg { float: left; }
#searchIcon { margin-top: 7%; margin-left: 2%; cursor: pointer; opacity: 0.8; }
#searchIcon:hover { opacity: 1; }
.mIco { margin: 0 4px; }
.btnClsSocWin { text-decoration: underline; cursor: pointer; }
.navigate_tab { width: 15%; float: left; margin-top: 10px; }
.navigate_tab1 { margin-left: 2%; }
.navigate_text { font-size: 110%; }
.hover_navigate_link { text-decoration: none; }
.hover_navigate_link:hover { font-weight: bold; }
.hover_navigate_link:active { color: #900060; }
.navigate_bar_link { color: #FFFFFF; text-decoration: none; cursor: pointer; }
.navigate_bar_link:hover { background-color: #FFFFFF; color: #000000; }
.searchImg { float: left; }

/* Posts */
#posts { margin-top: 60px; margin-bottom: 5%; }
.post { border-radius: 8px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); padding: 2%; background: white; border: 3px solid; margin: 4%; margin-left: 7%; margin-right: 7%; word-wrap: break-word; }
.name { font-weight: bold; font-size: 130%; float: left; }
.date { font-weight: bold; font-size: 90%; color: #808080; float: right; margin-top: -1%; }
.authorLink { color:#AB0031; text-decoration:none; }
.authorLink:hover { text-decoration: underline; }
.postLink { text-decoration:none; }
.postLink:hover { text-decoration: underline; }

/* Photoalbum */
#photo_post { display: none; border-radius: 8px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); padding: 2%; background: white; border: 3px solid; margin: 4%; margin-left: 7%; margin-right: 7%; }
#albums_list { margin-left: 5%; margin-right: 5%; }
#onOffFastMode { float: right; font-size: 75%; color: #0000FF; text-decoration: underline; cursor: pointer; }
#service { display: none; }
.back_button { position: fixed; top: 40%; left: 1%; font-size: 80px; font-weight: bold; width: 10%; float: left; }
.next_button { position: fixed; top: 40%; left: 94%; font-size: 80px; font-weight: bold; float: right; }
.photo_nav_button { text-decoration: none; color: #000000; }
.photo_nav_button:hover { color: #0000FF; }
.photo_img { max-width: 100%; }

/* Admin */
.admin-textarea { width: 99%; }
.admin-input_text-name { width: 89%; }
.admin-input_text-keywords { width: 92%; }
.admin-input_text-description { width: 90%; }
.admin-input_photo-name { width: 83%; }
.admin-input_text-cat_name { width: 83%; }
.admin-input_text-cat_sname { width: 84%; }
.admin-input_text-cat_description { width: 89%; }
.admin-input_text-answer { width: 93%; }
.input_link { text-decoration: none; }
.admin-help { float: right; }
.admin-catSelect { min-width: 30%; }

/* Login Form */
#small_logo { width: 210px; }
.login_input { width: 260px; }
.login_p { font-size: 105%; font-weight: bold }
.login_button { width: 65px; height: 25px }

/* Help */
.link { color: #0000FF; text-decoration: underline; cursor: pointer; }

/* Search */
#search-input_text { width: 90%; }


/* 2017 */
.code { background-color: #EEE; border-radius: 3px; text-align: left; }
.note { border: 1.0px dashed black; background: #fcf7ff; padding: 0 10px; }
.heading, .download-link { font-weight: bold; text-align: center; }
.download-link:before { content: ">>"; margin-right: 6px; }
.download-link:after { content: "<<"; margin-left: 6px; }

/* 2018 */
table { border-collapse: collapse; }
table, th, td { border: 1px solid black; padding: 2px 5px; } 
abbr { text-decoration: underline; cursor: help; }
.post > .text img { max-width: 80%; }
.images-container { display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; }
.images-container img { margin: 10px; }

/* 2022 */
.text-wrapper-defaults { text-align: justify }
.spoiler { background-color: gray; color: transparent; user-select: none; }
.spoiler:hover { background-color: inherit; color: inherit; }