/* 
 * Responsive CSS for www.emirp.net
 * Version: 2018-05-01
 *
 * Copyright (c) 2016 Jochen Peters
 */

/* Font family (h1-h5, p, ul and pre as a workaround for a common browser bug) */
body,h1,h2,h3,h4,h5,p,ul { font-family:Helvetica,Arial,sans-serif; }
pre { font-family:monospace; } /* NOT TO BE USED IN RELATIVE */


/* Default margins */
body {
	margin:2% 0% 1% 0%;
	padding:0%;
	background:#dddddd;
	font-size:92%;
}

p,pre {
	margin:0% 1.5% 1em 1.5%;
	padding:0%;
}

h1,h2,h3,h4,h5 {
	margin:0.8em 1.5% 2px 1.5%;
	padding:0%;
}

/* Header */
div.header {
	width:98%;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0%;
	margin-bottom:0%;
	padding:0%;
	text-align:left;
	color:white;
	background:#000080;
	border:1px solid black;
}

div.header img {
	margin:0%;
	border:none;
}

/* Navigation */
div.nav {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0%;
	margin-bottom:0%;
	padding:0%;
	text-align:left;
	color:black;
	background:#552200;
	border:1px solid black;
}

div.nav p {
	margin-top:2px;
	margin-bottom:0%;
}

div.nav a {
	text-decoration:none;
	color:#ffffff;
}

div.nav a:hover {
	text-decoration:underline;
}

div.nav img {
	margin:1px 0% 0% 8px;
	border:none;
	float:right;
	height:16px;
}

/* Content */
div.content {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0%;
	margin-bottom:1em;
	padding:0% 0% 1em 0%;
	text-align:justify;
	background:#ffffec;
	border:1px solid black;
}

div.content img {
	margin:0.5% 1.5% 0.5% 1.5%;
	border:1px solid black;
}

div.content img.thumbnail {
	height:66px;
	margin:0.5% 0.5% 0% 0%;
	border:1px solid black;
}

div.content img.photoview {
	width:755px;
	margin:0.5% 0% 0.5% 0%;
	border:1px solid black;
}

div.content a {
	text-decoration:none;
	color:#cc0000;
}

div.content a:hover {
	text-decoration:underline;
}

div.content h2 {
	font-size:1.7em;
	font-weight:bold;
	color:#000080;
}

div.content h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#000080;
}

div.content h4 {
	margin-top:0.5em;
	font-size:1em;
	font-weight:bold;
	color:black;
}

div.content p.code {
	font-family:monospace;
	font-size:1.05em;
	background:#bbbbbb;
}

div.content p.upddate {
	margin-top:-2px;
	margin-bottom:0.5em;
	font-size:0.8em;
	font-weight:normal;
	color:#666666;
}

div.content p.thumbnail {
	text-align:left;
}

div.content ul {
	margin:0% 2% 1em 2%;
	padding:0%;
	list-style:square inside;
}


/* Footer */
div.footer {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	padding:0%;
	text-align:justify;
	font-size:0.8em;
	color:#666666;
}

div.footer p.author {
	text-align:right;
}