/* 
 * tcms.css - styles for Teros CMS 
 * (c) 2003 - 2007 Tero Karvinen http://www.iki.fi/karvinen
 *
TODO: absolute px sizes to relative em. 
 
1) Follow basic typographic guidelines (even in the web)
	- Short texts (like headings) are sans serif (like Arial)
	- Longer texts (like paragraphs) are serif (like Times)
2) KISS - Keep it simple, stupid
3) User control - Resizable text and browser colors
4) Validate with http://jigsaw.w3.org/css-validator/validator-text.html
*/

/* Basics */

H1 { font-size: 180%; }
H1, H2, H3, H4 { font-family: sans-serif; } /* Use H1 once to repeat page title */
H2, H3, H4 { margin-top: 2em; }
BODY { font-family: serif; }
B, STRONG { font-weight: bold; font-style: normal; } 
I, EM { font-style: italic; }

/* H1 [ font-size: large; font-weight: bold; } */
H2 { font-size: large; font-weight: bold; }
H3 { font-size: medium; font-weight: bold; }
H4 { font-size: small; font-weight: bold; }

/* IMG { float: right; 	padding-left: 1em; } */

.main {
    max-width: 800px;
    margin-left: auto; margin-right: auto;
}

.bar {
	font-family: verdana, arial, sans-serif;
	/* background-color:#999999; #99cc66 */
	background-color:#99cc66;
	font-size:large;
	font-weight:normal;
	text-align:left;
	padding:5px; /* TODO: relative sizes */
        /* border-bottom:5px solid #999;*/
	line-height:120%;
	color: #FFF;
	margin: 0;
}

.unimportant {
	color: gray;
	background-color: white;
	margin-left: 3em;
}

.pageinfo {
	margin-top: 4em;
	/* font-size: 90%;*/
	text-align:center;
}

.bottomlinks {
	font-size: 50%;
	text-align:center; 
}

#bartop { 
	border-bottom:5px solid #999; 
	margin-bottom:40px;	
}
#barbottom { 
	/* margin-top:40px; */
	border-top:5px solid #999; 
}

.bar p,
.bar a,
.bar a:link,
.bar a:visited,
.bar a:active,
.bar a:hover {
	/*	font-family: verdana, arial, sans-serif;*/
	font-size: large;
	color: #FFF;
	text-decoration: none;
}

.bar a:hover {
	background-color: white;
	color: green;
	text-decoration: underline;
}

/* Links */

a.urlextern { 	/* url paths are relative to css path (not html page path) */
	background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
	padding: 1px 0px 1px 16px;
}
a.windows {	/* smb share */
	background: transparent url(images/windows.gif) 0px 1px no-repeat;
	padding: 1px 0px 1px 16px;
} 
a.interwiki{
    background: transparent url(images/interwiki.png) 0px 1px no-repeat;
    padding-left: 16px;
}
a.media { } /* embedded media*/
a.mail {
  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* many styles based on dokuwiki design.css */

/* - table of contents - */

div.toc {
	margin-left: 2em;
	margin-top: 1.2em;
	margin-bottom: 0;
	float:right;
	width: 16em;	/* hate px sizes. Should probably limit toc wordsize to 15 char. */
	font-size: 90%;
	clear:both;
}

div.tocheader {
	padding: 1px;
	border: 1px solid #99cc66; /* #8cacbb; */
	background-color: #99cc66; /* #dee7ec; */
	text-align: left;
	font-weight:bold;
	margin-bottom: 2px;
	/* border-top:5px solid #999; */
}

div.toctoggle {
  float:right;
  /* margin-top:0.3em;*/
  margin-right:3px;
}

div.toctoggle img {
  width:0.8em;
  height:0.8em;
}

#tocinside {
  border: 1px solid #99cc66; /* #8cacbb; */
  background-color: #FFF;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
}

ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding-left: 1em;
}

ul.toc li {
  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
  padding-left:0.4em;
}

ul.toc li.clear {
  background-image: none;
  padding-left:0.4em;
}

a.toc {
  color: #005500; /* #436976; */
  text-decoration:none;
}

a.toc:hover {
  color: #000000;
  text-decoration:underline; 
}

/* Syntax highlighting, mostly from dokuwiki */

div.clearer {clear: both; /* line-height: 0 */; height: 0;}

div.error{
  background: #ff6666 url(../images/error.html) 0.5em 0px no-repeat;
  font-size: 90%;
  margin: 0px;
  padding-left: 3em;
}

div.info{
  background: #ffff66 url(../images/info.html) 0.5em 0px no-repeat;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
}

div.success{
  background: #66ff66 url(../images/thumbup.html) 0.5em 0px no-repeat;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
}

/* code and syntax highlighting */

.code, *.snippet {
	margin-left: 1em; 
	color: black;
/*	background-color: lightgreen;*/
	border: solid thin #99cc66;
	padding: 1em;
}

.code { font-size: 110%; /* To compensate smaller code font in some browsers. */}
.code .br0	{ color: #66cc66; }
.code .co1	{ color: #808080; font-style: italic; }
.code .co2	{ color: #808080; font-style: italic; }
.code .coMULTI	{ color: #808080; font-style: italic; }
.code .es0	{ color: #000099; font-weight: bold; }
.code .kw1	{ color: #b1b100; }
.code .kw2	{ color: #000000; font-weight: bold; }
.code .kw3	{ color: #000066; }
.code .kw4	{ color: #993333; }
.code .kw5	{ color: #0000ff; }
.code .me0	{ color: #006600; }
.code .nu0	{ color: #cc66cc; }
.code .re0	{ color: #0000ff; }
.code .re1	{ color: #0000ff; }
.code .re2	{ color: #0000ff; }
.code .re4	{ color: #009999; }
.code .sc0	{ color: #00bbdd; }
.code .sc1	{ color: #ddbb00; }
.code .sc2	{ color: #009900; }
.code .st0	{ color: #ff0000; }

/* images, image alignments */

/* embedded images */
img.media {
  margin: 3px;
}

img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

img.mediacenter {
  border: 0;
	display: block;
  margin-left: auto;
  margin-right: auto;
}

td {
  border: 1px solid #C7C7C7; /* light gray */
}