/* 
 * Design SimpleHome by Andreas Schamanek, Copyright 2005
 *
 * I used ideas i.a. from the following OSWD designers
 *   haran     -- http://www.oswd.org/userinfo.phtml?user=haran
 *   zaitseff  -- http://www.oswd.org/userinfo.phtml?user=zaitseff
 *   eskimojoe -- http://www.oswd.org/userinfo.phtml?user=EskimoJoe
 *   papab30   -- http://www.oswd.org/userinfo.phtml?user=papab30
 *
 */

/* ==== Layout ==== */

/* the page is divided into mainly 6 areas:

 +-----------------------------------------------------+
 | #upperleft  | #upperright                           |
 +-----------------------------------------------------+
 |        #header                                      |
 +-----------------------------------------------------+
 | #menubar    | #main (content)                       |
 |             |                                       |
 | ...         | ...                                   |
 +-----------------------------------------------------+
 |        #footer                                      |
 +-----------------------------------------------------+

*/

/* ==== Colors ==== */

/* note: the background-color of body actually defines the color of */
/* #upperleft, #menubar and the area below #menubar                 */
body        { background-color: #ffa500;     color: black; }
#menubar    { background-color: transparent; color: black; } 
#menubar a  { background-color: transparent; color: black; } /* for IE */
#upperleft  { background-color: transparent; color: white; }
#upperright { background-color: white;       color: black; }
#header     { background-color: #cc0033;     color: white; }
#footer     { background-color: white;       color: gray;  }
#main       { background-color: white;       color: black; }
#main h1,h2,h3 { background-color: transparent; color: #666666; }
hr          { background-color: transparent; color: #999999; border-color: #999999; }


/* ==== Widths and Heights ==== */

/* the width of the menubar is 12.5em, you may change it here */
#main,
#upperright { margin: 0 0 0 12.5em; }
#menubar,
#upperleft  { width: 12.5em; }


/* ==== Borders ==== */

/* there is a border between the left bar (#upperleft und #menubar)
 * and the main area on the right (#upperright and #main) -
 * define thickness, style, and color here */
#main,
#upperright { border-left: 1px solid #999999; }


/* ==== Global Styles ==== */

body {
   font-family:     Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:       90%;
   margin:          0;
   padding:         0;
   border:          none;
}

p { /* for IE */
   margin:          0;
   padding:         0.6em 0.6em 0.2em 1em;
}

h1,h2,h3,h4,
h5 { /* for IE */
   margin:          0;
   padding:         0.6em 0.6em 0.2em 0em;
}


code, kbd, pre, samp,
tt {
   font-family:     "Courier New", Courier, monospace;
   font-size:       110%; /* Courier tends to be too small */
}

pre {
   line-height:     1em;
   margin:          1em;
   padding:         0;
}

hr {
   color:           #999999;
   background:      transparent;
   height:          1px;	/* for IE */
   margin:          1em 0;
   padding:         0;
   border-color:    #999999;
   border-width:    1px;
   border-style:    none none solid none;
}

table {
   border:           1px solid gray;
   border-collapse:  collapse;
}
td, th {
   border:           1px solid gray;
   padding:          0.4em;
}  


/* ==== Special Global Styles ==== */

.code {
   padding:          0.4em;
   border:           1px dotted gray;
   background:       #dddddd;
}

.smallfont {
   font-size:       90%;
   line-height:     1.4em;
}


/* ==== Main Content ==== */

#main {
   text-align:      justify;
   line-height:     1.4em;
   padding:         0.25em 1.5em 0.5em 1em;
}

/* a trick to overcome a strange behaviour of IE, apparantly by
 * John Zaitseff -- http://www.zap.org.au/~john/
 * anyway, see his great design Sinorcaish 
 * http://www.zap.org.au/documents/styles/sinorcaish/example/index.html
 */
#endmain {
   visibility:      hidden;
   clear:           both;
}


/* ==== Upperleft ==== */

#upperleft {
   float:           left;
   clear:           both;
   margin:          0;
   /* == do not use padding here because of a bug in Firefox 1.0.1 == */
   /* == padding:         0.2em; == */
}

#upperleft p {
   margin:          0;
   padding:         0.2em 0.6em 0.2em 0.6em;
}


/* ==== Upperright ==== */

#upperright {
   /* == do not use padding here because of a bug in Firefox 1.0.1 == */
   /* == padding:         0.2em; == */
}

#upperright p {
   margin:          0;
   padding:         0.2em 1em 0.2em 1em;
   text-align:      right;
}


/* ==== Header ==== */

#header {
   margin:          0;
   padding:         0.5em 1.5em 0.5em 0.5em;
   clear:           both;
}

#header h1 { 
   margin:          0 1em 0 2.6em; 
   padding:         0.1em; 
   font-weight:     normal;
   font-size:       2.4em;
}


/* ==== Menubar ==== */

#menubar {
   float:           left;
   clear:           both;
   margin:          0;
}

/* the following makes #menubar to stay at a fixed position when you
 * scroll the page content -- does not work in IE */
[id="menubar"] {
   position:        fixed !important;
}

#menubar p {
   margin:          0;
   padding:         0.8em;
   line-height:     1.4em;
}

#menubar ul a:link,
#menubar ul a:visited {
   text-decoration: none;
}

#menubar ul a:hover {
   text-decoration: underline;
}

#menubar ul {
   list-style:      circle;
   margin:          0;
   padding:         2.4em 1.2em 1.6em 2.6em; 
}

#menubar ul li {
   margin:          0;
   padding:         0.2em 0 0 0;
}

/* ==== Footer ==== */

#footer {
   font-size:       90%;
   margin:          0;
   padding:         0.5em 1.6em 0.5em 0.6em;
   clear:           both;
   border-top:      1px solid #999999;
}

#footer a:link,
#footer a:visited {
   color:           inherit;
   background:      transparent;
}

#footer hr {
   display:         none !important;
}

/* ==== end of CSS ==== */

/* 
 * Design SimpleHome by Andreas Schamanek, Copyright 2005
 */