/*  
Theme Name: Ceramic
Description: Customised theme for E C Ceramic Design
Author: James
Author URI: http://www.erraticsouls.com
*/



body {
        background: #f8f8f3 url(images/bbg.png) repeat-x;
        text-align: center;
        margin: 0;
        font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}

#wrapper {
        width: 760px;
        height: 100%;
        margin: 0 auto;
}

#bg {
        float: left;
        width: 760px;
        background: #f8f8f3 url(images/middle.jpg) repeat-y;
}

#header {
        width: 760px;
        height: 175px;
}

#mainnav {
        float: right;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-right: 25px;
        display: inline;
        text-align: left;
}

.frontgallery { 
        width: 188px; 
        height: 210px; 
        text-align: center;
        background: #d7d7b5;
}

.frontgallery img:hover { 
        border: 2px solid #ffffff;
}

.frontgallery a img { 
        border: 2px solid #59b889;
}


.nav h2 {
        font: bold 26px Garamond, serif;
        background: #B9B889;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0;
        clear: both;
        width: 188px;
        height: 30px;
        color: #F5F5E5;
}

.nav * {
        padding: 0;
        margin: 0;
}

.nav li {
        width: 188px;
        list-style: none;
        background-color: #E6E6D0;
}

.nav li a {
        display: block;
        padding: 5px 0;
        text-indent: 17px;
        font: bold 9pt Verdana, arial;
        text-decoration: none;
        text-transform: capitalize;
        color: #977B76;
        border-left: 8px solid #d7d7b5;
        border-bottom: 1px solid #DCDCD4;
        width: 179px;
}


.nav li a:hover {
        text-decoration: none;
        border-left: 8px solid #b9b889;/*#714E3A;*/
}

#main {
        float: left;
        width: 480px;
        margin-left: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left;
        line-height: 20px;
        text-align: justify;
        display: inline;
        color: #404040; 
}

.post a img {
        border: 1px solid #b9b889;
}


a.link {
       margin-top: 20px;
       font: bold 31px Garamond, serif;
       text-decoration: none;
       text-align: left;
       line-height: 15px;
       margin-bottom: 14px;
       color: #DDA25C;
}

a.link:hover {
       margin-top: 20px;
       font: bold 31px Garamond, serif;
       text-decoration: none;
       text-align: left;
       line-height: 15px;
       margin-bottom: 14px;
       color: #E4B986;
}

h1 {
       padding: 8px 0 5px 47px;
       margin-top: 20px;
       background: url(images/leaf.gif) left center no-repeat;
       clear: both;
       font: bold 31px Garamond, serif;
       text-align: left;
       margin-left: 18px;
       line-height: 20px;
       margin-bottom: 14px;
       color: #DDA25C;
}

h2 {
       color: #DDA25C;
}

small {
       padding-left: 12px;
}

#copyright {
       padding-top: 25px;
       text-align: center;
       padding-bottom:10px;
       color: #7B7575;
}

#footer {
       clear: both;
       margin: 0;
       background: #f8f8f3 url(images/middle.jpg) repeat-y;}
       width: 760px;
       height: 62px;
       color: #202020;
}

#footer a {
       text-decoration: none;
       color: #cccccc;
}

#footer a:hover {
       text-decoration: none;
       color: #836257;
}

.searchform {
       background: url(images/search.jpg) fixed top left;
       border: 2px solid #D7A875;
       color: #A0755B;
}

.comments {
       background-color: #F4D2A7;
       border: 2px solid #D7A875;
       color: #A0755B;
}

.button {
       background-color: #F4D2A7;
       border: 2px solid #D7A875;
       color: #A0755B;
}

a {
       text-decoration: none;
       color: #88592A;
}

a:hover {
       text-decoration: underline;
       color: #836257;
}