/* Wrenzo CSS file */

/*
 * FONT:
 *
 * font-family: (comma separated family names ending with generic)
 * font-style: normal | italic | oblique
 * font-variant: normal | small-caps
 * font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 |
 *              500 | 600 | 700 | 800 | 900
 * font-size: <absolute-size> | <relative-size> | <length> | <percentage>
 *
 * font: <font-style> || <font-variant> || <font-weight> ]?
 *       <font-size> [ / <line-height> ]? <font-family>
 *
 * Generics for font-family include:
 *   'serif'
 *   'sans-serif'
 *   'cursive'
 *   'fantasy'
 *   'monospace'
 *
 * Sizes for font-size:
 *   absolute-size: xx-small|x-small|small|medium|large|x-large|xx-large|##pt
 *   relative-size: larger | smaller
 *   length: #.#em | #.#ex
 *   percentage: ##%
 *
 * COLOR AND BACKGROUND:
 *
 * color: <color>
 * background-color: <color> | transparent
 * background-image: <url> | none
 * background-repeat: repeat | repeat-x | repeat-y | no-repeat
 * background-attachment: scroll | fixed
 * background-position: [<percentage>|<length>]{1,2} | [top|center|bottom] ||
 *                      [left | center | right]
 * background: <background-color>||<background-image>||<background-repeat> ||
 *             <background-attachment> || <background-position>
 *
 * background-image url example: url(marble.gif)
 * background-position: length can be in cm like 2cm 2cm
 *
 * TEXT:
 *
 * word-spacing: normal | <length>
 * letter-spacing: normal | <length>
 * text-decoration: none | [ underline || overline || line-through || blink ]
 * vertical-align: baseline | sub | super | top | text-top | middle |
 *                 bottom | text-bottom | <percentage>
 * text-transform: capitalize | uppercase | lowercase | none
 * text-align: left | right | center | justify
 * text-indent: <length> | <percentage>
 * line-height: normal | <number> | <length> | <percentage>
 *
 * word-spacing: added length can be in em or absolute like cm
 * letter-spacing: added length can be in em or absolute like cm 
 *
 * BOX:
 *
 * margin-top: <length> | <percentage> | auto
 * margin-right: <length> | <percentage> | auto
 * margin-bottom: <length> | <percentage> | auto
 * margin-left: <length> | <percentage> | auto
 * padding-top: <length> | <percentage>
 * padding-right: <length> | <percentage>
 * padding-bottom: <length> | <percentage>
 * padding-left: <length> | <percentage>
 * border-top-width: thin | medium | thick | <length>
 * border-right-width: thin | medium | thick | <length>
 * border-bottom-width: thin | medium | thick | <length>
 * border-left-width: thin | medium | thick | <length>
 * border-style: none | dotted | dashed | solid | double | groove | ridge |
 *               inset | outset
 *
 * margin: [ <length> | <percentage> | auto ]{1,4}
 * padding: [ <length> | <percentage> ]{1,4}
 * border-width: [thin | medium | thick | <length>]{1,4}
 * border-color: <color>{1,4}
 *
 * border-top: <border-top-width> || <border-style> || <color>
 * border-right: <border-right-width> || <border-style> || <color>
 * border-bottom: <border-bottom-width> || <border-style> || <color>
 * border-left: <border-left-width> || <border-style> || <color>
 *
 * border: <border-width> || <border-style> || <color>
 * width: <length> | <percentage> | auto
 * height: <length> | auto
 * float: left | right | none
 * clear: none | left | right | both
 *
 * Order is top, right, bottom, left for {1,4} items
 *
 * CLASSIFICATION:
 *
 * display: block | inline | list-item | none
 * white-space: normal | pre | nowrap
 * list-style-type: disc | circle | square | decimal | lower-roman |
 *                  upper-roman | lower-alpha | upper-alpha | none
 * list-style-image: <url> | none
 * list-style-position: inside | outside
 *
 * list-style: [disc | circle | square | decimal | lower-roman |
 *             upper-roman | lower-alpha | upper-alpha | none] ||
 *             [inside | outside] || [<url> | none]
 *
 * UNITS:
 *
 * em: size of element's font
 * ex: size of the letter 'x'
 * px: pixels relative to the canvas
 * in: inches
 * cm: centimeters
 * mm: millimeters
 * pt: points (1 pt = 1/72 in)
 * pc: picas (1 pc = 12 pt)
 *
 * COLOR:
 *
 * #rgb: #00f
 * #rrggbb: #ffffff
 * rgb(0-255, 0-255, 0-255): rgb(255,0,0)
 * rgb(%, %, %): rgb(100%, 0%, 0%)
 */

body
{
    font-family: times, serif;
    background: #cce;
/*
    background-image: url(textured_paper.png);
    background-repeat: repeat;
*/
    margin: 0px;
    padding: 0px;
}

#page
{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 5%;
    margin-right: 5%;
    font-family: sans-serif;
}

#content
{
    margin-top: 0px;
    padding: 10px 10px;
}

#title
{
    padding: 10px 10px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
}

a:link
{
    text-decoration: none;
}

a:visited
{
    text-decoration: none;
}

a:hover, a:active
{
    text-decoration: underline;
}

a img
{
    border-style: none;
}

#desc
{
    padding: 10px;
    text-align: center;
}

#pagepath
{
    font-size: smaller;
}