/* --------------------------------------------------- */
/* content styles */
/* styles.css */
/* [version] 2003-07-30 | 2012-01-11 */
/* --------------------------------------------------- */

body {
	background-color: white;
	color: black;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: auto;
	width: auto;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: medium;
	min-width: 750px;
}

/* Header styles */

#header {
/*	clear:both;
	float:left;*/
	position: relative;
	width:100%;
	background: url("/images/bg/bg_stripes_bl.gif");
	border-bottom:1px solid #000;
	margin-bottom: 2em;
	overflow: hidden;
}
#header h1 {
	text-indent: -9999px;
	width: 450px;
	height: 108px; margin: 0 0 0 10%; padding-top: 0px;
	}
#header h1 a { white-space: nowrap; display: block; width: 450px; height: 108px; left: 0; border: 0; margin: 0; padding: 0; }
#header h1 a { background: url("/images/start.gif") no-repeat; }
#header h1 a:hover { color: black; background: url("/images/start-k.gif") no-repeat; }


#header ul {
/*	clear:left;
	float:left;*/
	width:100%;
	list-style:none;
	white-space: nowrap;
	overflow: hidden;
	margin:3px 0 0 10%;
	padding:0;
	font-size: small;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	white-space: nowrap; 
	float:left;
	margin:0 2px 0 0px;
	padding:5px 0px;
	text-align:center;
	background:#000;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	position:relative;
	left:0px;
	line-height:1.5em;
	font-size: 95%;
	letter-spacing: 0.1em;
	width: 148px;
	border-right: 0px solid white;
}
#header ul li a:hover {
	background:#fff;
	color:#000;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header .issn { position: absolute; top: 0; right: 2%; }

#k01 a.n01 { background: url("/images/bg/bg_stripes_02.gif"); }
#k02 a.n02 { background: url("/images/bg/bg_stripes_02.gif"); }
#k03 a.n03 { background: url("/images/bg/bg_stripes_02.gif"); }
#k04 a.n04 { background: url("/images/bg/bg_stripes_02.gif"); }
#k05 a.n05 { background: url("/images/bg/bg_stripes_02.gif"); }




/* mobile styles */
/* --------------------------------------------------- */

@media only screen and (min-device-width : 300px) and (max-device-width : 569px) {
body {
	max-width: 569px;
	min-width:300px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: small;
}
#header h1 {
	white-space:normal;
	}
#header h1 {
	text-indent: 0px;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	width: 100%;
	height: 25px; margin: 0 0 0 10%; padding-top: 0px;
	}
#header h1 a { white-space: nowrap; display: block; width: 100%; height: 25px; left: 0; border: 0; margin: 0; padding: 0; }
#header h1 a { background: none; }
#header h1 a:link, #header h1 a:visited { color: black; background: none; text-decoration: none; }
#header ul { margin-left: 10%; white-space: normal; color: black; background: transparent; border-bottom: 0px; font-size: 100%; }
#header ul li {
	color: black; background: transparent; 
	display:inline;
	float: left;
	list-style-type:none;
	padding-right: 0.5em;
	}
#header ul li a {
	margin:0 0 0px 0px;
	padding:0px 0px 0px;
	text-align:center;
	background:transparent;
	color:#000;
	display:inline;
	text-decoration:none;
	border: 0px solid black;
	width: auto;
	}
#header p.issn { display: none; }
#k01 a.n01 { background: none; }
#k02 a.n02 { background: none; }
#k03 a.n03 { background: none; }
#k04 a.n04 { background: none; }
#k05 a.n05 { background: none; }
#breadcrumb, .dir { display: none; }
}



h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-left: 10%; margin-right: 10%; }

h1 { font-size: 145%; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4 { font-size: 100%; }

h1 + h2 { margin-top: -0.3em; }
h2 + h3 { margin-top: -0.4em; }
h3 + h4 { margin-top: -0.66em; }

p { font-size: 100%; line-height: 120%; text-align: left; margin: 0 10% 0.5em 10%; }

p.www, p.date, p.authbot, p.author { 
	font-family: Georgia, "Times New Roman", Times, "New York", serif; }

p.date, p.author { margin-top: 1em; margin-bottom: 1em; }
p.author { font-weight: bold; }
p.author + p.date, p.date + p.author { margin-top: -0.5em; }

p.note { font-size: 90%; }
p.note a:active { color: #c00; background-color: transparent; }

p.mk, p.dir { font-size: 90%; font-weight: bold; color: #000; margin-top: 2em; }
p.mk { background: url("/images/bg/bg_stripes_bl.gif"); }
p.dir { font-family: verdana, arial, sans-serif; margin-bottom: 1em; background-color: transparent; }
p.mk + p.dir, div.navbar + p.www, div.navbar + p.note { margin-top: 1em; }

p.mono, code, pre { font-family: courier, monospace; font-size: 95%; }

p.head, p.tease { font-size: 100%; font-weight: bold; text-align: center; margin-top: 0.5em; margin-bottom: 0.5em; }
p.tease { color: #6cf; background-color: transparent; }

p.link, p.example, p.copy { font-size: 90%; color: #666; background-color: transparent; }
p.copy { text-align: left; border-top: 1px solid #6cf; margin: 1.5em 0 0 0; padding: 0.5em 10% 1em 10%; }

div.pre { margin: 0 10% 0.5em 10%; }

blockquote { font-size: 100%; margin: 0 15% 0.75em 15%; }

blockquote p { margin-left: 0; }

ul, dl, ol { padding-left: 0; margin: 0 10% 0.5em; }
ul ul, ul ul ul, ul ul ul ul, dd { margin: 0 10% 0.5em 5%; }
ul p { padding-left: 0; margin-left: 0; font-size: 90%; }

dd h2, dd h3, dd h4, dd p { margin-left: 0%; }

.author a:link, #also a:link { color: #000; background-color: transparent; }
.author a:visited, #also a:visited { color: #336; background-color: transparent; }
a:hover, a:active { text-decoration: none; }
.author a:hover, #also a:hover { color: #666; background-color: transparent; }
.author a:active, #also a:active { color: #c00; background-color: transparent; }

a.dir:link, a.dir:visited { color: #c00; }
a.dir:link, a.dir:visited, a.dir:hover, a.dir:active { font-size: 90%; background-color: transparent; }
a.dir:hover { color: #666; }
a.dir:active { color: #c00; }

a.mk:link, a.mk:visited, a.mk:hover, a.mk:active { font-size: 100%; font-weight: normal; }
a.intdoc:link, a.intdoc:visited { text-decoration: none; }

#also { font-size: 90%; margin: 2em 10% 0 10%; color: #000; background: url("/images/bg/bg_stripes_bl.gif"); }
#also h2 { font-size: 100%; margin: 0; }
#also ul { margin-left: 0; list-style-type: none; }

div.img { margin: 1em 0 0 10%; }
div.img .note { font-size: 85%; color: #666; background-color: transparent; margin-top: 0; margin-left: 0; }
center img { margin-top: 1em; }

p img { float: right; padding-left: 1em; }

acronym { border-bottom: 1px dotted #000; }

#banner { margin-left: 10%; }


/* pressnote */
/* --------------------------------------------------- */

div.pressnote { 
	font-size: 90%; color: #666; background-color: transparent; margin: 1em 10% 1em 10%; }
	
div.pressnotes { 
	font-size: 90%; color: #000; background-color: transparent; margin: 1em 10% 1em 10%;
	border: 1px solid black; }
div.pressnotes p { margin: 0; padding: 0.5em; }

div.pressnote a:link, div.pressnote a:visited, div.pressnote a:active { 
background-color: transparent; }
div.pressnote a:link { color: #666; }
div.pressnote a:visited { color: #336; }
div.pressnote a:active { color: #c00; }

span.authornote, span.subtitlenote { }
span.titlenote { font-style: italic; }

/* Breadcrumb
--------------------------------------------------- */

#breadcrumb { font-size: 90%; margin: 1em 10%; }
#breadcrumb ul, #breadcrumb ul ul { display: inline; margin-left: 0; padding-left: 0; }
#breadcrumb ul li, #breadcrumb ul ul li {
	display: inline;
	list-style-type: none;
	}

#breadcrumb ul ul li { padding-left: 1em; margin-left: 1em; border-left: 1px dashed #c00; }
#breadcrumb a { font-weight: bold; background: transparent; color: #c00; }


/* print styles */
/* --------------------------------------------------- */

@media print {

body { font-size: 12pt; }

#breadcrumb, .dir, #header ul { display: none; }

h1, h2, h3, h4, h5, h6, p.mk { page-break-after: avoid; page-break-inside: avoid; }
blockquote, ul, ol, dl { page-break-before: avoid; }

h1, h2, h3, h4, h5, h6, p, div.img, div.pressnote { margin-left: 5%; margin-right: 5%; }
ul, dl, ul ul, ul ul ul, ul ul ul ul { margin-left: 5%; margin-right: 5%; }

p { font-size: 12pt; line-height: 120%; }

p.copy, p.mk, p.dir, div.pressnote { 
	color: #000; background-color: #fff; text-align: left; font-weight: normal; }

div.pressnote, span.authornote, span.titlenote, span.subtitlenote { font-size: 10pt; }

p.copy { font-size: 8pt; margin-top: 0.5em; }
p.dir { font-size: 10pt; margin-top: 2em; margin-bottom: 0.5em; border-top: 1pt solid #000; }
p.mk, div.pressnote { font-size: 10pt; padding: 0.25em; border: 1pt solid #000; }
p.mk { font-weight: bold; margin-top: 1em; margin-bottom: 1em; }

p.author, p.date, p.www { font-size: 11pt; font-weight: normal; }

a:link, a:visited, p.author a:link, p.author a:visited, a.mk:link, a.mk:visited, a.dir:link, a.dir:visited, div.pressnote a:link, div.pressnote a:visited { 
	text-decoration: none; color: #000; background-color: transparent; }

a.mk:link, a.mk:visited, a.dir:link, a.dir:visited, div.pressnote a:link, div.pressnote a:visited { 
	font-size: 10pt; }

a[href^="/"]:link:after, a[href^="/"]:visited:after { 
	content: " [kokhavivpublications.com" attr(href) "] "; }

a[href^="h"]:link:after, a[href^="h"]:visited:after { content: " [" attr(href) "]"; }

a.dir:link:after, a.dir:visited:after, a.mk:link:after, a.mk:visited:after { content: " "; }

p.author a[href^="/"]:link:after, p.author a[href^="/"]:visited:after { 
	content: " \A[http://www.kokhavivpublications.com" attr(href) "] "; }

acronym:after { content: " [" attr(title) "]"; }

} /* end of print */