/*----------------------------------------------------------
#  _         _                _
# | |__ _ __| |_  _ _  _ _ _ (_)__ ___ _ _ _ _    __ ______
# | / _` / _` | || | || | ' \| / _/ _ \ '_| ' \ _/ _(_-<_-<
# |_\__,_\__,_|\_, |\_,_|_||_|_\__\___/_| |_||_(_)__/__/__/
#              |__/
#
#--------------------------------------------------------
# File      : ladyunicorn.css
# Author    : Richard Lewis
# Project   : /mnt/webdev/data/css/ladyunicorn.co.uk/
# Syntax    : css
# Date      : Tue 19 Aug 2008
# Copyright : Richard Lewis 2008
#--------------------------------------------------------
# ladyunicorn.css -
----------------------------------------------------------*/

/* Block Elements */

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 {
    border         : 0px;
    margin         : 0px;
    padding        : 0px;
    font-size      : 12px;
    font-family    :
        "bitstream vera sans",
        "verdana",
        "arial",
        sans-serif;
    line-height    : 1.7em;
    letter-spacing : 0.14em;
}
/*--------------------------------------------------------*/

html {
    overflow : y;
}
/*--------------------------------------------------------*/

body {
    background       :
        url(/img/ladyunicorn.co.uk/ladyunicornbg.png)
        repeat-x top left;
    background-color : #ffcccc;
}
/*--------------------------------------------------------*/

div.page {
    border           : 1px solid  #ff99cc;
    width            : 680px;
    margin           : 32px auto;
    padding          : 16px 32px 16px 32px;
    background-color : #ffe7e7;
}
/*--------------------------------------------------------*/

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

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

div.header {
    margin     : 0px 0px 20px 0px;
    background :
        url(/img/ladyunicorn.co.uk/beautifulbalmslogo.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          : #990033;
    font-size      : 30px;
    font-weight    : normal;
    letter-spacing : 0.2em;
}

p.strap {
    color          : #cc3300;
    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          : #cc3300;
}
/*--------------------------------------------------------*/

ul.navmain {
    margin     : 0px 0px 24px 0px;
    padding    : 0;
    text-align : right;
}

ul.navmain li {
    margin          : 0;
    padding         : 0;
    display         : inline;
    line-height     : 1.7em;
    list-style-type : none;
}

ul.navmain a {
    padding       : 3PX 8PX;
    border-left   : 1px solid #ff99cc;
    border-bottom : 1px solid #ff99cc;
    background :
        url(/img/beautifulbalms/navbg.png)
        repeat-x bottom left;
}

ul.navmain a.last {
    border-right : 1px solid #ff99cc;
}
/*--------------------------------------------------------*/

h2 {
    margin         : 0px 0px 16px 0px;
    font-size      : 26px;
    text-align     : center;
    font-weight    : normal;
    letter-spacing : 0.18em;
}
/*--------------------------------------------------------*/

img.icon {
    float    : right;
    margin   : 0px 0px 24px 24px;
}

div.picture {
    width      : 248px;
    float      : right;
    margin     : 0px 0px 24px 24px;
    text-align : center;
}

img.picture {
    margin : 0px;
}
/*--------------------------------------------------------*/

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

p.opener:first-letter {
    color     : #990033;
    font-size : 22px;
}

br.clear {
    clear       : both;
    font-size   : 1px;
    line-height : 1px;
}

div.hr hr {
    display : none;
}

div.hr {
    clear      : both;
    width      : 77%;
    margin     : 32px auto;
    border-top : 1px solid #ff99cc;
}
/*--------------------------------------------------------*/

h3,
h3 a:link,
h3 a:visited,
h3 a:link:hover {
    margin         : 16px 0px 24px 0px;
    font-size      : 24px;
    text-align     : center;
    font-weight    : normal;
    letter-spacing : 0.18em;
}
/*--------------------------------------------------------*/

h4,
h4 a:link,
h4 a:visited,
h4 a:link:hover {
    margin         : 16px 0px 16px 0px ;
    font-size      : 22px;
    font-weight    : normal;
    letter-spacing : 0.18em;
}

ul {
    margin              : 8px 0px 32px 0px;
    padding             : 0px;
    font-size           : 12px;
    font-weight         : normal;
    list-style-position : inside;
}

li {
    margin          : 2px 0px 2px 32px;
    padding         : 0px;
    font-size       : 12px;
    font-style      : normal;
    font-weight     : normal;
    line-height     : 1.8em;
    list-style-type : disc;
}
/*--------------------------------------------------------*/

p.meditation {
    padding          : 16px;
    font-size        : 11px;
    text-align       : center;
    line-height      : 1.9em;
    letter-spacing   : 0.16em;
}

p.green {
    background-color : #d7ffd7;
}

p.rose {
    background-color : #ffd7d7;
}
/*--------------------------------------------------------*/

table.balmbts {
    margin : 16px auto;
}

table.balmbts td {
    padding    : 0px 16px 0px 16px;
    text-align : center;
}
/*--------------------------------------------------------*/

p.navclassic {
    text-align  : center;
    line-height : 2.4em;
}

p.center {
    text-align : center;
}
/*--------------------------------------------------------*/

div.base {
    width      : 680px;
    margin     : 0px auto;
    text-align : right;
}

img.base {
    top      : 320px;
    position : relative;
}
/*--------------------------------------------------------*/

div.jsmsg {
    color          : #990033;
    width          : 77%;
    margin         : 0px 0px 12px 0px;
    padding        : 3px 4px;
    font-size      : 12px;
    text-align     : center;
    line-height    : 1.7em;
    letter-spacing : 0.14em;
}

table.form {
    margin  : 12px 0px;
    padding : 0;
}

td.formleft {
    width      : 430px;
    text-align : left;
}

td.formright {
    width          : 250px;
    text-align     : right;
    vertical-align : bottom;
}

form {
    float       : left;
    width       : 424px;
    margin      : 12px 0px;
    padding     : 0;
    font-size   : 12px;
    text-align  : left;
    line-height : 1.8em;
}

form p {
    width : 77%;
}

input.text {
    width            : 77%;
    border           : 1px solid #990033;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

input.checkbox {
    border : 0;
}

input.password {
    width            : 77%;
    border           : 1px solid #990033;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

select {
    width            : 77%;
    border           : 1px solid #990033;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

option {
    width            : 77%;
    border-left      : 1px solid #990033;
    border-right     : 1px solid #990033;
    padding          : 1px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

textarea {
    width            : 77%;
    border           : 1px solid #990033;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

input.checkbox {
    border           : 1px solid #990033;
    background-color : #fff0f0;
}

div.submit {
    width      : 80%;
    text-align : right;
}

input.submit {
    color            : #000000;
    border           : 1px solid #990033;
    cursor           : pointer;
    padding          : 3px 4px;
    font-size        : 12px;
    background-color : #ff99cc;
}

input.submit:hover {
    color            : #f7f7f7;
    background-color : #ff0066;
}
/*--------------------------------------------------------*/

p.copyright {
    margin           : 24px 0px;
    padding          : 2px 0px;
    background-color : #ff99cc;
}

p.copyright, p.copyright a, p.copyright a:hover {
    color          : #000000;
    letter-spacing : 0.15em;
}

p.design, p.design a,
p.contact, p.contact a,
p.copyright, p.copyright a,
p.poisedsolutions, p.poisedsolutions a  {
    margin         : 16px 0px 16px 0px;
    font-size      : 11px;
    line-height    : 1.7em;
    letter-spacing : 0.15em;
}

p.poisedsolutions, p.poisedsolutions a {
    font-size : 11px;
}

p.copyright, p.poisedsolutions, p.design, p.contact {
    text-align : center;
}
/*--------------------------------------------------------*/