/* Body is black-on-grey */
/* body { margin: 0px; background-color: #909090;  text: black; } */
body { background-color: #bbbbbb;  text: black;  
       font-family: Verdana, Arial, sans-serif; }

/* Standard link colors */
a         { color: blue;   text-decoration: underline; }
a:visited { color: purple; text-decoration: underline; }
a:hover   { color: red;    text-decoration: underline; }

/* Links that should be "hidden" but active */
a.quiet          { color: black;  text-decoration: none; }
a.quiet:visited  { color: black;  text-decoration: none; }
a.quiet:hover    { color: red;    text-decoration: none; }

.quote { 
    float: right; font-style: italic; margin-left: 10px; 
    margin-right: 10px; min-width: 200px; font-size: small; padding: 5px; 
    border: 1px solid black; text-align: justify;
    max-width: 40%;
}

.quoteinfo:before { content: "--" ; padding-right: 5px; }
.quoteinfo { 
    font-style: normal;
    text-align: right; margin-top: 0px; 
    margin-bottom: 3px; margin-right: 2px; 
}

#book_record table { border: 1px solid black; }
#book_record td    { border: 1px solid black; }

#tpb_record table { border: 1px solid black; }
#tpb_record td    { border: 1px solid black; }

#content p     { text-align: justify; margin: 0px; padding: 0px; }
#content p + p { margin-top: 10px; }

/* sidebar layout */

#sidebar { 
    background-color: #bbbbbb; text: black; font-size: small;
    line-height: 2ex; margin-left: padding: 1ex; margin-bottom: 20px;
    margin-left: 20px; width: 10%; min-width: 100px; float: right;
}

.sidebar { 
    background-color: #bbbbbb; text: black; font-size: small;
    line-height: 2ex; margin-left: padding: 1ex; margin-bottom: 20px;
    margin-left: 20px; width: 10%; min-width: 100px; border: 0px;
}


#sidebar ul { 
    border: 0; margin: 0 0 0 5px; padding: 0 0 0 5px; list-style-type: none; 
}
#sidebar li { border: none; margin: 0; padding: 0; list-style-type: none;
              font-weight: normal; color: #999999; line-height: 120%; }

#sidebar p { margin: 0; padding: 0; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { 
    font-weight: bold; display: block; color: black;  
    text-decoration: none; font-size: 100%; margin-left: 5px; 
    margin-top: 0px; margin-bottom: 2px; 
}

#comments {
    margin-top: 10px; 
    padding-top: 5px;
    border-top: 1px dashed gray;
    clear: left;
}

#comments:before { content: "Comments"; font-size: large; font-weight: bold; }

/* ======================================================== */
/*      Created by Devit Schizoper
        */
/*      Created HomePages http://LoadFoo.starzonewebhost.com    */
/*      Created Day 01.12.2006
        */
/* ======================================================== */


ul {
        margin:0;
}

a {
        color: #347272;
}

a:hover {
        text-decoration: none;
}

blockquote{
        background: #F7FDE3;
        color: #606060;
        padding: 10px;
}


/**** Main Container ***/


#wrap {
       margin-left: auto;
       margin-right: auto;
       width: 730px;
}


/**** Top ***/


#top {
        font-size: 0.8em;
        width: 100%;
        height: 88px;
        color: #fff;
        background: #000 url(/images/top_bg.gif);
        overflow:hidden;
}

#top h2 {
        color: White;
        letter-spacing: 3px;
        font-size: 2.0em;
        font-weight: normal;
        position: relative;
        margin: 0px;
        top:33px;
        display:block;
        float:left;
        background: url(/images/bg_t.gif) no-repeat;
        padding-left: 10px;
}

#top h2 a {
        color: white;
        text-decoration: none;
}

#top h2 a:hover {
        color: #347272;
}


/**** Main Menu ***/


#menu {
        display: block;
        float:right;
}

#menu ul {
        margin: 0;
        list-style: none;
}

#menu li {
        display: block;
        float: left;
        white-space: nowrap;
}

#menu li a {
        display: block;
        padding: 55px 10px 12px 10px;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
}

* html #menu a {width:1%;}

#menu li a:hover {
        background: url(/images/bg_menu.gif);
}

#menu li a.current {
        letter-spacing: 1px;
        color: gray;
        background: url(/images/bg_menu.gif);
}

#menu li a.current:hover {
        color: #fff;
}


/**** Content Container ***/

#content {
    min-width: 500px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}


#content h1 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    clear: left;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    clear: left;
}


.imgright {
  background-color: white;  float: right;  margin-left: 10px;
  text-align: center;  font-size: small; 
}

.imgleft {
  background-color: white;  float: left;  margin-right: 20px;  
  text-align: center;  font-size: small; 
}

.imgcenter {
  background-color: white;  float: middle;  margin-right: 10px;
  text-align: center;  font-size: small; clear: both;
}



/**** Content ***/

#logo { float: right; margin: 32px 32px 32px 32px; }
#screenshot { text-align: center; margin: 32px 32px 32px 32px; }
#screenshot img { border: 2px solid #347272; }

#left ul {
        padding: 15px 0 15px 35px;
        margin:0;
}

#left li {
        margin-bottom:5px;
}

#left {
        width: 700px;
        float:left;
        display: block;
        margin-left: 20px;
        display: inline;
}


/**** Sidebar ***/


#right {
        width: 0px;
        float: right;
        display:block;
        margin-top: 10px;
}

#right .box {
        width: 24em;/*280px*/
        background: #F6F9FB;
        border: 1px solid #E1E1E1;
        padding:10px 10px 15px 10px;
        float: right;
}

#right .box h2 {
        font-size: 1.1em;
        margin: 0px 0 0px 0;
        padding:0px 0 5px 0;
}

#right .box a {
        margin: 10px 0 10px 0;
        color: #347272;
        font-size: 10px;
}

#right .box p {
        margin: 5px 0 10px 0;
        line-height: 15px;
}

#right .box ul {
        padding: 0 0 7px 20px;
        margin:10px 0 10px 0;
}

#right .box li {
        margin-top:5px;
}

#nav{ list-style: none; margin: 2.0em 0; width: 25em; float: right;}
#nav li{ padding: 0; margin: 0; }
#nav a{
        display: block;
        height: 2.0em;
        padding: 0.3em 0.3em 0.3em 0.8em;
        border-bottom: 2px; /*solid #1a1a1a*/
        border-top: 2px; /*solid #1a1a1a*/
        color: #347272;
        background-color: #F7F9FB;
        font-weight: bold;
        text-decoration: none;
        }

#nav a:hover{
        color: #1a1a1a;
        background: url(/images/bg_t.gif) no-repeat;
        background-color: #fff;
        font-weight: bold;
        }

/**** Clear Div ***/


#clear {
        display: block;
        clear: both;
        width: 100%;
        height:1px;
        overflow:hidden;
}


/**** Footer ***/

#pageinfo
{
    margin: 0em 0;
    border-top: 0;
}

#footer {
    clear: both;
    margin: 5px auto 0 auto;
    border-top: dashed 1px gray;
    padding: 5px 0 20px 0;
}

#footer p {
    margin: 0px;
    padding: 0;
    display: inline;
}


div.recentchanges {
    clear: left;
    font-size: small;
    width: 85%;
}

.recentchanges .changelog {
    clear: left;
}

.pagecopyright, .pagelicense { 
    float: right; font-size: small; clear: right; font-style: normal;
    text-align: right; line-height: 2ex; margin-left: padding: 1ex; 
    margin-bottom: 0px; width: 25%; min-width: 100px; margin-top: 2px;
}

#backlinks { 
    float: left; margin-top: 0; width: 50%; 
    font-size: small;
}

.pagedate {
    clear: left; margin-top: 0px; font-size: small;
}

.actions { clear: left; }

/* Movie Reviews */

#reviews { max-height: 500px; float: left; width: 85%; overflow: auto; }
.review  { clear: left; font-family: monospace; margin-left: 10px; 
           margin-right: 10px; }

.review .title  { min-width: 300px; max-width: 45%; float: left; }
.review .rating { min-width: 150px; max-width: 20%; float: left; }
.review .date   { min-width: 100px; max-width: 10%; float: left; }
.review .size   { min-width: 100px; max-width: 10%; float: left; 
                  white-space: pre; text-align: right; }

/* Friends Page */

#friends { max-height: 500px; float: left; width: 85%; overflow: auto; }
.friend  { clear: left; margin-left: 10px; margin-right: 10px; }

.friend .name         { min-width: 300px; max-width: 45%; float: left; }
.friend .relationship { min-width: 150px; max-width: 20%; float: left; }
.friend .date         { min-width: 100px; max-width: 10%; float: left; }

/* Software Pages */

#files { max-height: 500px; float: left; width: 85%; overflow: auto; }
.file { font-family: monospace; clear: left;}

.file .title  { min-width: 40%; float: left; white-space: pre; }
.file .date   { min-width: 15%; float: left; white-space: pre; }
.file .extra  { min-width: 15%; float: left; white-space: pre; }