/* 
 * Design SimpleHome by Andreas Schamanek, Copyright 2005
 *
 * I used ideas 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: white;       color: black; }
#menubar    { background-color: transparent; color: black; } 
#menubar a  { background-color: transparent; color: black; } /* for IE */
#upperleft  { background-color: transparent; color: black; }
#upperright { background-color: white;       color: black; }
#header     { background-color: #eeeeee;     color: black; }
#footer     { background-color: white;       color: #222222;  }
#main       { background-color: white;       color: black; }
#main h1,h2,h3 { background-color: transparent; color: #555555; }
hr          { background-color: transparent; color: #666666; border-color: #666666; }


/* ==== Special Styles For Printing ==== */

/* this will insert URLs after links when printing (does not work with IE)
 * to use it add (e.g. with <p>)
 * 
 *   class="printwithURLs"
 *
 * note: this does not always reender very well, so use it with caution
 */
.printwithURLs a[href]:after {
   content:         " [" attr(href) "]";
   font-size:       90%;
   font-weight:     normal;
   text-decoration: none;
}

/* if an element should not appear when printing add class="noprint" */
.noprint {
   display:         none;
}


/* ==== 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;
   padding:         0.25em 1.5em 1.5em 1em;

   /* line-height and font-size slightly decreased for printing */
   line-height:     1.2em;
   font-size:       90%;
}

#endmain {
   visibility:      hidden;
   clear:           both;
}


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

#upperleft {
   float:           left;
   clear:           both;
}

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


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

#upperright {
}

#upperright p {
   margin:          0;
   padding:         0.2em 1em 0.2em 1em;
}


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

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

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


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

#menubar {
   margin:          0;
}

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

#menubar ul a:link,
#menubar ul a:visited {
}

#menubar ul {
   list-style:      none;
   margin:          1em;
}

#menubar ul li {
   display:         inline;
   margin:          0;
   padding:         0.2em 0.2em 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
 */