/* === page layout === */
@media screen {

#root { text-align:center; }
#frame { width:906px; margin:0 auto 0 auto; text-align:left; }
#header { }
#footer { clear: both; }
#left { width:15em; padding:0 0 0 0; float:left; }
#right { width:200px; margin: 0 0 0 5px; float:right; }
#content { width:700px; float:left; overflow:hidden; }
#header a, #header a:hover, #header a:visited { text-decoration: none; }
#left div.block { margin: 0 0 0 0; }
#right div.block { margin: 5px 0 0 0; }
#content div.entry { margin: 5px 0 0 0; width: auto; }

/* === global element style === */
body { font-family:verdana, lucida, arial, helvetica, sans-serif; font-size:1em; background:#ddd; }
hr { width:95%; height: 1px; border:0; background:#246; }
img { border-style: none; }
abbr, acronym { cursor:help; border-bottom:1px dashed black; }

/* -- block style -- */
div.block { padding:0px 5px 5px 5px; border-width:1px; border-style:solid; }
div.block h4 { font-size:100%; margin: 0 -5px 5px -5px; padding:0px 2px 0px 2px; }
div.block h4 a, div.entry h4 a { color:#024; text-decoration: none; }
div.block a {
  font-size: 90%;
  color: #135;
  text-decoration: none;
}
div.block a:hover {
  color: #bde;
  background-color: #135;
}

/* -- entry style -- */
div.entry { padding:0; border:1px solid #202; color:#202; background-color:#eee; overflow:auto; }
div.entry h4 { font-size:100%; margin:0; padding:0 4px; }
div.entry h4.unlocked { color: #245; background-color: #bcd; border-color: #9ab; }
div.entry h4.locked { color: #542; background-color: #dcb; border-color: #ba9; }
div.entry span.date, div.entry span.right, div.entry span.menu { color:#678; font-weight:bold; font-style:italic; font-size:85%; }
div.entry span.date, div.entry span.right { float:right; }
div.entry div.content { margin:0; padding: 0 4px; overflow: auto; }
div.entry div.comment { margin:0; padding: 0 4px; overflow: auto; border-top:1px solid #646; color:#555; background-color:#e3e3e3; }
span.editbutton, span.commentbutton, span.removebutton, div.entry span.entrybutton { cursor:pointer; color:#246; }
span.noeditbutton, span.nocommentbutton, span.noremovebutton, div.entry div.nocomment { display: none; }
span.commentlabel { float:right; margin:-5 5 20 0; padding:0 5; border:1px solid black; background-color:#ebebeb; }

/* -- list style -- */
ul li, ol li, dl dt { margin-top: 0.2em; }

/* -- preformatted -- */
pre, code { font-family:"Courier New" }

/* -- technorati links -- */
a.tag { color: #390; background: url(/img/technorati.gif) 0 0.3em no-repeat; padding-left: 13px; }

/* -- comment box -- */
#commentbox div.modified {
  width:100%; height:8em; overflow:auto;
}
#commentbox ins {
  display: block;
  text-decoration: none;
  margin: 0 0 0.2em 0;
}
#commentbox ins.newEnt, #commentbox ins.removeEnt, #commentbox ins.editEnt {
  display: none;   /* comments only */
}

/* -- entry edit box -- */
#drag, #dragbox { position:absolute; z-index:10; background-color:#F4F4F4; font-family:verdana, sans-serif; 
           font-size:85%; }
#titlebar { margin:2px;	padding:2px; color:white; background-color:navy;font-weight: bold; 
            cursor:default; }
#clientarea { color:black; padding:2px; background-color:#ffe;
              overflow: auto;}

/* === colors === */
.lightgray { color: #111; background-color: #eee; border-color: #777; }
.mediumgray { color: #000; background-color: #bbb; border-color: #aaa; }
.valid { color: #202; background-color: #cdc; border-color: #202; }
.invalid { color: #022; background-color: #dcc; border-color: #022; }
.textboxcolor { color: #022;background-color: #cde; }

/* -- skin: blue -- */
.darkdark { color: #def; background-color: #678; }
.dark { color: #024; background-color: #89a; }
.mediumdark { color: #035; background-color: #9ab; border-color: #012; }
.medium { color: #024; background-color: #a7b6c9; border-color: #678; }
.mediumlight { color: #245; background-color: #bcd; border-color: #9ab; }
.light { color: #134; background-color: #c8d9de; border-color: #678; }
.lightlight { color: #111; background-color: #ddd; border-color: #777; }
.focus { background-color: #def; }
.alert { color: #012; background-color: #dcb; border-color: #333; }

} /* @media screen */

@media print {

#header, #footer, #left, #right, div.entry span.right { 
  display: none; 
}

div.entry h4 span.entryTitle {
  font-size: 150%;
}

/* TODO: move back to wiki css */
*.wiki blockquote { border:solid 2pt #000;}

} /* @media print */