/* 
Title: tintinologist.org forums css based on miniBB.net's 'white and default' styles
Last modified by Irene Mar 2020-08-16
Latest change: 2.2, css3 additions to #wrapper; navbar palette change; button colour, button hover, .warning colour. added div.postedText
*/

/* tintinologist.org styles */
html {
	clear: both;
	font-size: 100%;
	margin: 0;
	}

#wrapper {
	background: #fcfcfc;
	border: 10px solid #fff;
	margin: auto;
	width: 70%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.25);
	box-shadow: 0 3px 5px rgba(0,0,0,.25);	
	}

#header {
	background: #036;
	color: #fff;
	padding: .2em 0 0 0;
	text-align: left;
	}

#header img {
	border: none;
	margin: .1em 0 0 0;
	padding-left: .5em;
	}

#header a {
	background: none;
	color: #f60;
	text-decoration: none;
	}

#header a:hover {
	background: none;
	color: #fff;
	text-decoration: none;
	}

#search {
	color: #fdfdfd;
	font-size: .9em;
	float: right;
	margin: .1em 0 0 0;
	padding-right: .5em;
	text-align: right;
	width:50%;
	}

#search form {
	margin: 0;
	padding: .5em 0 0 0;
	}

#search p {
	display:inline;
	}

#search input.search-text {
	color: #bbb;
	background: #fff; 
	border: none;
	}
	
#search input.search-text:focus {
	color: #333;
	outline: none;
	}

#search a:link {
	color: #aaa;
	text-decoration: none;
	}

#search a:hover {
	color: #fff;
	text-decoration: underline;
	}

#globalnav {
	margin-top: 1em;
	padding-top:.5em;
	}

#globalnav ul {
	background: #A7CFE8;/*#a8bacc; #acd;*/
	color: #036;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	}

#globalnav ul li { 
	display: inline;
	}

#globalnav ul li a {
	background: #A7CFE8;/*#a8bacc; #acd;*/
	border-right: 1px solid #a9a9a9;
	color: #375e85;
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;		
	}

#globalnav ul li a:hover {
	background: #fcfcfc;
	color: #375e85;
	}

li#forumstab a:link, li#forumstab a:visited {
	background: #fcfcfc;
	color: #375e85;
	font-weight: bold;
	text-decoration: none;
	}

#content {
	padding: 0 .5em;
	margin-bottom: 2em;
	text-align: left;
	vertical-align: top;
	width: 95%;
	}

#footer {
	background:#f7f7f7;
	border-top: 1px solid #ddd;
	clear: both;
	color: #666;
	font-size: 0.8em;
	margin: 1em 0 0 0;
	padding: 1em 0 1em 0;
	text-align: left;
	}

#footer p {
padding-left: 1em;
}

#footer a {
	background: none;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	}

#footer a:hover {
	color: #ff7200;
	text-decoration: underline;
	}

.break {
	clear: both;
	padding-top:15px;
	}

/* see also minibb's .inputButton further below */
.search-button {
	margin: 0;
	padding: .25em; /*8px 12px 6px 12px;*/
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	color: #fff;
	background: #66979f;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	   -webkit-transition: .2s all ease;
	      -moz-transition: .2s all ease;
	        -o-transition: .2s all ease;
	           transition: .2s all ease;
	}	
.search-button:hover {background:#f16c32;}	

.invisible { 
	display: none; 
	}
	

/* --- own addition to miniBB -- */
div .postedText {margin-top: 1.2em;} /* white space between quote-reply controls and message text */
	
/* ----------------------miniBB styles ---------------------------------- */
.gbody {
	font: 100%/1.6 Helvetica, Arial, sans-serif;
	color:#444;
	background: #eaeaea;
	text-align: center;
	}

.popUp { 
	padding: 4px;
	}

/* Common: generic tables */
td { 
	text-align: left;
	}
	
th {
	background: #ececec;
	border-bottom: 3px solid #ccc;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;
	padding: .5em;
	}

table.forums, table.forumsmb {
	border-collapse: collapse;
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	}
	
table.forumsmb { /* individual post entries */
	margin-bottom: 1em; 
	}

.tbTransparent, .tbTransparentmb {
	background: transparent;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	width: 100%;
	}

.tbTransparentmb {
	margin-bottom: 12pt;
	}

.tbTransparentCell {
	text-align: left;
	vertical-align:top;
	}

/* Common: image */
img { 
	border: 0;
	}
	
/* Common: hyperlinks */
a:link {
	background: none;
	color: #06c;
	text-decoration: none;
	}

a:visited {
	background: none;
	color: #ba3b0d; /*#036;*/
	text-decoration: none;
	}

a:hover {
	color: #ba3b0d; /*#001a66;*/
	text-decoration: none;
}

a:active, a:focus {
	background: none;
	color: f16c32; /*#f60; */
	text-decoration: none;
	}

/* Common: $l_sepr */
.sepr { 
	color:#D2C7C7;
	}

/* Common: regular SPAN text */
.txtNr {
	text-decoration: none;
	}

/* Common: small SPAN text with low importance  */
.txtSm {
	color: #696969;
	font-size: .95em;
	text-decoration: none;
	}

.txtSm a:link,.txtSm a:active,.txtSm a:visited { 
	color: #00365f;
	}

/* Common: list */
.limbb, ul {
	list-style: circle;
	margin-left: 10pt;
	padding-left: 10pt;
	margin: 1pt;
	}

/* Common: page navigation link */
.navCell {
	background: #e7e7df;
	padding: .1em;
	}

/* Common: <FORM> */
.formStyle { 
	margin: 0;
	}

/* Common: dropdowns */
.selectTxt {
	background: #fff;
	}

/* Common: button */
.inputButton {
	margin: 0;
	padding: .25em; /*8px 12px 6px 12px;*/
	font-size: 1em;
	text-decoration: none;
	border: none;
	color: #fff;
	background: #f16c32;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	   -webkit-transition: .2s all ease;
	      -moz-transition: .2s all ease;
	        -o-transition: .2s all ease;
	           transition: .2s all ease;
	}	

.inputButton:hover {background: #66979f;}	

/* Common: TEXTAREA, INPUT TEXT fields */
.textForm {
	background: #fff;
	border: #ccc 1px solid;
	padding: .1em;
	margin: 0 0 1.2em 0;
	}
	
/* Common: navigation captions at the top of pages - breadcrumb trail */
td.caption3 {
	font-size: .95em;
	vertical-align: middle;
	width: 100%;
	}

/* Common: graphic icon cell */
td.icon {
	height: 20px;
	padding: 5px;
	text-align:center;
	vertical-align: middle;
	width: 20px;
	}

/* Common: table row with swapped colors */
td.caption1 {
	border: 1px #dbdbdb solid;
	padding: .5em;
	text-align: left;
	}

/* Common: no-wrapping for text */
.noWrap { white-space:nowrap; }

/* Common: swapped cell #1  */
.tbCel1 { background: #fdfdfd; }

/* Common: swapped cell #2 */
.tbCel2 { background: #fdfdfd; }

/* Common: table with 2 columns / left column's cell; generic table title's caption */
td.tbClCp {
	padding: .5em;
	color: #444;
	vertical-align: top;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	background: #fdfdfd;
	text-align: right;
	}

td.caption4 {
	background: #ececec;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 3px solid #ccc;
	border-left: 1px #ccc solid;
	padding: .5em;
	text-align: center;
	vertical-align: top;
	}

/* Common: centered text in the row */
td.txtC { text-align: center; }

/* Common: left aligned text in the row */
td.txtL { text-align: left; }

/* Common: right aligned text in the row */
td.txtR { text-align: right; }

/* Common: table with 2 columns; right column's cell */
td.caption5 {
	padding: .5em;
	background: #fdfdfd;
	vertical-align: top;
	}

/* Front Page: desktop table */
table.forumCol {
	width: 100%;
	text-align: left;
	color: #000;
	display: table;
	border-collapse: collapse;
	}

/* Front page: colorful legend */
span.latest, span.replies, span.author {
	padding-left: 2px;
	padding-right: 2px;
	}

span.replies, span.author, span.latest { background: #fdfdfd;}

/* Front Page, Topics listing, Messages: <H1> heading */
.headingTitle {
	font-weight:bold;
	color: #444;
	padding-top: .3em;
	padding-bottom: .2em;
	}

/* Front Page, Topics listing, Messages: swapped cell column #1 */
tr.tbCel1 td.replies { background: #fdfdfd;}
tr.tbCel1 td.author { background: #fdfdfd;}
tr.tbCel1 td.latest { background: #fff;}
td.author, td.latest { font-size: .9em; }

/* Front Page, Topics listing, Messages: swapped cell column #2 */
tr.tbCel2 td.replies { background: #fdfdfd;}
tr.tbCel2 td.author { background: #fdfdfd;}
tr.tbCel2 td.latest { background: #fdfdfd;}

/* Front Page: views number */
.views { color:#9F9F9F; }

/* Front Page: supertitle */
.groupTitle {
	color: #FFFFF9;
	text-transform: uppercase;
	background-color: #003A66;
	padding: 4pt;
	padding-left:3pt;
	padding-right: 3pt;
	border-bottom: 1px #000 solid;
	}

/* Front Page: forum title */
td.forumTitle {
	padding:2pt;
	padding-left:4pt;
	border-color: #eee;
	border: 0;
	border-bottom:1px solid #F0F0F0;
	background-color:#E8EACD;
	}

/* Front Page: forum title hyperlink */
td.forumTitle a {
	color: #002244;
	text-decoration:underline;
	background: none;
	}

td.forumTitle a:hover { text-decoration: none; }

/* Front Page: forum description */
.fdesc, .fdescNum {
	padding: 3px;
	padding-bottom:7pt;
	vertical-align: top;
	}
	
/* Front Page: forum counts */
.fdescNum { color: #696969; }
.fdescNum strong { color: #333; }

/* Messages: username */
.username {
	}

/* Messages: quoting */
.quote {
	/* background: #efefef; */
	border-left: 2px solid #ccc;
	color: #666;
	font-family: serif;
	margin: 1em 0 0 1.5em;
	padding: 0 0 0 .5em;
	width: 85%;
	}

.quoting {
	}

/* Messages: highlight block */
.hl {
	background: #FAFCEE;
	border-left: 7px solid #F6F8EA;
	color: #535353;
	font-size: 1.8em;
	margin-left: 5pt;
	padding-bottom: .2em;
	width: 70%;
	}

/* Message form: new reply href's hover */
#newreply:hover { text-decoration:none; }

/* Message form: table */
td.caption2, td.caption2 a {
	background: #fcfcfc; /*#4967A0;*/
	padding: .2em;
	color: #444; /*#fff;*/
	font-weight: bold;
	}

/* Message form: table row */
td.pform {
	padding: .2em;
	vertical-align:top;
	}

/* Message form: table row's image button hover */
td.pform a:hover img, .postedText a:hover img, td.caption1 a:hover img { background:#F6F8EB; }

/* Message form: BB code buttons, login/post button row */
td.pform#editorControls, td.pform#pformBottom {
	/*background: #F0F0E3; */
	padding-left:10px;
	padding-right:10px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:left;
	}

/* Message form: textarea's width, height */
.postingForm, .topicTitle { 
	width: 70%; /* 550px; */
	}
	
.postingForm { 
	/*height: 250px; */
	}

/* Statistics: table */
table.statsTable { 
	border-top: 0;
	}

/* Statistics: headings */
tr.statsCaption td {
	background: #F9F9F9;
	border-left: #F9F9F9 1px solid;
	border-right: #F9F9F9 1px solid;
	padding: 5px;
	}

/* Statistics: top table */
tr#statsCaptionHead td {
	background: #F0F0E3;
	border: 1px #F9F9F9 solid;
	border-bottom:1px solid #dbdbdb;
	}

/* Statistics: page bar and rows */
.tbStBar, table.statsTable td.caption5 td {
	padding: 1px 1px 1px 5px;
	}

.tbStBar a { 
	color: #444;
	}

tr.tbStRow td {
	text-align:left;
	}

/* Statistics: bar */
.tbStBar {
	background: #DDDDE3;
	border-top: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #003A66;
	border-right: 1px solid #BEBEBE;
	margin: 2px;
	}

/* Warning messages */
.warning {
	color: #a6342c;
	}

.warning, .warningLnk {
	line-height: 1.5;
	}

/* Admin panel: forum icons hover */
.tbTransparentCell a:hover img { 
	background: #F9F9F9;
	}

/* Header: table */
tr.tbHead { 
	background: #4967A0;
	}

tr.tbHead a:hover { 
	background:none;
	}

/* Header: menu row */
td.capMenu {
	background:#F9F9F9;
	font-size: .95em;
	vertical-align:top;
	white-space:nowrap;
	width:100%;
	}

/* Header: menu text */
div.capMenu {
	border-top: 0;
	display: block;
	padding: .2em 0;
	position: relative;
	width: 100%;
	}

/* Header: menu hyperlink */
div.capMenu a { 
	padding: 0 1pt;
		}

/* Common specific: hyperlink hover */
.txtSm a:hover, div.capMenu a:hover, .tbStBar a:hover {
	background: #fcfcfc; /*#003A66; */
	color: #f16c32; /*#fff;*/
	text-decoration: none;
	}

small {
	font-size: .9em;
	text-decoration: none;
	}


pre {
	font-family: sans-serif;
	text-decoration: none;
	}


li {
	margin: 0;
	text-decoration: none;
	}


ul {
	margin: 0 2em;
	text-decoration: none;
	}

h1 {
	color: #444;
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
	}

h3 {
	color: #444;
	font-size: 1.25em;
	text-decoration: none;
	}
	
dt { 
	font-weight: bold; 
	padding-top: .8em;
	}

.notice {
	background: #f0f0f0;
	font-size: .95em;
	padding: 1em;
	}