/* --------------------------- */
/* Barbara Doone Jewelry       */
/* Master Stylesheet           */
/* Author: Nathaniel Smith     */
/* Last Modified: 01/20/2008   */
/* --------------------------- */

/* Reset defaults for all browsers, from Yahoo: http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

strong { font-weight: bold; }
em { font-style: italic; }

a {
    text-decoration: underline;
    color: #752;
}

a:hover {
    color: #FFF;
    background: #752;
}

/* Layout */

body {
    padding-top: 40px;
    text-align: center;
    font-size: small;
    color: #752;
    line-height: 1.3em;
    font-family: "Times New Roman", serif;
}

#bd {
    margin: 0 auto;
    width: 750px;
    text-align: left;
}

#left_panel, #main_panel, #right_panel {
    padding: 4px;
    float: left;
    height: 340px;
}

#left_panel, p#address { width: 325px; }

#main_panel {
    width: 248px;
    padding: 8px 14px 0px 14px;
    font-size: 110%;
    background: url('../img/main_panel_bg.jpg') no-repeat center;
}

#main_panel p, #main_panel h3 {
    margin: .5em 1em;
}

#right_panel { width: 130px; }

p#tagline { 
    padding-left: 13px;
    width: 398px;
    float: left;
    line-height: 47px;
    font-size: 1.2em;
    font-style: italic;
}

p#disclaimer {
    font-size: 85%;
}

p#address {
    float: left;
    text-align: right;
    font-size: 120%;
}

#footer {
    clear: both;
}

ul {
    list-style: inside url('../img/bullet.png');
    margin-left: 20%;
}

/* Fonts */

ul#nav a {
    text-decoration: none;
    font-style: italic;
    color: #752;
}

#main_panel h3 {
    font-weight: bold;
    text-align: center;
    font-style: italic;
}

#main_panel span {
    font-weight: bold;
    font-style: italic;
}

/* Header Logo Swap */

h1#logo a {
    display: block;
    float: left;
    width: 241px;
    height: 58px;
    text-indent: -999px;
    background: url('../img/logo.png') center no-repeat;
    margin-left: 90px; /* push the logo from the left of the page */
}

/* Navigation */

ul#nav {
    float: left;
    list-style: none;
    padding-top: 10px;
    margin: 0;
}

ul#nav li {
    width: 64px;
    padding: 0 2px;
    height: 58px;
    text-align: center;
    float: left;
}

ul#nav li a {
    display: block;
    width: 100%;
    height: 45px;
    padding-top: 13px;
}

ul#nav li a:hover, ul#nav li a.current {
    background: url('../img/bullet.png') no-repeat center top;
}

/* Gallery */

#gallery div#main_panel { background: none; }

#gallery div#main_panel img {
    padding: 3px 4px;
    margin: 0 2px;
    border: 1px solid #CCC;
}

#gallery div#main_panel a:hover {
    background: none;
}

#gallery div#main_panel img:hover {
    background: #DDD;
}