/* =====================================================================================
 *
 * Style: Stylesheet for HTML5.
 * 
 * A small stylesheet. It supports HTML5.
 *
 * Author: Mikael roos
 * 
 */
 
@import url("nav.css");   		/* definitions to nav-items */
 

/* -------------------------------------------------------------------------------------
 * Various wrappers *may* make the page look stylie and nice.
 * Review the page page.php for how they are used when constructing the HTML-page.
 */
div.wrapper-page {
	margin: 0 auto;
	min-width: 600px;
	max-width: 900px;
    vertical-align: middle;
}

div.wrapper-header {
	display: inline;
}

div.wrapper-body {
	border: solid 2px #dddddd;
	padding-left: 10px;
	padding-right: 10px;
}

div.wrapper-footer, div.wrapper-debug {
    vertical-align: middle;
}


/* -------------------------------------------------------------------------------------
/* Style the copyright-message, part of footer */
div.copyright pre { 
    text-align: center;
}


/* -------------------------------------------------------------------------------------
/* header & paragraph styles */
p.small {
	font-size: x-small;
}

p.intendent {
	padding-left: 2em;
}

div.revisionhistory {
	float: right;
	border-left: solid 1px #dddddd;
	padding-left: 1em;
	font-size: x-small;
}


/* -------------------------------------------------------------------------------------
/* numbering the headers h2-h4 */
article.numbered {
	counter-reset: level1 0 level2 0 level3 0;
}
article.numbered h2:before { 
  content: counter(level1) ". "; 
  counter-increment: level1 1;
} 

article.numbered h2 { 
  counter-reset: level2 0 level3 0;
} 

article.numbered h3:before { 
  content: counter(level1) "." counter(level2) " "; 
  counter-increment: level2; 
} 

article.numbered h3 { 
  counter-reset: level3; 
} 

article.numbered h4:before { 
  counter-increment: level3; 
  content: counter(level1) "." counter(level2) "." counter(level3) ". "; 
} 


/* -------------------------------------------------------------------------------------
/* Style for displaying lines of code */
div.code {
	font-family: monospace;
	border: solid 1px #999999;
	background: #eeeeee;
	padding: 1em;
}

/* -------------------------------------------------------------------------------------
/* Style for links */
a, a:visited {
	color: #111111;
}

a:hover {
	color: #365B17;
}


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