* { padding:0; margin:0; }
img { border:none; }
html { overflow-x:hidden; } 
body { background:#444 url('small-stripe.gif');
       font-family:sans-serif; font-size:90%; } 
#global { width:700px; margin:1em; }
#global, #footer { padding:.2em 1em; background:#DDD; /*margin:auto;*/}

/* ------------------- LINKS & NAV ------------------- */
a:hover { color:#F06; text-decoration:none; } 
#header { text-align:center; }
  #header h1 a { text-decoration:none; color:#FFF; }
#navigation { width:550px; margin:auto; position:relative; z-index:1; }
  #navigation ul li { display:inline; margin-right:.5em; margin-bottom:0; list-style-type:none; } 
    #navigation ul li a { text-decoration:none; }  
#footer a { color:#000; } 

/* ------------------- HEADLINES ------------------- */
h1 { font-size:270%; font-weight:lighter; }
h2 { font-size:250%; font-weight:normal; font-variant:small-caps; }
h3 { font-size:180%; font-weight:normal; padding-top:.85em; }
h4 { font-size:140%; font-weight:normal; padding-top:.85em; padding-bottom:.65em; }

/* ------------------- MAIN STYLES ------------------- */
#cover { width:600px; margin:0 auto; }
#content { background-color:#FFF; padding:2em; border-top:2px solid; border-bottom:2px solid;
           overflow:auto; clear:both; position:relative; z-index:2; /*opacity:.9; filter:alpha(opacity=90);*/  }
#content h2 { margin-bottom:.35em; }

#footer { /*margin-top:1em;*/ padding:1em 1em .5em 0; }
#copyright img { float:left; margin-right:1em; vertical-align:middle; }
#copyright p { font-size:80%; margin-top:0; }
p { line-height:120%; margin-bottom:.45em; }
p.reference { font-size:80%; margin:.5em; }
p.note { font-size:80%; margin:0; padding-top:.8em; }
p.img-foot { font-size:80%; border-top:1px solid #CCC; border-bottom:1px solid #CCC;
             background-color:#EEE; text-align:center; padding:0; margin:1em 0 3em 0; }
.flv-wrap { text-align:center; margin-bottom:1em; background-color:#F5F5F5; padding:.5em; }

.column { width:48%; margin-top:.3em; }
.col-left { float:left; }
.col-right { float:right; }
.vspace { margin-top:2em; }

code { font-size:120%; background:#EEE; }
acronym { cursor:help; border-bottom: 1px dotted #000; }
blockquote { background:transparent url('quote-open.png') no-repeat left top; padding-left:50px; padding-top:10px; }
  blockquote p.autor { font-weight:bold; font-size:80%; font-style:italic; text-align:right; }
noscript { color:#C00; }
fieldset { border:none; }

.clear { clear:both; }
.right { text-align:right; }
.center { text-align:center; margin:0 auto;}

.error { color:red; font-size:80%; font-weight:bold; }
.disclaimer { padding:1em; background:#EEE url('bg-disclaimer.gif');
              border-top:1px solid #F33; border-right:5px solid #F33;
              border-bottom:1px solid #F33; border-left:1px solid #F33;  }

/* ------------------- LISTS ------------------- */
ul, ol { padding-left:2em; } 
ul { list-style-type:square; } 
  ul li { margin-bottom:1em; }  
li.reference-section, ul.changelog-list { list-style-type:none; } 
ul.changelog-list { padding:.2em; } 
  ul.changelog-list li { margin-bottom:0; }

ul#commented { padding-left:0; list-style-type:none; }
  ul#commented li:first-child { margin-top:0; }
    ul#commented li .header { font-size:85%; color:#555; padding:.2em .5em; }
    ul#commented li blockquote { min-height:30px; }
.comment-user, .comment-admin { margin:1em auto; }
.comment-user .header { border-bottom:1px solid #DDD; }
.comment-admin .header { border-bottom:1px solid #AAA; }
.comment-user blockquote { background:transparent url('quote-close-user.png') no-repeat right top; }
.comment-admin blockquote { background:tranparent url('quote-close-admin.png') no-repeat right top; }
/*
.bqstart { float: left; height: 45px; margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #FF0000; }
.bqend { float: right; height: 25px; margin-top: 0px; padding-top: 45px; font-size: 700%; color: #FF0000; }
*/

/* ------------------- FORMS ------------------- */
#form { margin:0 auto; width:400px; padding:1em; border:1px solid #EEE; }
  #form input, #form textarea, #form select { width:98%; }
  #form input:focus, #form textarea:focus, #form select:focus { background-color:#FFF; }
  #form input.hide { display:none; } 
#form label, #form input { display:block; } 
#form input, #form textarea, #form select { color:#000; background:#EEE; border:1px solid gray; font-family:sans-serif; padding:2px; } 
#form .submit-form { background:#EEE; padding:0.4em 4px; border:3px double #999; cursor:pointer; width:100%;
               border-top-color:#ccc; border-left-color:#ccc; font:bold 1.4em sans-serif; color:#555; }
#donate { margin:0; padding:0; }
  #donate input { margin:0; border:1px solid gray; }
  #donate input.image { border:none; vertical-align:middle; margin-left:1em; }

#preview-box { margin-top:.2em; margin-bottom:.6em; border-bottom:1px solid #CCC; }
  #preview-box p { font-style:italic; border-bottom:1px solid #CCC; }
  #live-preview { margin-bottom:.45em; } /* same as default P style */

/* ------------------- TAG CLOUD ------------------- */ 
.tag9 { color:#FFF; font-size:2.6em; } 
.tag8 { color:#EEE; font-size:2.4em; } 
.tag7 { color:#BBB; font-size:2.2em; } 
.tag6 { color:#AAA; font-size:2em; } 
.tag5 { color:#888; font-size:1.8em; } 
.tag4 { color:#666; font-size:1.6em; } 
.tag3 { color:#444; font-size:1.4em; } 
.tag2 { color:#222; font-size:1.2em; font-weight:bold; } 
.tag1 { color:#000; font-size:.8em; font-weight:bold; }

/* ------------------- BUG REPORT (deprecated) ------------------- */
#submit-bug { margin-top:2em; }

ul#filled-bugs .bug-note { margin-top:.2em; font-size:80%; }
ul#filled-bugs span { font-weight:bold; }
  ul#filled-bugs span.open { color:green; }
  ul#filled-bugs span.closed { color:red; }
  ul#filled-bugs .bug-desc { padding-bottom:.3em; border-bottom:1px solid #666; }
  ul#filled-bugs .replied { margin-left:2em; margin-bottom:1em; padding-left:.3em; padding-bottom:.1em; border-bottom:1px solid #BBB; }
.rcount { font-size:110%; font-style:italic; }
.hilite { background-color:#EEE; }
.replyadmin { border-left:5px solid #000; }

ul#filled-bugs h4 { margin:0 auto; padding:0; border-right:5px solid #CCC; } 
.pointer { cursor:pointer; }

/* ------------------- OTHERS ------------------- */
table * { padding:.2em; }

table#comparison { width:100%; table-layout:fixed; }
  table#comparison caption { font-size:80%; font-style:italic; }
  table#comparison thead { background-color:#DDD; }
  table#comparison tbody { text-align:center; }
    table#comparison tbody td:first-child { text-align:left; padding-left:.3em; }
  table#comparison td { background-color:#F5F5F5; }
  
.rss { text-align:center; margin:0; padding:0; height:45px; background:transparent url('rss_half.gif') no-repeat top center; }