body { margin: 5px 0 0; padding: 0; text-align: center; background: url('bg.gif') 0 3px repeat-x; }
body.warning { margin-top: 29px; background-position: 0 29px; border-width: 0; }
#top { direction: rtl; position: absolute; top: 0; left: 0; width: 100%; height: 5px; text-align: center; font-size: 0; color: #fff; background: #0a8e20; }
body.warning #top { height: 29px; font-size: 9.5pt; line-height: 27px; }
body.warning #top a { color: #fff; }

body, td { font-family: arial, sans-serif; font-size: 9.5pt; }
th { text-align: right; border-bottom: 1px solid #bbb; }

#page { position: relative; width: 720px; margin: 0 auto; padding: 130px 147px 0 0; text-align: right; }
*html #page { width: 867px; }
#page * { direction: rtl; }

a { color: #0a8e20; }
a:hover { color: #71b610; border-color: #71b610; }
a img { border: 2px solid #0a8e20; } 
a:hover img { border-color: #71b610; }

h1 { position: absolute; top: 3px; right: 0; width: 159px; height: 52px; margin: 0; overflow: hidden; }
#logo { width: 159px; height: 52px; background: url('logo.png') repeat-y; }

h3 { position: absolute; top: 85px; right: 147px; font-size: 12pt; }

#menu { position: absolute; top: 63px; right: 136px; width: 100%; height: 30px; }
#menu * { height: 30px; }
#menu .item { float: right; direction: ltr; margin-left: 12px; padding-right: 9px; background: url('rbw.png') right top no-repeat; }
*html #menu .item { width: 0; }
#menu .item a { display: block; margin-right: -9px; line-height: 100px; overflow: hidden; }
#menu .item div { background: url('lbw.png') left top no-repeat; }
#menu .item a#blog { width: 63px; background: url('blogw.png') 10px 2px no-repeat; }
#menu .item a#notes { width: 96px; background: url('notesw.png') 11px 2px no-repeat; }
#menu .item a#about { width: 76px; background: url('aboutw.png') 10px 2px no-repeat; }

#menu .item.selected { background-image: url('rb.png'); }
#menu .item.selected div { background-image: url('lb.png'); }
#menu .item a#blog:hover, #menu .item.selected a#blog { background-image: url('blog.png'); }
#menu .item a#notes:hover, #menu .item.selected a#notes { background-image: url('notes.png'); }
#menu .item a#about:hover, #menu .item.selected a#about { background-image: url('about.png'); }

#content { float: right; width: 535px; border-left: 1px solid #bbb; }
#nav { float: left; width: 184px; margin-right: -1px; border-right: 1px solid #bbb; }
#nav>* { margin-right: 15px; } #content>* { margin-left: 15px; }
*html #content { width: 536px; padding-left: 15px; } *html #nav { width: 185px; padding-right: 15px; }

.box { margin: 1px 0 25pt; }
#nav .box { margin-bottom: 15pt; }

h2 { margin: 0 0 10pt; font-size: 11pt; line-height: 9pt; border-bottom: 1px solid #bbb; }
h2 a { color: #000; text-decoration: none; }
h2 a:hover { color: #000; }

.datetime { float: left; margin: -10pt 0 0; font-size: 7.5pt; line-height: 6.9pt; }
p { margin: 0 0 10pt; text-align: justify; }
span.hlt { background: #ffff00; }

.postdata { font-size: 8pt; }
.postdata .links { float: left; }

form { margin: 0; }
form .ex { text-align: center; }
form .ex.error { color: #d00; font-weight: bold; }

.box table { width: 100%; }
#page .eng { direction: ltr; unicode-bidi: embed; }

#calendar { height: 95pt; margin-bottom: -10pt; }
#calendar * { direction: ltr; }
#calendar table { width: 154px; margin: -2px 7px 0 0; }
#calendar table th, #calendar table td { width: 15%; padding: 0; text-align: center; font-size: 7.5pt; line-height: 11pt; }
#calendar table th { border-bottom: 1px solid #bbb; }
#calendar table th span { cursor: pointer; }
#calendar table td { color: #888; }
#calendar table td a { font-weight: bold; }
#calendar table td.today a { text-decoration: underline overline; }

#search, #updates { font-size: 8pt; }
#search input, #updates input, #search select, .reply form input, .reply form textarea { width: 117px; font-family: arial, sans-serif; font-size: 8pt; border: 1px solid #888; }
#search input.s, #updates input.s { width: 48px; background: #e3e2dc; }
#updates input.c { width: 10px; height: 10px; margin: 0; vertical-align: middle; }
#updates #rss { height: 16px; padding-right: 20px; line-height: 16px; background: url('feed.png') right no-repeat; }

#comments { margin-top: -5pt; }

h6 { margin: -10px 0 1px; text-align: right; font-size: 13px; font-weight: normal; line-height: 17px; }
.message { padding: 0 15px 0 0; }
.message.parent0 { padding: 0; }
.separator { border-top: 1px solid #bbb; overflow: hidden; margin: 1px 0; }
.Ftitle { margin-right: 4px; width: 100%; }
.titleImp { font-weight: bold; }
.title a { text-decoration: none; }
.info { float: left; margin-left: 1px; margin-top: 4px; font-size: 7.5pt; line-height: 7.5pt; }
.userName { font-size: 7.5pt; unicode-bidi: embed; }
.Fcontent { width: 100%; display: none; }
.Fcontent.shown { display: block; }
.msgText { margin-right: 3px; padding: 2px 11px 0 0; }
.tools { border-top: 1px solid #bbb; margin: 3px -3px 1px 0; padding-right: 3px; font-size: 7.5pt; font-weight: normal; line-height: 7.5pt; }
.Flink { text-decoration: underline; cursor: pointer; }
.message .Flink { text-decoration: none; }

.reply form { position: relative; margin: 0 0 -1px; padding: 3px 0 2px; border: 1px solid #bbb; border-right-width: 0; }
.message .reply form { margin: 0 0 -1px; border-bottom-width: 0; }
.reply form span { position: absolute; right: 7px; }
.reply form input, .reply form textarea { position: relative; right: 50px; width: 200px; margin-bottom: 2px; }
.reply form textarea { height: 70px; }
.reply form input.s { position: relative; right: 50px; width: 50px; }
.reply form input.s.left { right: 150px; }
.message .reply form { margin-right: 11px; padding-right: 3px; }
.reply form div.exp { font-size: 10px; line-height: 11px; padding: 0 50px 0 5px; }

.toggler { cursor: pointer; }
.box.t { display: none; }

.copyright { position: absolute; top: 0; left: 3px; text-align: left; font-size: 6pt; color: #aaa; }

.update { margin: -5px 0 11px; }
.update span { display: block; margin: 0 0 -4px; font-size: 7.5pt; }
.update a { color: #000; }
.update a:hover { color: #0a8e20; }
hr { border: 0 solid #eee; border-top-width: 1px; }

span.tiny { font-size: 7pt; }
div.centred { text-align: center; margin: -3px 0 5px; }