/* USER INFORMATION */

.pad {padding: 0 1.5em 0 1.5em;}

.user_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}
.user_box a {
	color: #AA0000;
}
.user_box a:hover {
	color: #CC0000;
	text-decoration: none;
}

.user_profile_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}
.user_profile_old a {
	color: #AA0000;
	text-decoration: none;
}
.user_profile_old a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.user_profile {
	font-family: Roboto Condensed, Roboto Condensed, sans-serif;
	font-size: 17px;
	line-height: 21px;
	color: #111111;
}
.user_profile a {
	color: #AA0000;
	text-decoration: none;
}
.user_profile a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.user_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A1A1AB;
}

.user_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
.user_link a {
	text-decoration: none;
}
.user_link a:hover {
	text-decoration: underline;
}
.user_link_M {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.user_link_M a {
	text-decoration: none;
}
.user_link_M a:hover {
	text-decoration: underline;
}
.user_link_S {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.user_link_S a {
	text-decoration: none;
}
.user_link_S a:hover {
	text-decoration: underline;
}
.user_link_XS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
}
.user_link_XS a {
	text-decoration: none;
}
.user_link_XS a:hover {
	text-decoration: underline;
}

.user_link_bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
}
.user_link_bar a {
	text-decoration: none;
}
.user_link_bar a:hover {
	text-decoration: underline;
}

/* GAMES */

.game_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.game_list a {
	color: #AA0000;
	text-decoration: none;
}
.game_list a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/* BROWSING */

.comic_text_L {
	font-family: Comic Sans MS, Comic Sans MS, cursive;
	font-size: 32px;
	font-weight: bold;
	color: #111111;
}

.comic_text_M {
	font-family: Comic Sans MS, Comic Sans MS, cursive;
	font-size: 25px;
	font-weight: bold;
	color: #111111;
}

.archive_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #550000;
}
.archive_list a {
	color: #AA0000;
	text-decoration: none;
}
.archive_list a:hover {
	color: #FFFFFF;
}

.white_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.white_text_S {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.white_text_L {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.black_text_S {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.black_text_L {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.red_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #AA0000;
}

.red_warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}

.red_warning_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
}
.red_warning_link a {
	text-decoration: none;
}
.red_warning_link a:hover {
	text-decoration: underline;
}

.about {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

/* MESSAGE LIST */

.list_message_title_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	line-height: 19px;
}
.list_message_title_old a {
	color: #AA0000;
	font-weight: bold;
	text-decoration: none;
}

.list_message_title {
	font-family: Roboto Condensed, Roboto Condensed, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}
.list_message_title a {
	color: #AA0000;
	font-weight: bold;
	text-decoration: none;
}

.list_message_pagenumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.list_message_pagenumber a {
	color: #AA0000;
	font-weight: bold;
	text-decoration: none;
}
.list_message_pagenumber a:hover {
	color: #000000;
}

.list_message_details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.board_index_icon_bg {
	background-image: url(design/board_index_white_left_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.board_index_icon_bg_lgrey {
	background-image: url(design/board_index_white_left_bg_lgrey.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* MESSAGES */

.main_message_title_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #111111;
	font-weight: bold;
}

.main_message_title {
	font-family: Roboto Condensed, Roboto Condensed, sans-serif;
	font-size: 26px; 
	/* font-family: Press Start;
	font-size: 15px; */
	line-height: 30px;
	color: #111111;
	font-weight: bold;	
	text-shadow: 1px 1px 1px #999999;
}

/* depreciated
.public_message_title_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #111111;
	font-weight: bold;
}

.public_message_title {
	font-family: Roboto Condensed, Roboto Condensed, sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #111111;
	font-weight: bold;	
} */

.public_intro {
	font-family: Roboto Condensed, Roboto Condensed, sans-serif;
	font-size: 18px;
	color: #111111;
	line-height: 22px;
}
.public_intro a {
	color: #AA0000;
	text-decoration: none;
}
.public_intro a:hover {
	color: #CC0000;
	text-decoration: none;
}

.public_intro_small {
	font-family: Roboto Condensed, Roboto Condensed, sans-serif;
	font-size: 16px;
	color: #111111;
	line-height: 20px;
}
.public_intro_small a {
	color: #AA0000;
	text-decoration: none;
}
.public_intro_small a:hover {
	color: #CC0000;
	text-decoration: none;
}

.text_message_old {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	overflow-x: hidden;
}
.text_message_old a {
	color: #AA0000;
	text-decoration: underline;
}
.text_message_old a:hover {
	color: #CC0000;
	text-decoration: none;
}
.text_message_old blockquote {
	font-size: 13px;
}

.text_message {
	/* font-family: Droid Sans, Droid Sans, sans-serif;
	font-size: 17px; */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px; 
	color: #111111;
	line-height: 20px;	
}
.text_message a {
	color: #AA0000;
	text-decoration: underline;
}
.text_message a:hover {
	color: #CC0000;
	text-decoration: none;
}
.text_message blockquote {
	font-size: 14px;
}

.text_message_small {
	/* font-family: Open Sans, Open Sans, sans-serif;
	font-size: 17px; */
	font-family: Droid Sans, Droid Sans, sans-serif;
	font-size: 15px; 
	color: #111111;
	line-height: 20px;	
}
.text_message_small a {
	color: #AA0000;
	text-decoration: underline;
}
.text_message_small a:hover {
	color: #CC0000;
	text-decoration: none;
}
.text_message_small blockquote {
	font-size: 14px;
}

.front_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
}
.front_message a {
	color: #AA0000;
	text-decoration: none;
}
.front_message a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.front_message a em {
	color: #A1A1AB;
	text-decoration: none;
}
.front_message a em:hover {
	color: #525257;
	text-decoration: underline;
}

.comment_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px; /* can't set this 4 off or it ruins bubbles */
}
.comment_message a {
	color: #AA0000;
	text-decoration: underline;
}
.comment_message a:hover {
	color: #CC0000;
	text-decoration: none;
}
.comment_message blockquote {
	font-size: 10px;
}

.text_found_message {
	color: #121D75;
	border-bottom: 1px dotted;
}

.reference {
	font-family: Arial, Helvetica, sans-serif;
	color: #253BEB;
	font-weight: bold;
}
.reference a {
	color: #253BEB;
	font-weight: bold;
	text-decoration: none;
}
.reference a:hover {
	color: #253BEB;
	font-weight: bold;
	text-decoration: underline;
}

.note_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A1A1AB;
}
.note_message strong {
	color: #000000;
}
.note_message a {
	color: #A1A1AB;
	text-decoration: none;
}
.note_message a:hover {
	color: #525257;
	text-decoration: underline;
}

.spoiler {
	background-color: #000000;
	color: #000000;
}

/* MAIN LOOKS */

.main_news_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #111111;
	font-weight: bold;
}
.main_news_title a {
	color: #AA0000;
	text-decoration: none;
}

.main_news_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #111111;
}

.main_news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.main_news a {
	color: #AA0000;
}
.main_news a:hover {
	color: #CC0000;
	text-decoration: none;
}

.main_date {
	font-family: Arial, Helvetica, sans-serif;
	color: #253BEB;
	font-style: italic;
	font-weight: bold;
}
			 
.main_topic {
	font-family: Arial, Helvetica, sans-serif;
	color: #253BEB;
	font-weight: bold;
}
.main_topic a {
	color: #253BEB;
	text-decoration: none;
}
.main_topic a:hover {
	color: #253BEB;
	text-decoration: underline;
}
			 
.text_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.text_main a {
	color: #AA0000;
	text-decoration: none;
}
.text_main a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/* FORMS */

.hidden_area {
	display: none;
}

.table_form {
	width: 100%;
	padding: 1px;
	border: 1px solid #000000;
} 

.table_posting_form {
	width: 100%;
	padding: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
} 

.bar_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #F0F0FF;
}
.large_bar_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #F0F0FF;
	width: 100%;
}

.large_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #F4F4FF;
	width: 100%;
}

.basic_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #F4F4FF;
}

.small_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F4F4FF;
}

.post_b_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #F4F4FF;
	font-weight: bold;
}
.post_i_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #F4F4FF;
	font-style: italic;
}

/* OTHER */

.poll_votes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.front_poll_votes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.poll_bar {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

/* MENU */

.menulink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.menulink2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

ul ul li {
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #000000;
}

/* Google Fonts */ 

@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Pontano Sans'), local('PontanoSans-Regular'), url(../fonts/PontanoSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/RobotoCondensed-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../fonts/RobotoCondensed-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(../fonts/RobotoCondensed-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  src: local('Scada'), local('Scada-Regular'), url(../fonts/Scada-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  src: local('Scada Bold'), local('Scada-Bold'), url(../fonts/Scada-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Scada';
  font-style: italic;
  font-weight: 400;
  src: local('Scada Italic'), local('Scada-Italic'), url(../fonts/Scada-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Scada';
  font-style: italic;
  font-weight: 700;
  src: local('Scada Bold Italic'), local('Scada-BoldItalic'), url(../fonts/Scada-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/OpenSans-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/OpenSans-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Goudy Bookletter 1911';
  font-style: normal;
  font-weight: 400;
  src: local('Goudy Bookletter 1911'), local('GoudyBookletter1911'), url(../fonts/GoudyBookletter1911.ttf) format('truetype');
}

@font-face {
  font-family: 'Press Start';
  font-style: normal;
  font-weight: 400;
  src: local('Press Start 2P'), local('PressStart2P-Regular'), url(../fonts/PressStart2P-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(../fonts/NotoSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/NotoSans-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Noto Sans Italic'), local('NotoSans-Italic'), url(../fonts/NotoSans-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url(../fonts/NotoSans-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(../fonts/SourceSansPro-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(../fonts/SourceSansPro-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(../fonts/DroidSans.ttf) format('truetype');
}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(../fonts/DroidSans-Bold.ttf) format('truetype');
}

.myIframe {
position: relative;
width: 100.5%;
height: 100%;
padding-bottom: 47%;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; <<--- THIS IS THE KEY 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 99.3%;
height: 100%;
overflow: hidden; 
}

.transparentimage {
    opacity: 0.15;
	-webkit-filter: grayscale(100%);
    filter: alpha(opacity=15); /* For IE8 and earlier */
	filter: grayscale(100%);
}