/*
Theme Name: BeatuyLounge
Theme URI: www.beautylounge.ee
Description: BeautyLounge custom template
Author: E-Design Studio
Author URI: www.edesign.ee
Version: 1.0
*/

/*
*   Layout - positioning
*/
body{
    background-color: #121212;
    background-image: url('images/bg_main.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}
textarea{
    overflow: auto;
}
div#headerWrapper{
    width: 897px;
    margin: auto;
}
    div#logo{

    }
    div#header{
        width: 877px;
        padding: 20px 20px 0 0;
        background: #ecf2ef;

        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
    }
        ul#menu{
            /*width: 145px;*/
            float: left;
            margin: 0 0 0 -18px;
        }
            ul#menu li{
                width: 110px;
                height: 39px;
                padding: 9px 0 0 40px;
                background: url('images/bg_buttons.png') no-repeat;
            }
            ul#menu li:hover, ul#menu li.current_page_item{
                background-position: 0 -50px;
                cursor: pointer;
            }
        div#banner{
            width: 724px;
            height: 175px;
            float: right;
        }
div#topSplitter{
    width: 897px;
    height: 20px;
    margin: auto;
    background: url('images/bg_topSplitter.jpg') no-repeat;
}
div#contentWrapper{
    width: 857px;
    margin: auto;
    padding: 0 20px 0 20px;
    background: #ecf2ef;
}
    div#content{
        width: 540px;
        float: left;
        padding: 0 20px 0 0;
        /*background: url('images/bg_contentLeft.jpg') repeat-y top right;*/
    }
		div#content ul{
			margin: 5px 5px;
			padding: 0 0 0 15px;
			list-style: disc;
		}
        h3.ui-accordion-header{
            width: 518px;
            height: 25px;
            padding: 10px 0 0 0;
            background: url('images/bg_accordionHeader.jpg') no-repeat;
            text-align: center;
        }
    div#sidebar{
        width: 270px;
        float: right;
    }
        div#facebookIcon{
                float: left;
        }
        div#facebookText{
                margin: 13px 0 0 13px;
                float: left;
        }
        div#facebookText h2{
                color: #306ab3;
                text-decoration: none;
        }
        div#facebookText a:hover{
            text-decoration: none;
        }
        table#contactForm{
            width: 270px;
            margin: 0 0 20px 0;
        }
        table#contactForm td{
            vertical-align: top;
            padding: 0 0 5px 0;
        }
            table#contactForm td.contactField{
                width: 85px;
                padding: 5px 5px 0 0;
                text-align: right;
                font-weight: bold;
            }
            table#contactForm input, table#contactForm textarea{
                width: 180px;
            }
            table#contactForm textarea{
                height: 80px;
                resize: none;
            }
            table#contactForm .btnSubmit{
                width: 92px;
                height: 24px;
                border: 0;
                background: url('images/bg_buttons.png') no-repeat 0 -100px;
                cursor: pointer;

                color: #ffffff;
            }
            table#contactForm .ajax-loader{
                display: none;
            }
            div.wpcf7-validation-errors  {
                border:2px solid #ff0000;
            }
div#footerWrapper{
    width: 100%;
    height: 175px;
    padding: 40px 0 0 0;
    background: url('images/bg_footer.jpg') no-repeat;
    background-position: top center;
}
    div#footer{
        width: 875px;
        margin: auto;
        border: 0;
    }
        div#footer table{
            width: 850px;
            margin: 100px 0 0 0;
        }
            div#footer table td.borderLeft{
                border-left: 1px solid #7e7e7e;
            }

div.clear{
    clear: both;
}
/*
*   Typography
*/
body{
    font-family: Tahoma, sans-serif;
    font-size: 0.8em;
    text-align: center;
    color: #0b0b0b;
}
h2{
    font-size: 1.6em;
    font-weight: normal;
    color: #ff0000;
    margin: 0 0 25px 0;
}
a{
    color: #ff0000;
    text-decoration: none;
}
a:hover, a:focus{
    text-decoration: underline;
}
.textRight{
    text-align: right;
}
ul#menu{
    text-align: left;
}
ul#menu a{
    font-size: 1.4em;
    color: #ffffff;
    text-decoration: none;
}
div#contentWrapper{
    text-align: left;
}
    div#accordion h3 a, div#accordion h3 a:hover{
        color: #0b0b0b;
        text-decoration: none;
    }
    div#accordion h3.ui-state-active a{
        color: #ff0000;
    }
div#footer{
    text-align: left;
    color: #7e7e7e;
}
    div#footer h3{
        font-size: 1.6em;
        font-weight: normal;
    }
    div#footer a:hover,div#footer a:focus{
        text-decoration: none;
    }
    div#footer table{
        text-align: center;
    }
    span.footerDark{
        color: #3c3b3b;
    }