/*
   Basic structural elements
 */
body {
	padding: 1em;
	margin: 0px;
        background-color: #FFFFFF;
        color: #000000;
}

.center {
	text-align: center;
}

div.main {
	background-color: #FFFFFF;
	border-style: none;
        border-collapse: collapse;
	display: table-row;
}

div.contentpanel {
	display: table-cell;
	padding-left: 1em;
	padding-right: 2em;
	border-right: 1px black solid;
	width: 80%;
	vertical-align: top;
}

div.navbar {
	background-color: #FFFFFF;
	display: table-cell;
	float: right;
	padding-left: 0.5em;
}

div.bottom {
	width: 100%;
	margin-top: 2%;
	display: table;
}

div.copyright {
	display: table-cell;
        font-size: 80%; 
	padding: 4px;
	background: #f2f2f9;
	border-style: solid;
	border-width: thin;
}

table.bottom-navbar { border-style: none }
table.bottom-navbar th { border-style: none }
table.bottom-navbar td { border-style: none; width: 33%; }

div.section {
	padding-bottom: 2em;
	border-bottom: 2px solid black;
}

div.bottom-navbar {
        font-size: 80%; 
	border-top: 2px solid #3366cc; 
	padding: 4px;
}

ul.menu {
	margin-left: 0;
	padding-left: 1em;
}

li.group {
	list-style-type: none;
	margin-left: -1em;
}

div.group {
	background-color: #0063C1;
	background-image: url("/graphics/iris.png");
	color: black;
	font-weight: bold;
	text-align: center;
}

div.navbar > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

li img {
	vertical-align: middle;
}

img {
	border: 0;
}

div.menu-bar {
	display: table;
	width: 100%;
}

.menu-cell {
	display: table-cell;
	text-align: center;
}

.notready {
	text-align: center;
	background-color: yellow;
	font-weight: bold;
	width: 100%;
}


input {
	border: 1px solid gray;
}

.nostyle { display: none }

.hidden-info {
        font-size: smaller;
}

/*
    References
 */

a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}

a:visited {
	color: #5a3696;
}

a:active {
	color: #faa700;
}

a:hover {
	text-decoration: underline;
}

/*
    Tables
 */

table {
	text-align: left;
}

table.frame {
        margin: 1em 1em 1em 0;
/*	border: 1px #aaaaaa solid;*/
        border-collapse: collapse;
	empty-cells: show;
	display: inline;
}

table.frame th {
	border: 1px #aaaaaa solid;
        padding: 0.2em;
}

table.frame td {
	border: 1px #aaaaaa solid;
        padding: 0.2em;
}

table.noframe {
	border-style: none;
	display: inline;
}

tr.odd { background-color: #CCCCEE; }
tr.even { background-color: #FFFFFF; }

td.group {
	background-color: #0063C1;
	color: white;
	font-weight: bold;
}

thead.std {
	font-style: italic;
	background-color: #FFFFDD;
}

td.std {
	background-color: #FFFFDD;
}

table.shade {
	background-color: gray 
}


td.separator {
	text-align: center;
	background-color: silver;
}


/*
   Example text
 */

td.example {
 	background-color: #FFFFDD;
}

span.example {
/*	color: purple;*/
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}


div.example {
 	background-color: #FFFFDD;
        padding: 8px;
        display: table-cell;
        text-align: center;
}

.sample {
	font-weight: bold;
}


/*
   Translated text
 */

.translation {
	font-style: oblique;
	color: navy;
}

span.translation:before {
	content: open-quote;
}

span.translation:after {
	content: close-quote;
}


/*
   IPA transcriptions
 */

.ipa:before {
	content: "[";
}

.ipa:after {
	content: "]";
}

/*
   Literals
 */

.literal {
	font-style: oblique;
	color: navy;
}

.literal:before {
	content: open-quote;
}

.literal:after {
	content: close-quote;
}


/*
   Various text types
 */

.comment {
	font-style: italic
}

.expl {
	font-style: italic
}

sup {
	font-size: x-small;
}

.footnote {
	font-size: 80%;
	border-top: 2px solid black;
}

.katharevusa {
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 1em;
	padding: 1em;
	border: 1px gray solid;
	font-size: 80%;
	color: gray;	
}

.error {
}

.date {
      width: 40%;	
}

/*
   News subsystem
   --------------
 */

.subject {
	font-style: italic;
}

.itemdate {
	color: gray;	
}

.itemsubject {
	font-style: italic;
}

.itemtext {
	border-top: 1px solid gray;
	padding-top: 1em;
}

table.news-summary {
	width: 80%;
	font-size: 80%;
}


#news-content {
	display: table;
	width: 100%;
}

#news {
	display: table-row;
}

#news-summary {
	display: table-cell;
}

#news-article {
	display: table-cell;
	max-width: 80%;
	width: auto;
	empty-cells: hide;
	margin-left: 1em;
	padding-left: 1em;
}

#news-header {
	display: table;
	width: 100%;
}

.permalink {
	display: table-cell;
}