/* 
Stylesheet for queenys.nl
Created by CodeStream.nl

Changes:
- 20070307: gestripte basis versie

TODO:
*/

/* GLOBAL
--------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* set default fontsize to 16px - 62.5% = 10px */
html, body, table {
	font-size: 62.5%;
}

/* body
--------------------------------------------------*/
body {
  background: #330033;
  color: black;
  font: 1.1em/1.5em sans-serif; /* text-size/line-height */
	font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 0 10px 0;
  text-align: left;
}
* html body {} /* for internet explorer */

/* table
--------------------------------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	font: 1.1em/1.5em sans-serif; /* text-size/line-height */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid black;
	}

th {
	text-align: left;
	font-weight: bold;
	color: #000;
	padding: 1px;
	border-top: 0px solid #660000;
	border-bottom: 2px solid #000;
	}
tr { vertical-align: top; }
tr.off {
	background-color: #ffffcc;
	}
tr.on {
	background-color: #ffffcc;
	}
td { vertical-align: top; padding: 1px; }

/* Tabledata normal place to store data in */
.tabledata {
	width: 90%;
	border: 0px;
	font-size: 0.9em;
	border-collapse: collapse;
	margin-bottom: 10px;
	padding-left: 2px;
}
.tabledata th {
	text-indent: 2px;
	font-size: 1.1em;
}
.tabledata td {
	padding: 5px;
}
.tabledatagray {
	color: gray;
	padding-left: 2px;
}
.tabledatahead {
	background-color: #64281e;
	color: #FFFFFF;
	padding: 3px;
}
/* SubTabledata is used in normal submenu items */
.subtabledata {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
.subtabledata th {
	border-bottom: 1px solid black;
	text-indent: 2px;
}
.subtabledata td {}
/* Changing rowcolours! */
.row1 {
	background-color: #a9b6ca;
}
.row2 {
	background-color: #939daf;
}

/* Typographic
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7,h8 {
	color:black;
	font-weight:bold;
	margin: 0.1em 0em 1em 0em;
	padding:0;
	}
h1 { font-size: 3em; font-variant: small-caps; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

b, strong { font-weight: bold; }

ul {
	margin: 1em 5em;
}

li {}

/* Paragraph Tags
--------------------------------------------------*/
p { 
	margin: 1em 0.5em; /* top left */
	text-indent: 0em;
	text-align: justify;
	width: 95%;
	}
p.intro {
	font-style: italic;
	color: #660000;
	}
/* test, not for production */
p.intro:first-letter {
	font-size: 300%;
	line-height: 0.7em;
	padding: 2px;
	font-weight: bold;
	float:left;
	}

/* Links LoVe HAte (http://dbaron.org/css/1999/09/links)
--------------------------------------------------*/
/* default link setting */
:link, :visited {
	text-decoration: none;
	color: #660000;
	}
:link:focus, :visited:focus {
	font-weight: bold;
	text-decoration: underline;
	}
:link {
	color: #1c230d;
	}
:visited {
	color: #1c230d;
	}
:link:hover, :visited:hover {
	text-decoration: underline;
	color: #660000;
	}
:link:active, :visited:active {
	color: #1c230d;
	}
a.help {cursor: help; } 

/* Forms
--------------------------------------------------*/
fieldset {
	border: 1px #3d2f23 solid;
	padding: 5px;
	}
legend {
	font-weight: bold;
	letter-spacing: 0.3em;
	color: #3d2f23;
	}
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #3d2f23;
	background-color: #888b78;
	font-size: 10px;
  color: #000;
	padding: 1px;
	}
textarea { width: 99%; }
input[disabled], select[disabled], textarea[disabled] {
	background-color: #c0c0c0;
	}
button {
	color: #050;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	background-color: gray;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	filter: alpha(opacity=50);
	opacity: .5;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

/* Hax for non explorer browser making wysiwig iframe white */
iframe			{ background-color: white; }
  
/* Mixed
--------------------------------------------------*/
pre {
	white-space: pre-wrap;
	font: 1.2em/1em monospace;
	text-align: left;
	color: black;
	font-family: Courier New, Courier, monospace;
	}
hr {
	clear:both;
	border:0;
	margin: 5px 0px 5px 0px;
	height:1px;
	color:#888;
	background-color:#888;
}
img {
	border: none;
	}
img.border { 
	margin: 5px; 
	padding: 1px; 
	border: 2px solid black; 
	background: white;
	}
img.sborder { 
 border: 1px solid black;
}
em {
	font-style: italic;
	}

/* Classes
--------------------------------------------------*/
.warning { color: red; } 
.important {
	font-variant: small-caps;
	font-size: 1.5em;
	}
.keys { background: url(../images/layout/keys.png) center no-repeat; }
.small { font-size: 0.6em; }
.large { font-size: 1.3em; }
.middle { vertical-align: middle; }
.grey { color:#888; }
.ltgrey { color:#ddd; }
.strike { text-decoration:line-through; }
.lft { float:left; }
.rgt { float:right; }
.clear { clear:both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* SPECIAL */
/* float left or right within the div */
#left {
  float:left; 
  background:#eee; 
  padding:10px; 
	margin:5px;
  border:0px solid #000; 
  color:#000; 
  width:80%;
  }
#right {
  float:right; 
  background:#ddd; 
  padding:10px; 
  border:0px solid #000; 
  color:#000; 
  }
#address {
	float: right;
	margin: 60px 10px 0 0;
  }
#address p { text-align: right; }
	
/* absolute in the browser window */
#absolute {
  position:absolute; 
  top:175px; 
  left:20px; 
  width:200px; 
  padding:20px; 
  background:transparent;
  border:1px solid #660000;
	text-align:left;
  }