@import 'layout.css';
@import 'menu.css';
@import 'banners.css';

body {
	font: 14px/1.5 arial, "Times New Roman", Times, serif;
	color: #000E1D;
	background-color: #180707;
}

img {
	border: 0;
}

#content {
	font-size: 1em;
	letter-spacing: 1px;
}

#poweredByMaxNl a,
#poweredByMaxNl a:visited,
#poweredByMaxNl a:hover {
	color: #4c4141;
}

h1 a {
	font: bolder 1em Arial, Helvetica, sans-serif;
	color: white;
}

h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: white;
	margin: 0 0 0.5em 0;
	padding: 0;
}

h3 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	margin: 1em 0 0 0;
	padding: 0;
	color: white;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

a {
	color: #5BBFFF;
}

a:hover {
	color:#20A8FF;
}


/* guestbook */

table.guestbook th {
	text-align:			left;
	vertical-align:		top;
	padding-right:		10px;
}


/* poll */

.pollPage td td {

}


/* menu card */

#menuCardColumn1 {
	text-align: center;
	border: 1px solid #C4C0C0;
	float: left;
	width: 48%;
	padding: 1%;
}

#menuCardColumn2 {
	text-align: center;
	border: 1px solid #C4C0C0;
	margin-left: 52%;
	padding: 1%;
}

#menuCardColumn1,
#menuCardColumn2 {
	height: 80em;
	margin-bottom: 1em;
}

html>body #menuCardColumn1,
html>body #menuCardColumn2 {
	height: auto;
	min-height: 80em;
}

#menuCardColumn3 {
	padding-top: 0.5em;
	text-align: center;
	border: 1px solid #C4C0C0;
	clear: both;
}

#menuCardNormal h3 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 110%;
	text-decoration: underline;
}

h4,
#menuCardNormal h4 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 110%;
}

#menuCardXmas {
	font-size: 80%;
	float: right;
	text-align: center;
	width: 33%;
	margin: 0 0 0 2%;
	padding: 2%;
	border: 2px dashed #706262;
}

#menuCardXmas h3 {
	font-size: 130%;
	line-height: 140%;
	position: relative;
	top: -2.95em;
	margin: 0 0 -2em 0;
}

#menuCardXmas h3 big {
	font-size: 150%;
	background: #190808;
}

#menuCardXmas h4 {
	width: 66%;
	border-bottom: 4px solid #5E5252;
}



/* TOOLS */

ul.tools {
	list-style-type: 		none;
	margin-left: 			0;
	padding-left:			0;
}

ul.tools li {
	float:		left;
	display:	inline;
}

#content ul.tools a {
	/* #content prefix is required to change the cascade */
	font:					bold 0.85em Arial, Helvetica, sans-serif;
	text-decoration:		none;
	background-color:		#645247;
	color: 					#b5afac;
	border: 				1px solid #ccc;
	padding:				3px 5px 3px 5px;
	display:				block;
}

#content ul.tools a:hover {
	background-color: 		#7B5640;
	color: 					#b5afac; /* repeated for msie */
}

ul.tools:after {
	/* clear floats */
	content:		"."; 
	font-size:		0;
	line-height:	0;
	display:		block; 
	height:			1px;  /* for moz */
	clear:			both; 
	visibility:		hidden;
}

* html ul.tools {
	/* IE/WIN fix: element will behave as if there's a clearing element inside it */
	height:			0.1em;
}


/* cms forms */

/* forms */

form div {
	clear: both;
	margin: 0.33em 0;
}

form div label {
	display: block;
	width: 12em;
	float: left;
}

form div div {
	clear: none;
	float: none;
	width: auto;
	margin: 0;
}

* html form div div {
	/* fixes 3px jog in IE/WIN  */
	height: 0.1em;
}

form div div label {
	display: inline;
	width: auto;
	float: none;
}

form div div div {
	margin-left: 0;
}

form .edit input, form textarea {
	border: 0.05em solid #ccc;
}

form .footer {
	clear: both;
	margin: 1em 0;
	padding: 0.5em 0.5em 0.5em 12em;
}

form .footer input, input.submit, .button {
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em 0.5em;
	background-color:		#645247;
	color: 					#b5afac;
	border: 				1px solid #ccc;
}

fieldset.multipleSelect{
	padding-bottom: 1em;
}

fieldset.multipleSelect label {
	clear: none;
	font-weight: bold;
	margin: 5px;
	width: 47%;
	text-align: center;
	background: #0A72CD;
	color: white;
}

fieldset.multipleSelect label select {
	width: 100%;
}

option.newSelected {
	background-color: silver;
}
	
option.newDeselected {
	background-color: silver;
}

form .RTE_toolbar table
{
	border: 1px solid #544;
	background-color:	#433;
}

#contents form .RTE_toolbar img { border: 0; }


/* tables */

table {
	border: 0;
	/* border-collapse doesn't work like expected in Mozilla, but the same effect is achieved by setting border-spacing to 0. */
	border-spacing: 0;
}

* html table {
	/* set border-collapse for IE/WIN */
	border-collapse: collapse;
}

caption {
	text-align:				left;
	padding-left:			0.4em;
	font-size:				130%;
	line-height:			133%;
	padding-bottom:			0.5em;
}

/* table header asc/desc effect */

thead th {
	text-align:				left;
	padding:				0;
	background-color:		#645247;
}

thead th a:link,
thead th a:visited,
thead th a:hover {
	text-decoration:		none;
	padding: 0.25em 24px 0.25em 0.5em;
	background-color:		#645247;
	color:					#B5AFAC;
	display:				block;
}

thead th a:hover {
	background-color: 		#7B5640;
}

* html thead th a {
	/* This makes the whole link clickable in IE/WIN, not just the text. */
	height: 0.1em;
}

/* table th/td styling */

form th,
form td {
	vertical-align: top;
	padding: 0.25em 0.5em;
	border: none;
}

/* table row hover effects */

form tr:hover td,
form tr.hover td {
	background: #916449;
	cursor: pointer;
}

form tr:hover td.details,
form tr.hover td.details,
form tr:hover td.edit,
form tr.hover td.edit,
form tr:hover td.delete,
form tr.hover td.delete {
	background: #7B5640;
}

form td img { background-color: white; }