/*
-----
Adds styles which should be suitable for modern user agents
FileName: style_basic.css
-----
*/

@import url(style_navline.css);
@import url(style_screen.css) screen;

.nonstyle { display: none; }

/* suppresses or disguises borders on anchored images in all styles-aware agents thanks to wired.com */
a img
{
	border-width: 0;
	border-style: none;
	border-color: #FFF;
	color: #FFF;
}

html, body
{
	background-color: #A0D0FF;
	color: #000;
	border: 0;
	margin-top: 0;
	padding-top: 0;
	font-family: 'Times New Roman', Times, serif;
}

h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, serif; }

div#sitehome, div#sitepage
{
	width: 43em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/* corrects for page centering trick moved to style_navline.css */
}

div#header h1
{
	font-size: 90%;
	font-weight: bold;
	white-space: nowrap;
}

div#window
{
	background-color: #FFF;
	color: #000;
	margin-top: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2%;
	border-color: white;
	border-width: 1px;
	border-style: solid;
}

div#content
{
	margin-top: 2ex;
	padding-right: 2%;
	padding-left: 2%;
}

div#content h1, div#content h2, div#content h3 { font-family: 'Times New Roman', Times, sans-serif; }
div#content h2, div#content h3 { font-size: 95%; }

div#content a
{
	text-decoration: underline;
	font-weight: bold;
}

div#content a:link { color: blue; }
div#content a:visited { color: purple; }
div#content a:hover { color: #A0D0FF; }
div#content a:active { color: red; }

/* width for IE Win overriden in style_screen.css for others */
div#navline
{
	clear: both;
	text-align: left;
	width: 100%;
}

/* These declarations copied from style_navline to collapse unordered lists for Netscape Communicator 4.x */
div#navline ul
{
	list-style-type: none;
	background-color: #FFF;
	margin: 0;
	padding: 0 2%;
	text-align: left;
}

li a+p { margin-top: 0; }
div.review h2+cite { font-weight: bold; }
div.review p+cite { font-weight: bold; }

div#footer ul
{
	list-style-type: none;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#navline ul li, div#footer ul li
{
	display: inline;
	list-style: none;
	color: #FFF;
	background: #FFF;
	margin: 0;
	padding: 0;
}

ul.inlinenav
{
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0 2%;
	text-align: left;
	background-color: #FAF0E6;
}

ul.inlinenav li
{
	display: inline;
	list-style: none;
	/*	color: #FFF; */
	background: #FAF0E6;
	margin: 0;
	padding: 0;
}

ul.inlinenav li a
{
	background-color: transparent;
	margin-right: 0.2em;
	padding-right: 0.2em;
	border-right: 1px solid #A0D0FF;
	font-weight: bold;
	text-decoration: underline;
	display: inline;
}

div.dispatch div.p128x85 p, div.dispatch div.p128x96 p
{
	font-size: smaller;
	font-style: italic;
	line-height: 90%;
}

div.p160x120+p { clear: both; }

div.dispatch div.p150x100 p, div.dispatch div.p150x150 p
{
	font-size: smaller;
	font-style: italic;
	line-height: 92%;
}

div#content div.dispatch h2 a, div#content div.longdesc h2 a, div#content div.review h2 a
{
	color: #000;
	text-decoration: none;
}

div#content div.dispatch h2 a:hover, div#content div.longdesc h2 a:hover, div#content div.review h2 a:hover
{
	color: #000;
	text-decoration: underline;
}

div#content div.dispatch h2 a:hover::after, div#content div.longdesc h2 a:hover::after, div#content div.review h2 a:hover::after { content: " \00B6"; }

div.moc
{
	clear: both;
	padding-left: 168px;
}

div.longdesc div.p150x100, div.longdesc div.p160x120 { float: none; }
div.p120x80, div.p120x600, div.p128x85, div.p128x96, div.p150x100, div.p160x100, div.p150x150, div.p600x400 { text-align: center; }
div.p120x80, div.p120x600 { width: 120px; }
div.p128x85, div.p128x96 { width: 128px; }
div.p150x100, div.p150x150 { width: 150px; }
div.p160x100 { width: 160px; }
div.p178x60 { width: 178px; }
div.p190x65 { width: 190px; }
div.p219x124 { width: 219px; }

div#footer
{
	padding-top: 0.5ex;
	padding-right: 2%;
	padding-left: 2%;
	clear: left;
}

div#footer h1 { font-size: 90%; }

div#footer p
{
	color: #999;
	font-family: PriamojProp, Arial, sans-serif;
	font-size: smaller;
}

div#footer p a { color: #999; }
div#footer p a:hover { color: #A0D0FF; }
div#footer p a:active { color: red; }
a[href$=".pdf"]::after { content: url("images/pdf_icon_14x20.png"); }
a[href$=".doc"]::after { content: url("images/doc_icon_14x20.png"); }
a[href$=".asf"]::after { content: url("images/wmv_icon_14x20.png"); }
a[href*="wikipedia.org"]::after { content: url("images/wiki_icon_14x20.png"); }
div#sitehome div#header h1::after { content: url("images/a_icon_14x20.png"); }
div#sitepage div#header h1::after { content: url("images/a_icon_14x20.png"); }
q::before { content: open-quote; }
q::after { content: close-quote; }
*[lang=en] { quotes: "\201C" "\201D" "\2018" "\2019"; }
*[lang=sr] { quotes: "\201E" "\201C" "\201A" "\2018"; }