body {
  background-color: #eeeeee;
  background: -webkit-linear-gradient(top, #e5e5e5, #ddd);
  background-color: #eee;

  background: -webkit-linear-gradient(left, #ccc, #eee);
  background: linear-gradient(left, #ccc, #eee);
}

.main_content a:link {
  color: #44a;
}

#page_body_content {
  margin-top: 50px;
}
.main_content a:visited {
  color: #944;
}

.main_content a:hover {
  text-decoration: underline;
}

.main_content a:active {
  text-decoration: underline;
}

.menu_title {
  color: #555;
  font-size: 1.2em;
}

.menu_content,
.fb-login-button {
  margin-left: 10%;
  margin-bottom: 10px;
}

.fb-like {
  margin-right: 2%;
  margin-left: 2%;
}

.menu_content ul {
  padding-left: 10%;
}

.image_scp_type {
  height: 16px;
  width: 16px;
}

.object_type {
  margin-bottom: 3px;
  border-bottom: groove #eeeeee;
}

.license_message {
  clear: both;
  text-align: center;
  padding: 10px;
  margin-top: 5px;
  background-color: #eee;
}

.image_flag {
  height: 32px;
  width: 32px;
}

.base_wiki_title {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}

.base_wiki_body {
  margin-left: 10px;
  margin-right: 10px;
  color: #555;
}

.base_wiki_language_block {
  border-bottom: groove #eeeeee;
}

#base_wiki_block {
  margin-left: 25%;
  margin-top: 10px;
  width: 50%;
  padding: 10px;
  border: solid #aaa;
  background-color: #dddddd;
  background: -webkit-linear-gradient(top, #eee, #ccc);
}
#base_wiki_block h1 {
  text-align: center;
  color: #555;
  font-size: 1.4em;
}

#main_menu {
  float: left;
  padding: 10px;
  width: 20%;
  margin-left: 1%;
  background-color: #eee;
  background: -webkit-linear-gradient(left, #ccc, #eee);
}

.main_menu form {
  font-size: 1.1em;
}

.main_menu form select {
  font-size: 1em;
}

h4 {
  color: #555;
}

.main_content {
  margin-right: 1%;
  width: 74%;
  padding: 1%;
  margin-left: 24%;
  border-left: 2px outset #888;
  max-width: 960px;
  background: -moz-linear-gradient(
    top,
    rgba(220, 220, 220, 0) 0%,
    rgba(220, 220, 220, 0.8) 20%,
    rgba(220, 220, 220, 1) 53%,
    rgba(220, 220, 220, 0.8) 79%,
    rgba(220, 220, 220, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(220, 220, 220, 0)),
    color-stop(20%, rgba(220, 220, 220, 0.8)),
    color-stop(53%, rgba(220, 220, 220, 1)),
    color-stop(79%, rgba(220, 220, 220, 0.8)),
    color-stop(100%, rgba(220, 220, 220, 0))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(220, 220, 220, 0) 0%,
    rgba(220, 220, 220, 0.8) 20%,
    rgba(220, 220, 220, 1) 53%,
    rgba(220, 220, 220, 0.8) 79%,
    rgba(220, 220, 220, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(220, 220, 220, 0) 0%,
    rgba(220, 220, 220, 0.8) 20%,
    rgba(220, 220, 220, 1) 53%,
    rgba(220, 220, 220, 0.8) 79%,
    rgba(220, 220, 220, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(220, 220, 220, 0) 0%,
    rgba(220, 220, 220, 0.8) 20%,
    rgba(220, 220, 220, 1) 53%,
    rgba(220, 220, 220, 0.8) 79%,
    rgba(220, 220, 220, 0) 100%
  );
  background: linear-gradient(
    top,
    rgba(220, 220, 220, 0) 0%,
    rgba(220, 220, 220, 0.8) 20%,
    rgba(220, 220, 220, 1) 53%,
    rgba(220, 220, 220, 0.8) 79%,
    rgba(220, 220, 220, 0) 100%
  );
}

/* @media only screen and (max-width: 767px) {
	.main_content {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		max-width: 90%;
	}
	#main_menu {
		display: none;
	}
} */

#head_page {
  background-color: #777;
  background: -webkit-linear-gradient(top, #777, #bbb);
  display: flex;
  justify-content: center;
  align-items: center;
}

#head_page img {
  height: 128px;
  width: 128px;
}

#header_text {
  margin-left: 5%;
}

#title_website {
  color: #eee;
  font-size: 3em;
  text-shadow: 2px 2px #222;
}

#subtitle_website {
  float: left;
  color: #ddd;
  font-size: 2.7em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
}

.adsense,
.navigation_buttons {
  clear: right;
  margin: 10px;
  text-align: center;
}

.navigation_buttons img {
  width: 10%;
  margin: 5px 10%;
  opacity: 0.5;
}

#object_page_title {
  font-size: 1.7em;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  color: #555;
  padding-bottom: 5px;
  border-bottom: 1px;
  border-bottom-style: solid;
  background: -webkit-linear-gradient(top, #ccc, #eee);
}

#object_page_title span {
  white-space: nowrap;
}

#object_page_rate {
  text-align: right;
  margin-left: 5%;
  font-style: italic;
  color: #777;
}

#object_page_type {
  text-align: right;
  margin-right: 10%;
}

.string_safe {
  color: green;
}

.string_euclid {
  color: orange;
}

.string_keter {
  color: red;
}

.page-rate-widget-box,
#page-title,
.page-tags,
#page-info,
.collapsible-block-unfolded-link,
.collapsible-block-link {
  display: none;
}

#page-info {
  text-align: right;
}

.scp-image-block {
  margin: 10px;
  padding: 5px;
  clear: right;
  float: right;
  border: 1px;
  border-style: solid;
  background: #fff;
}

.scp-image-caption {
  font-style: italic;
}

#object_page_original_url {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5%;
}

#object_page_original_url img {
  width: 1.2em;
}

.news_block {
  margin: 10px;
  background-color: #777;
  background: -webkit-linear-gradient(left, #bbb, #ddd);
  margin-bottom: 20px;
}

.news_footer {
  padding: 10px;
  background-color: #777;
  background: -webkit-linear-gradient(top, #bbb, #ddd);
}

.news_author {
  text-align: left;
  color: #555;
}

.news_date {
  float: right;
  color: #555;
}

.news_description {
  margin: 10px;
  font-size: 1.2em;
  color: #333;
}

.news_title {
  padding-top: 10px;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  background: #ccc;
  color: #444;
}

.dropdownmenu ul,
.dropdownmenu li {
  margin: 0;
  padding: 0;
}
.dropdownmenu ul {
  background: gray;
  list-style: none;
  width: 100%;
}
.dropdownmenu li {
  float: left;
  position: relative;
  width: 25%;
}
.dropdownmenu a {
  background: #777;
  color: #ffffff;
  display: block;
  font: bold 12px/20px sans-serif;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dropdownmenu li:hover a {
  background: #000000;
}
#submenu {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 35px;
  visibility: hidden;
  z-index: 25;
}
li:hover ul#submenu {
  opacity: 1;
  top: 40px; /* adjust this as per top nav padding top & bottom comes */
  visibility: visible;
}
#submenu li {
  float: none;
  width: 100%;
}
#submenu a:hover {
  background: #999;
}
#submenu a {
  background-color: #000000;
}

#form_search {
  display: inline;
}

#registration_form {
  display: block;
  margin-left: 20%;
}

.submit_button {
  width: 30%;
  cursor: pointer;
  background: rgb(157, 157, 157);
  padding: 2px 1px;
  color: #eee;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-left: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.submit_button:hover {
  background: rgb(179, 179, 179);
}
.submit_button:active,
.submit_button:focus {
  background: rgb(137, 137, 137);
  position: relative;
  top: 1px;
  border: 1px solid rgb(76, 76, 76);
  -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

input {
  margin-top: 4px;
  padding: 7px 7px;
  border: 1px solid rgb(178, 178, 178);
  background: rgba(248, 248, 248, 0.8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
  -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
  box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#form_search input:active,
#form_search input:focus {
  border: 1px solid rgba(90, 90, 90, 0.7);
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
  -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
  box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}

.error {
  color: red;
}

.success {
  color: green;
}

#main_page_block {
  float: left;
}

.half_screen {
  clear: right;
  width: 46%;
}

.full_screen {
  width: 100%;
}

.hide_translation_block {
  display: none;
}

.display_translation_block {
  display: inline-block;
}

#block_translate {
  float: right;
  width: 48%;
  background: #eee;
  padding: 5px;
}

#translation_area {
  width: 95%;
  background: #fff;
  padding: 5px;
}

.button_editing {
  margin: 5px;
  width: 100%;
  text-align: right;
}

.status_string_block {
  width: 100%;
  text-align: right;
}

#status_string {
  color: #999;
  margin: 10px;
  font-weight: bold;
}

.save_button {
  width: 30%;
  cursor: pointer;
  background: rgb(100, 157, 100);
  padding: 2px 1px;
  color: #eee;
  font-size: 1em;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-left: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.save_button:hover {
  background: rgb(80, 179, 80);
}
.save_button:active,
.save_button:focus {
  background: rgb(179, 179, 50);
  position: relative;
  top: 1px;
  border: 1px solid rgb(76, 76, 76);
  -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

/* 
*		WIKI-SPECIFIC ELEMENTS 
*/

table.wiki-content-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0.5em auto;
}
table.wiki-content-table td {
  border: 1px solid #888;
  padding: 0.3em 0.7em;
}
table.wiki-content-table th {
  border: 1px solid #888;
  padding: 0.3em 0.7em;
  background-color: #eee;
}

@media only screen and (max-width: 767px) {
  #main_menu {
    padding: 0px;
    width: 0%;
    display: none;
  }

  .main_content {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    max-width: 96%;
  }

  #base_wiki_block {
    margin-left: 1%;
    width: 92%;
  }

  #base_wiki_block h1 {
    text-align: center;
    color: #555;
    font-size: 1.2em;
  }

  #subtitle_website {
    font-size: 1.5em;
  }

  #subtitle_website {
    font-size: 1.5em;
  }
}