/*----------------------------------------------------------
#     _        _    _
#  __| |_  _ _(_)__| |_ _ __  __ _ ___  __ ______
# / _| ' \| '_| (_-<  _| '  \/ _` (_-<_/ _(_-<_-<
# \__|_||_|_| |_/__/\__|_|_|_\__,_/__(_)__/__/__/
#
#
#--------------------------------------------------------
# File      : christmas.css
# Author    : Richard Lewis
# Project   : /mnt/webdev/data/css/keep_christmas_cheap/
# Syntax    : css
# Date      : Tue 11 Nov 2008
# Copyright : Richard Lewis 2008
#--------------------------------------------------------
# christmas.css -
----------------------------------------------------------*/

body,
h1, h2, h3, h4, h5, h6,
p, div,
ul, ol, li,
dl, dt, dd,
img,
abbr, acronym,
form,
input, textarea,
select, option,
table, tr, th, td {
    color          : #220000;
    border         : 0px;
    margin         : 0px;
    padding        : 0px;
    font-size      : 12px;
    font-weight    : normal;
    font-family    :
        "Century Gothic",
        "Bitstream Vera Sans",
        "Verdana",
        "Arial",
        sans-serif;
    line-height    : 1.85em;
    letter-spacing : 0.17em;
}
/*--------------------------------------------------------*/

body {
    background :
        url(/img/keep_christmas_cheap/bg.png)
            repeat-x top left;
    background-color : #12ecf6;
}
/*--------------------------------------------------------*/

div.page {
    border  : 2px solid #8280af;
    width   : 680px;
    margin  : 32px auto;
    padding : 16px 32px 16px 32px;
    background-color : #f7f7f7;
}
/*--------------------------------------------------------*/

a:link, a:visited {
    color           : #009060;
    text-decoration : none;
}

a:link:hover {
    color : #00a090;
}
/*--------------------------------------------------------*/

div.header {
    margin     : 0px 0px 20px 0px;
    background :
        url(/img/keep_christmas_cheap/christmas_logo.png)
        no-repeat top left;
}

table.header {
    margin : 0px auto;
}

table.header td,
table.header h1,
table.header h1 a:link {
    text-align  : right;
    line-height : 1em;
}

h1,
h1 a:link,
h1 a:visited,
h1 a:link:hover {
    color          : #009060;
    font-size      : 30px;
    font-weight    : normal;
    letter-spacing : 0.2em;
}

p.strap {
    color          : #009060;
    margin         : 0;
    padding        : 0px 6px 0px 0px;
    font-size      : 11px;
    text-align     : right;
    letter-spacing : 0.2em;
}

td.strap,
p.strap {
    line-height : 1.5em;
}

p.strap a:link,
p.strap a:visited,
p.strap a:link:hover {
    color : #009060;
}
/*--------------------------------------------------------*/

div.hr hr {
    display : none;
}

div.hr {
    clear  : both;
    width  : 77%;
    margin : 48px auto 48px auto;
    border : 0;
    border-top : 1px solid #8280af;
}

p {
    margin     : 24px 0px 24px 0px;
    text-align : justify;
}

img.left {
    float  : left;
    margin : 0px 32px 32px 0px;
}

img.right {
    float  : right;
    margin : 0px 0px 32px 32px;
}

p.copy,
p.design,
p.sponsor {
    text-align     : center;
    font-size      : 10px;
    line-height    : 1.8em;
    letter-spacing : 0.18em;
}
/*--------------------------------------------------------*/