/*
Theme Name: Bellissima Beauty
Theme URI: http://bellissimabeauty.com/
Description: Designed specifically for bellissimabeauty.com
Author: Dave Robertson
Author URI: http://factory44.net/
Copyright 2007 Factory 44.
*/

@import url(base.css);

/*  /COMMON CLASSES ======================================================== **/

@media screen {


/** LAYOUT ================================================================== */

html {
}

body {
    background: #2E130F url(images/bg.png) ;
}

.gutter {
    margin: 0 auto;
    width: 827px;
}

/** === HEADER ============================================================== */

#header {
    background: #FFFFFF url(images/bg-header.png) repeat-x;
}

#header .gutter {
    background: transparent url(images/bg-header-gutter.png) 308px 32px no-repeat;
    height: 148px;
    position: relative;
}

#siteLogo {
    padding: 48px 0 0 20px;
}

#siteLogo a {
    background: transparent url(images/logo-screen.png);
    display: block;
    height: 88px;
    width: 338px;
}

#siteLogo img,
#siteName,
#siteTagline {
    position: absolute;
    left: -9999em;
    visibility: hidden;
}

address {
    background: transparent url(images/bg-address.png) left bottom no-repeat;
    font-size: 0.9em;
    font-style: normal;
    height: 2.9em;
    left: 0;
    line-height: 30px;
    max-height: 48px;
    min-height: 32px;
    padding: 0 18px;
    position: absolute;
    text-align: right;
    text-transform: lowercase;
    top: 0;
    width: 791px;
}

address span {
    color: #F7B9B4;
    padding: 0 7px;
}

/*  === /HEADER ============================================================ **/


/** === NAVIGATION ========================================================== */

#nav {
    background: transparent url(images/bg-nav.png) repeat-x;
}

#nav .gutter {
    background: transparent url(images/bg-nav-ul.png) no-repeat;
    height: 49px;
}

#nav ul {
    background: transparent url(images/nav.png) no-repeat 0 0;
    height: 37px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
}

#nav li {
    display: inline;
    margin: 0;
    padding: 0;
}

#nav li a {
    display: block;
    float: left;
    height: 37px;
    margin: 0 27px 0 18px;
    overflow: hidden;
    text-indent: -9999em;
}

#nav li.page-item-1 a { width: 43px;  background-image: url(images/nav/home.png); }
#nav li.page-item-2 a { width: 63px;  background-image: url(images/nav/about.png); }
#nav li.page-item-3 a { width: 117px; background-image: url(images/nav/products.png); }
#nav li.page-item-4 a { width: 55px;  background-image: url(images/nav/visit.png); }

#nav li a:hover {
    background-position: 0 -37px;
}

#nav li.current_page_item a {
    border-bottom: 3px solid #F5A6A0;
}

/*  === /NAVIGATION ======================================================== **/


/** === CONTAINERS =========================================================== */

#pagebody {
    background: transparent url(images/bg-pagebody.png) repeat-x;
}

#primary {
    background: transparent url(images/bg-primary.png) repeat-y;
    margin: 0 auto;
    padding: 0 3px;
    width: 821px;
}

#content {
    background: transparent url(images/bg-content.png) no-repeat;
    min-height: 245px;
    padding: 12px 40px 26px 40px;
}

/*  === /CONTAINERS ========================================================== **/


/** === SECONDARY ========================================================== */

#secondary {
    background: #FFFFFF;
    clear: left;
    float: left;
    padding: 12px;
    width: 170px;
}

/*  === /SECONDARY ======================================================== **/


/** === FOOTER ============================================================= */

#footer {
    background: transparent url(images/bg-footer.png) no-repeat;
    clear: both;
    color: #638175;
    font-size: 0.8em;
    margin: 0 auto;
    padding: 40px 10px;
    text-align: center;
    text-transform: lowercase;
    width: 807px;
}

#footer a {
    color: #638175;
}

#footer a:hover {
    color: #8BBDA9;
    text-decoration: underline;
}


#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer ul li {
    display: inline;
    margin: 0;
    padding: 0 1em;
}

#footer ul li+li {
    border-left: 1px solid #638175;
    margin-left: -1px;
}

#footer ul ul {
    display: inline;
    margin-right: -1em;
    padding-left: 1em;
}

#footer ul ul li {
    border-left: 1px solid #638175;
}

#footer ul a {
    color: #8BBDA9;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

#footer p#credits {
    padding: 1.5em 0 0 0;
}

#footer p#credits img {
    vertical-align: middle;
}

/*  === /FOOTER =========================================================== **/

/*  /LAYOUT =============================================================== **/


/** SHARED SNIPPETS ======================================================== */

.menuTitle, #skipLinks {
    position: absolute;
    left: -9999em;
    visibility: hidden;
}

dl#posts {
}

dl#posts dt.date {
    background: transparent url(images/bg-date-bottom.png) left bottom no-repeat;
    clear: left;
    color: #FFFFFF;
    float: left;
    font-size: 1.4em;
    text-align: right;
    text-transform: lowercase;
    width: 50px;
}

dl#posts dt.date span {
    background: transparent url(images/bg-date-top.png) no-repeat;
    display: block;
    padding: 8px 12px 11px 0;
}


dl#posts dd {
    float: left;
    padding: 11px 0 0 25px;
    width: 460px;
}

dl#posts h2 {
    padding: 0.3em 0;
}

/*  /SHARED SNIPPETS ====================================================== **/



/** SECTION SPECIFIC ======================================================= */

/** === HOME =============================================================== */

body#homepage {
}

body#homepage #content {
    padding: 8px 40px 25px 40px;
}

body#homepage #intro {
}

body#homepage #intro img {
    float: left;
    margin-right: 30px;
    margin-left: -15px;
}

body#homepage #intro p {
    font-size: 1.1em;
    line-height: 1.8em;
    padding: 30px 0 0 0;
}

body#homepage #posts {
    clear: left;
    float: left;
    margin-left: -40px;
    padding: 20px 0;
    width: 540px;
}


body#homepage #sidebar {
    background: #FFFFFF url(images/bg-sidebar-top.png) no-repeat;
    float: right;
    text-align: center;
    text-transform: lowercase;
    width: 200px;
}

body#homepage #sidebar div {
    background: transparent url(images/bg-sidebar-bottom.png) left bottom no-repeat;
    padding: 20px 10px;
}

body#homepage h2 {
    font-size: 1.6em;
}

body#homepage #sidebar p {
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 0 0 1.5em 0;
}

body#homepage #sidebar ul {
    margin: 0;
    padding: 0 0 0.5em 0;
}

body#homepage #sidebar li {
    font-size: 0.9em;
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*  === /HOME ============================================================= **/


/** === LOCATION ============================================================== */

#googleMap {
    float: right;
    margin: 0 0 0 20px;
    width: 425px;
}

#googleMap iframe {
    border: 10px solid #FFF3F0;
    height: 350px;
    width: 425px;
}

#googleMap p {
    font-family: tahoma, verdana;
    padding: 0;
    text-align: right;
}

/*  === /LOCATION ========================================================== **/

/*  /SECTION SPECIFIC ===================================================== **/


}

/* ========================================================================= */

@media print {

.menuTitle,
#skipLinks,
#siteName,
#nav {
    display: none;
}

body {
    color: #2a160d;
}

h3 {
    font-weight: bold;
}

#header {
    padding: 1em;
    border-bottom: 10px solid #8B6C5E;
    text-align: right;
    height: 5em;
    font-size: 0.9em;
}

#siteLogo {
    float: left;
}

#siteTagline p {
    font-weight: bold;
    padding-top: 1em;
    padding-bottom: 0;
}

address {
    font-style: normal;
    padding: 0;
}

img.photoLeft {
    border: 5px solid #D4C6BF;
    margin-right: 30px;
}

img.photoRight {
    border: 5px solid #D4C6BF;
    margin-left: 30px;
}

#pagebody {
    padding: 0.5em 1em 1em 1em;

}

#footer {
    clear: both;
    border-top: 10px solid #8B6C5E;
    padding: 0.5em 1em 1em 1em;
    font-size: 0.8em;
}

#footer ul {
    display: none;
}

#footer p#credits img {
    vertical-align: middle;
}

dl#posts {
}

dl#posts dt.date {
    font-weight: bold;
    font-size: 0.9em;
    text-transform: lowercase;
    padding-top: 1em;
}

dl#posts h2 {
    margin: 0;
    padding: 0;
}

body#homepage #intro img {
    float: right;
    margin-left: 2em;
    margin: 2em 0 0 2em;
}

body#homepage #intro p {
    font-size: 1.4em;
    line-height: 1.8em;
    padding: 30px 0 0 0;
}

body#homepage #posts {
    padding: 1em 0;
}

body#homepage #sidebar {
    text-transform: lowercase;
}

body#homepage h2 {
    font-size: 1.6em;
}

body#homepage #sidebar p {
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 0 0 1.5em 0;
}

body#homepage #sidebar #links {
    display: none;
}

#googleMap {
    float: right;
    width: 425px;
    margin: 0 0 0 20px;
}

#googleMap iframe {
    width: 425px;
    height: 350px;
    border: 10px solid #FFF3F0;
}

#googleMap p {
    text-align: right;
    font-family: tahoma, verdana;
    padding: 0;

}


}

/* ========================================================================== */