/* General style for all pages (unless overwritten below) */

@font-face { font-family:"drink"; src:url(/drink.ttf) format("truetype"); }
@font-face { font-family:"six"; src:url(/ElliotSix.ttf) format("truetype"); }
@font-face { font-family:"curly"; src:url(/whims.eot); }
@font-face { font-family:"curly"; src:url(/whims.ttf) format("truetype"); }

html { font-size:100.01%; }
body,td { color:black; text-align:center; font-family:Helvetica,Geneva,Swiss,sans-serif; font-size:14px; vertical-align:top; }
body { background:#c8c8c8; }
a { color:#909; }
a img { border:none; }

.fancybox-title { color:white; font-weight:bold; }
.fancybox-title a { padding:0 10px; color:white; }

#container { position:relative; margin:auto; width:80%; width:1134px; background:#c8c8c8; text-align:left; }

#header { position:absolute; z-index:9; text-align:center; width:491px; }
#header h1 { height:91px; width:491px; background:url(/pics/fff-top.png) no-repeat; margin-left:233px; }
#header h1 span { display:block; margin-left:-10000px; color:transparent; text-decoration:none; }
#header a { text-decoration:none; }

#leftbar { position:absolute; left:0; top:-3px; width:320px; height:637px; background:url(/pics/fff-left.jpg) no-repeat; margin:auto; }
#leftbar #menu { position:absolute; margin:-2px -35px; }
#leftbar a { position:absolute; border:none; }
#leftbar a img { border:none; }
#leftbar a img:hover { border-left:1px solid transparent; zoom:1.1; -moz-transform:scale(1.1); }
#newspeak { position:absolute; top:360px; left:59px; text-align:center;}
#newspeak div { height:133px; width:90px; display:block; }
#newspeak a { position:static; }

#rightbar { position:absolute;right:0; top:-6px; width:536px; height: 608px;  background:url(/pics/fff-right.jpg?sk) no-repeat; }
#rightcon { font-family:curly,Helvetica,"Arial Narrow","Gill Sans"; font-size:18px; margin: 95px 57px 0px 274px; text-align:center; }
#rightbar a { color:#600; text-shadow:-1px -1px 1px #fcf; display:block; margin:5px 0; text-decoration:none; }
#rightbar #middle { background:url(/pics/dickline.png) no-repeat; background-position:center top; padding-top:50px; }
#memberslogin:hover { -moz-transform:scale(1.1); zoom:1.1;}
#rightbar h2 { font-size:120%; }
#rightbar h3 { margin:7px 0 2px; font-size:100%; font-weight:normal; }
#rightbar #intro { font-size:90%;  }
#rightbar ul { margin:0; padding:0; text-align:left; list-style-type:none; }
#rightbar li { margin:8px 0; padding:0; } 
#rightbar #archives a { display:inline; }
#rightbar #naviglinks a { text-decoration:none; color:#aad; }
#rightbar #diarymenu a { margin:0px 0; }
#rightbar #recent { font-family:curly,sans-serif; font-size:1.1em;}

#content { position:absolute; z-index:2; left:263px; top:94px;  width:523px; height:430px; overflow:auto; overflow-x:hidden;}
#upform { margin:4px 0; }
#upform #progress { display: none; }
#upform div { margin-top: 4px; }
.progress { width: 300px; border:1px solid #ccc; background:#eee; padding: 0; }
.progress span { display: block; width: 0px; height: 10px; background:#69c; }
#slogan { z-index:0; position:absolute; left:221px; top:495px; width:419px; height:108px;  background:url(/pics/fff-bottom.png) no-repeat; text-align:center; }
#slogan h2 { margin:43px 6px 0 0; }

/* blog */
.entry,.comment { margin:20px 0; font-size:13px; line-height:130%; }
.entry h2.header a img { border:none; }
.entry h2.header { margin:0 0 1em 0; color:#a00; text-align:left; line-height:130%; }
.entry h2.header a { text-decoration:none; color:#a00; }

.entry .meta { float:right; font-size:12px; font-family:Helvetica,sans-serif; }
.entry .meta a { text-decoration:none; color:#a00;  border-bottom:1px dotted #a00; }
.entry blockquote { color:#333; margin:0 1em; padding-left:1em; border-left:2px dotted #666; }
.entry a img { border:1px outset #909; margin:2px;  }
.entryfooter { font-size:12px; color:#a00; margin-top:2em; font-weight:bold; }
.entryfooter a { margin:0 5px; text-decoration:none; color:#a00;  border-bottom:1px dotted #a00; }

.comments { text-align:left; font-size:14px; }
.comments h3 { font-family:curly; font-size:22px; margin-top:2.5em; color:#a00; } 
.comment { width:380px; border:1px solid #666; -moz-border-radius:15px; border-radius:15px; padding:10px; background:#cfcfcf; }
.comment p { margin:0.3em 0; }
.comments h3#addcomment { margin:2em 0 5px 0; padding:0; color:#a00; } 
.comment form p { margin-bottom:0.8em; }
.comments input[type="text"] { background-color:#fff; color:#000; border:2px solid #89a; margin-bottom:1em; }
.comments textarea { width:100%; padding:0.2em; background-color:#fff; color:#000; border:2px solid #89a; }

.naviglink { text-align:center; margin:1em 0 2em; padding:2px; font-size:1em; }
.naviglink a { padding:1em; }

/* galleries */

.mediatable { text-align:center; }
#movietable { margin-left: -10px; }
#pictable { margin:auto; width:450px; }
.mediatable td { vertical-align:middle; }
.mediatable img { padding:2px; border:1px solid #999; }
.index img { margin:1px; border:2px solid #999; width:90px; height:90px; }
.index img:hover { border:2px solid #f6f; }
td.latest { vertical-align:center; } 
td.intro img { padding:0; border:none; width:auto; height:auto; }
th { font-size:90%; font-weight:normal; padding-bottom:10px; }
.orange { color:#c30; }
.pink { color:#c09; }
.large { font-size:130%; }


#download { margin:10px; color:#999; }
#download a { color:#999; }
td#oldlink { width:100%; font-weight:bold; font-size:1.5em; padding-top:20px; }
.navig { vertical-align:bottom; padding:10px 0; }
.navig a+a { padding:0px 8px; }
.navig a.current { font-weight:bold; text-decoration:none; color:#666; }
.navig span { padding:0px 12px 0 4px; color:#909; }
#prev { text-align:left; }
#next { text-align:right; 

#main { margin-left:auto; margin-right:auto; text-align:left; }
.noborder, .noborder img { border-width:0; }
.purple { color:#f6f; }
.big { font-size:1.0em; }
.small { font-size:0.7em; }
#langsel a img { border:1px solid #888; margin:0 3px; }

/* Startpage */

#startpage div { width:300px; margin:10px auto; text-align:center; }
#startpage h2 a { color:#f00; }