* { border: 0; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #0fc; text-shadow: 0 0 .0625em #0fc }
a:hover { color: #6f9; text-shadow: 0 0 .25em #6f9 }
a:active { color: #cf6 }
address { font-style: normal; text-align: right }
body { margin: auto; width: 900px }
button, img, input, select, textarea { vertical-align: bottom }
button { background: #0fc; color: #000; padding: 12px 18px }
button:hover { background-color: #6f9 }
cite, dfn, em, i, var { font-style: italic }
code, pre, samp { font-family: monospace }
h, h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal }
h1 { font-size: 2em; line-height: .75; margin: 0 0 .75em 0 }
h2 { font-size: 1.5em; line-height: 1; margin: 0 0 1em 0 }
h3 { font-size: 1.25em; line-height: 1.2; margin: 1.2em 0 0 0 }
html { background: url('bg.20081201.jpg') #000 no-repeat center top; color: #ccc; font: normal 80%/1.5 sans-serif; overflow-y: scroll; padding: 30px 0 0 0 }
input, select, textarea { background: #564; font-family: sans-serif }
input:focus, select:focus, textarea:focus { background: url('input.png') #9cf repeat-x }
li { display: list-item; margin: 0 0 0 1.5em }
pre { white-space: pre }
table { display: table; empty-cells: hide }
td, th { display: table-cell; text-align: left; vertical-align: top }
textarea { width: 100% }
tr { display: table-row }

a img.photo { border: 1px solid; padding: 1px 2px }
img.avatar { border: 1px solid #fff }


.actions { text-align: right }
.display { text-align: center }
.feed { position: absolute; right: 24px; top: 16px }
.meta {  }
.rating .value { color: #fc0 }

.s { background: #000; border-color: #111 #222 #444 #333; border-style: solid; border-width: 2px 3px; float: left; margin: 4px 6px; padding: 12px 18px }

.c1 { background: url('c1.png') #000 no-repeat; width: 126px }
.c2 { width: 306px }
.c3 { background: url('c3.png') #000 no-repeat; width: 486px }
.c4 { background: url('c4.png') #000 no-repeat; width: 666px }
.c5 { background: url('c5.png') #000 no-repeat; width: 846px }
.c6 { width: 1026px }
.c7 { width: 1206px }
.c8 { width: 1386px }
.c9 { width: 1566px }
.r1 { height: 84px }
.r2 { height: 204px }
.r3 { height: 324px }
.r4 { height: 444px }
.r5 { height: 564px }
.r6 { height: 684px }
.r7 { height: 804px }
.r8 { height: 924px }
.r9 { height: 1044px }

.comment .author { float: left; padding-right: 1.125em }

body .banner { height: 84px }
body.home .banner { height: 204px }
body.home .banner .description { font-family: 'Georgia', serif; font-size: 2em; font-style: italic; line-height: 1; position: absolute; top: 54px; width: 216px }
body.home .banner .description .amp { font-family: 'Baskerville', 'Goudy Old Style', 'Palatino', 'Book Antiqua', serif; line-height: 0 }

body.home .h { position: relative }
body.home .h h1 { font-size: 10em; line-height: 1.5; margin: 0 auto; overflow: hide; padding: 0; text-align: center; width: 486px }
body.home .h h1 a { background: url('logo') transparent no-repeat top center; display: block; height: 100%; text-indent: -9999px }
body.home .h h1 a:hover { background-image: url('logo-h') }

#m { background: url('http://fajah.net/header') transparent repeat-x; height: 24px; left: 0; list-style: none; margin: 0 0 6px 0; padding: 0 0 6px 0; position: fixed; top: 0; width: 100% }
#m ul { margin: 0 auto; padding: 0 18px; width: 864px }
#m ul li { display: block; float: left; list-style: none; margin: 0 9px; padding: 0 }

.login, .logout { height: 84px; padding: 12px 18px; position: absolute; right: 0; text-align: right; top: 0; width: 126px }


#content { float: left; position: relative }
#content img { max-width: 480px }

#logo { font-size: 3em; line-height: 2; overflow: hidden; width: 126px }
#logo a { background: url('logo-s.png') #000 no-repeat; display: block; text-align: center; text-indent: -9999px }
#logo a:hover { background-image: url('logo-s-m.png') }

.footer { background: transparent; border-color: #000; text-align: center }

ul.index { margin: 1.5em 0 }
ul.index li { display: block; float: left; margin: 0; padding: 0 18px; width: 126px }