/*ELEMENT SELECTORS - GENERIC MARKUP*/
body {background:#e9e0db;}
            
p {color:#534339;font:10px/1.4 Verdana,Arial,sans-serif; margin:0px}    /*remove generic behaviour of p*/
        
/*table markup - repeat body markup*/           
table,tr,td,th {    margin:0px;
                        padding:0px;
                        top:0px; left:0px;
                        border:0px none;
                        font:10px/1.4 Verdana,Arial,sans-serif;
                        border-collapse: collapse; /*IE NS6 only: removes cell whitespace*/
                        border-spacing: 0px; /*NS6 only: bugfix?*/
                        table-layout: fixed; /*Renders table quicker*/
                        }
/*paragraph markup - headers*/      
h1 {    margin:3px 0px 3px 0px;
        padding:0px 5px 0px 5px;  /*the side-padding is quite useless for normal title lengths*/
        border:1px solid #534339;
        height:18px;
        color: #ffffff;
        background:#A78773;
        font:bold 11px/1.4 Verdana;
        text-decoration:none;
        text-align:center;
        filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=3,OffY=3,Color=#cccccc,Positive='true');
        }
h1 span {height:100%; width:100%; filter:Glow(Color=#534339,Strength=1);} /*give some glow on the content of h1 (and not the box); */

h2 {    margin:3px 0px 3px 0px;
        padding:0px 10px 0px 10px; /*the side-padding is quite useless for normal title lengths*/
        border:1px solid #D5C5BB;
        background:#E9E0DB;
        font:11px Verdana,Sans-serif;
        text-align:center;
        }

h3 {    margin:3px 0px 3px 0px;
        padding:1px 10px 1px 10px;
        border:1px solid #D5C5BB;
        height:18px;
        font:10px Verdana,Sans-serif;
        text-align:center;
        }
        
h4 {    margin:10px 20px;  /*use h4 tag to highlight some important paragraph in a box - blocktype */
        padding:5px 10px 5px 10px;
        background:#E9E0DB;
        font:10px/1.4 Verdana,Sans-serif;
        text-align:left;
        }
            
a, a:link { color:#A78773;  font-weight:bold;   text-decoration:none;}  /*generic hyperlink markup*/
a:hover { text-decoration:underline} /*no color markup here: fader script takes care of it*/
a:visited { font-weight:normal } /*visited links = same weight as the body tekst*/

hr { border-top:2px solid #D5C5BB } /*nice generic markup for a horizontal rule*/
img { border:0px; behavior:url("MTjs/png.htc")} /*remove generic border on a hyperlinked image - behavior script IE bugfix for PNG transparency (consider special class for png to limit execution of the script to png only*/
div, span {-moz-box-sizing: border-box;box-sizing: border-box;}

/*formfield and contents*/
form,
blockquote {    border:1px solid #D5C5BB;
                    padding:5px 10px 5px 10px;
                    background:#E9E0DB;
                    color:#7A6254;
                    font:normal 9px/1.2 Verdana,Arial,sans-serif;
                    scrollbar-3dlight-color:#FFF;
                    scrollbar-arrow-color:#FFF;
                    scrollbar-base-color:#FFF;
                    scrollbar-darkshadow-color:#FFF;
                    scrollbar-face-color:#A78773;
                    scrollbar-highlight-color:#7A6254;
                    scrollbar-shadow-color:#7A6254;
                    scrollbar-track-color:#FFF;
                    }
form { margin:0px;} /* fix for IE: removes extra white rule after formfield/ do not apply to blockquote*/
form.plain {    background:#ffffff  }
textarea,
select,
input { border:1px solid #D5C5BB;
            color:#534339;
            background:#FFF;
            font:normal 9px/1.2 Verdana,Arial,sans-serif;
            }
input.clear {   border:0px none #D5C5BB;
                    color:#534339;
                    background:transparent none;
                    font:normal 9px/1.2 Verdana,Arial,sans-serif;
                    }  /*apply class to radio and selectbox input*/
input.button{font-weight:bold;color:#BDA495;border-width:2px }
/*markup button type input or alternative a href */
a.form,
input.off,
input.on,
input.dn {  width:80px;
                height:18px;
                border:solid 1px #534339;
                font:bold 10px/1.4 Verdana,Arial,sans-serif;
                text-decoration:none;
                text-align:center;
                overflow:hidden;
                display: inline-block;
                }
                
a.form:link,
a.form:visited,
input.off { margin:0px 2px 2px 0px;
                color:#ffffff;
                background:#A78773;
                filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2,OffY=2,Color='A9A19C',Positive='true')
                }

a.form:hover,
input.on    {   margin:1px 1px 1px 1px;
                background:#BDA495;
                text-decoration:none;
                filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2,OffY=2,Color='E9E0DB',Positive='false')
                }

a.form:active,
input.dn {  margin:1px 1px 1px 1px;
                color:#534339;
                background:#BDA495;
                text-decoration:none;
                filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=2,OffY=2,Color='A9A19C',Positive='false')
}

div.footer, 
div.posted {    border-top: 1px solid #D5C5BB; border-bottom: 1px solid #D5C5BB;padding:2px;
                    font:10px/1.4 Arial,sans-serif;
                    }

div.content {
    margin: 0px 30px 0px 30px; 
    font:10px/1.3 Verdana,Sans-serif;
    text-align:justify;
}
div.content p{margin:10px 0px 10px 0px; }

td.image {border:1px solid #000000;}

td.show         {   margin:0px;
                        padding:0px 2px 0px 2px;
                        border:1px solid #D5C5BB;
                        font:10px/1.4 Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
                        border-collapse: collapse; 
                        border-spacing: 0px;
                        table-layout: fixed;
                        }
                        
div.blog {  z-index:1;
            margin:0px 3px 0px 0px;
			padding:20px;
            box-sizing: border-box;
            -moz-box-sizing: border-box; 
            background:#FFF none;
            overflow-x: hidden;
            overflow-y: scroll;
            color:#534339;
            font:10px/1.4 Verdana,Arial,sans-serif;
            scrollbar-3dlight-color:#E9E0DB;
            scrollbar-arrow-color:#E9E0DB;
            scrollbar-base-color:#E9E0DB;
            scrollbar-darkshadow-color:#E9E0DB;
            scrollbar-face-color:#A78773;
            scrollbar-highlight-color:#534339;
            scrollbar-shadow-color:#534339;
            scrollbar-track-color:#E9E0DB;
}
div.side {
    position:absolute;
    background: #e9e0db;
    z-index:2;
    top:0px;
    left:0px;
    width:200px;
    height:100%; 
    margin: 0px; 
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

.sidebar  {
    color: #fff;
    font: bold 10px/1.4 Verdana,Sans-serif;
    background-color: #e9e0db;
    text-align: center;
    text-transform: uppercase;
    border: none 0px;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 15px;
    width: 162px;
    height: 100% }

.sidebarimage {
    margin: 0px;
    border: solid 1px #000;
    width: 160px;
    height: 160px;
}

.sidebarcontent    {
    color: #ffffff;
    font-size: 10px;
    background-color: #a78773;
    margin: 0px 6px;
    width: 150px;
    height: 400px; 
    border: 1px solid #7A6254;
    z-index:1}

#divCont    {
    background-color: transparent;
    position: absolute;
    z-index: 4;
    top: 180px;
    left: 15px;
    width: 160px;
    height: 280px;
    visibility: hidden }


div.clTop  {
    line-height: 1.4;
    background-color: #7A6254;
    border: solid 1px #2e2520;
    position: absolute;
    z-index: 6;
    width: 160px;
}


div.clSub   {
    background-color: #BDA495;
    text-align: left;
    position: absolute;
    z-index: 6;
    width: 150 px;
    height: 150 px; 
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 3px;margin-left:5px;
    scrollbar-3dlight-color: #BDA495;
    scrollbar-arrow-color:#E9E0DB;
    scrollbar-base-color: #BDA495;
    scrollbar-darkshadow-color: #BDA495;
    scrollbar-face-color:#BDA495;
    scrollbar-highlight-color: #E9E0DB;
    scrollbar-shadow-color: #E9E0DB;
    scrollbar-track-color: #BDA495;
    -moz-box-sizing: border-box;
}

div.clSub img {border:0px none;}

#divCont .clTop a    {
    color: #fff;
    font:bold 10px Arial, Sans-serif;
    text-decoration: none;
    background-color: #7a6254;
    text-align: center;
    padding-right: 15px;
    width: 160px;
    }


#divCont .clTop .clSub a   {
    color: #fff;
    font: 10px/1.2 Arial, sans-serif;
    text-decoration: none;
    background-color: transparent;
    text-align: left;
    margin: 3px 0px 3px 2px;
    text-indent: 0px; }

.clTop img  {
    float: left }
#blogname   {
    color: #e9e0db;
    font-weight: bold;
    font-size: 30px;
    font-family: Verdana;
    text-align: center;
    text-transform: uppercase;
    margin-top: -15px;
    margin-bottom: 0px }

    
#subtitle   {
    color: #e9e0db;
    font-weight: bold;
    font-size: 18px;
    font-family: Verdana;
    text-align: center;
    text-transform: uppercase;
    margin-top: -5px;
    margin-bottom: 0px }

    
#menu, #footer {
    margin-bottom: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #e9e0db;
    border-bottom: 1px solid #e9e0db }

a.footer, a.footer:link, a.footer:visited, a.footer:hover {
    color: #7A6254;
    font-weight: normal;
    font-size: 7pt;
    font-family: arial;
    text-align: center}
    
table.sidebar td div#nav .button{
  line-height: 1.3;
  background-color: #7A6254;
  border: solid 1px #2e2520;
  z-index: 100000;
  cursor: hand;
  margin: 5px -1px 2px -1px;
  width: 100% 
}

table.sidebar td div#nav .buttonlabel{
  cursor: hand;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana, Arial, Sans-serif;
  text-decoration: none;
  background-color: #7a6254;
  text-align: center;
  padding-right: 15px;
}

table.sidebar td div#nav .buttonlabel img{
    margin: -3px 0 -4px 0 !important;
    padding: 0 !important;
    border:0px none !important;
}

table.sidebar td div#nav div.menuNode, 
table.sidebar td div#nav div.menuItem{
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Arial, Sans-serif;
    height: 17px;
}

table.sidebar td div#nav div.menuNode a,
table.sidebar td div#nav div.menuItem a{
  color: #fff;
  font-size: 10px;
  font-family: Arial,Verdana,Sans-serif;
  text-decoration: none;
  background-color: transparent;
  text-align: left;
  margin-left: 0px;
}

table.sidebar td div#nav .menu {
    position: relative;
    padding-left: 0px;
    padding-bottom:  .6em;
    padding-top: 1px;
    font-family:  Arial, Trebuchet MS, sans-serif;
    margin-bottom: 0px;
    overflow:hidden;
 }

div.side {
  position:absolute;
  z-index:2;
  top:0px;
  left:0px;
  width:200px;
  height:100%; 
  margin: 0px; 
  overflow:hidden;
 }

.sidebar  {
  color: #fff;
  font: bold 10px/1.4 Verdana,Sans-serif;
  background-color: #e9e0db;
  text-align: center;
  text-transform: uppercase;
  border: none 0px;
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 5px;
  width: 190px;
  height: 100% }

.sidebarimage {
  margin: 0px;
  border: solid 1px #000;
  width: 160px;
  height: 160px }

.sidebarcontent    {
  color: #ffffff;
  font-size: 10px;
  background-color: #a78773;
  margin: 0px 5px;
  width: 190px;
  height: 400px 
}