html {
min-width: 641px;
}

img {
border: 0;
}

body {
text-align: center;
margin: 0;
padding: 0;
border: 0;
background: #fff color: #000;
font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

div#wrapper {
color: #000;
width: 641px;
margin: 0 auto;
padding: 0;
text-align: left;
}

div#sidebar {

float: left; width: 168px;
padding: 0;
border: 0;
margin: 0 0 -1em 0;
font-size:105%;

/* False margin value for all versions of IE Win, including 6.0 */
margin-left: 0px;
}

html>body
div#sidebar {

/* jeffrey zeldman: Correct value for browsers that don't suffer from IE Win's bugs */

margin: 0 0 -1em 0px;
min-height: 800px;
}

div#img {

padding: 0;
border: 0;
margin: 0 0 0 0px;}

div#mainbody { 
float:left; 
padding: 0px; 
width: 391px; 
border: 0px; 
margin-left:40px; 
z-index: 10; 
position:relative; 
margin-top: 0px; 
} 

html>body div#mainbody 
{ 
float:left; 
} 


div#intro-box {
margin-top: 4px;
margin-bottom: 15px;
border:2px dotted #999;
padding:5px;
text-align: justify;
text-justify: distribute;
font-size:105%;
background-color:#FAF8E8;
}


div#face {

margin: 0 0 0 20px;
padding: 0px;
height:228 px; width: 74px;
border: 0px;
float: right
margin-right: 0px;
}

a:link, a:visited {

text-decoration : none;
color: #DB916E;
font-weight : bold;
background: transparent;
}

a:hover {

text-decoration : none;
color: #775446;
font-weight : bold;
background: transparent;
img#face {visibility:visible;}
}

a:active {

text-decoration : none;
color: #775446;
font-weight : bold;
background: transparent;
}

p {
margin: 0 0 0 0;
text-align: justify;
text-justify:distribute;
font-size:105%;
line-height: 140%;
}

h1 {
font-size: 140%;
font-weight: bold;
line-height: 140%;
margin-top:0px;
margin-bottom: 0.1em;
}

span.title {
margin: 0 0 0 0; font-weight : bold; font-size: 50px
line-height: 200%;
}

* html a:hover{visibility:visible}

.hideface {
position:absolute; margin: 0;
padding: 0; border: 0; right:0px; top:10px;
visibility:hidden;

}

.baseface {
position:absolute; margin: 0;padding: 0;border: 0; right:0px; top:10px;}

.leftside {
position:absolute; margin: 0;padding: 0;border: 0; left:0px; top:230px;}

.rightside {
position:absolute; margin: 0;padding: 0;border: 0; right:0px; top:320px;}

#globalnav {
width : 630px;
height: 156px;
background: url(img/nav.gif) top left no-repeat;
}


#zone1 {
float: left;
width : 86px;
height: 92px;
margin-left: 69px;
margin-top: 5px;
}
a#zone1:hover img.button {visibility:visible;}
a#zone1:hover img#face {visibility:visible;}

#zone2 {
float: left;
width : 79px;
height: 89px;
margin-left: -1px;
margin-top: -3px;
}
a#zone2:hover img.button {visibility:visible;}
a#zone2:hover img#face {visibility:visible;}

#zone3 {
float: left;
width : 108px;
height: 80px;
margin-left: -2px;
margin-top: 10px;
}
a#zone3:hover img.button {visibility:visible;}
a#zone3:hover img#face {visibility:visible;}

#zone4 {
float: left;
width : 86px;
height: 83px;
margin-left: -28px;
margin-top: 63px;
}
a#zone4:hover img.button {visibility:visible;}
a#zone4:hover img#face {visibility:visible;}

#zone5 {
float: left;
width : 80px;
margin-left: 0px;
margin-top: 67px;
}
a#zone5:hover img.button {visibility:visible;}
a#zone5:hover img#face {visibility:visible;}

#zone6 {
float: left;
width : 80px;
height: 80px;
margin-left: 0px;
margin-top: 65px;
}
a#zone6:hover img.button {visibility:visible;}
a#zone6:hover img#face {visibility:visible;}

#zone7 {
float: left;
width : 51px;
height: 85px;
margin-left: 5px;
margin-top: 0px;
}
a#zone7:hover img.button {visibility:visible;}
a#zone7:hover img#face {visibility:visible;}

.button {
margin: 0;
padding: 0;
border: 0;
visibility:hidden;
}


#globalnav a{

border:0px solid red;
}

#globalnav a img{

border:0px solid blue;
}

/* Assets */

.asset-header {
font-size: 150%;
font-weight: bold;
line-height: 140%;
margin-bottom: 0.1em;
}


.asset-body, 
.entry-content {
margin-bottom: 1em;
text-align: justify;
font-size: 110%;
}

 
.footer { 
margin-bottom: 1em; 
text-align: center; 
font-size: 100%; 
float:left; 
} 

div#entry-content {
margin-bottom: 1em;
text-align: justify;
text-justify:distribute;
font-size: 140%
}

.asset-name {
margin-bottom: 0.1em;
}

.postmetadata,
.asset-meta {
text-align: right;
font-size: 100%;
margin-top: 1em;
margin-bottom: 15px;
border-bottom:2px dotted #999;
padding-bottom:5px;
}

span.meta-nav (
font-size: 130%
)

span.short {
font-size:8px;
text-align:left;
}

.content-nav {
text-align: center;
}

.page-footer {
font-size: 12px;
margin-top: 2em;
margin-bottom: 15px;
border-top:2px dotted #999;
padding:10px;
}

/* Layout ----------------------------------------------------------------- */

body {
text-align: center;
background: #fff;
}

#container-inner {
width: 940px;
min-height: 100%;
margin: 0 auto;
text-align: left;
}

#header, #content, #alpha, #beta, #gamma, #footer {
position: relative;
}

#alpha, #beta, #gamma {
display: inline;
float: left;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
position: static;
}

#header-inner, #content-inner, #footer-inner {
padding-top: 0px;
padding-bottom: 20px;
}

#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
overflow: hidden;
padding-right: 20px;
padding-left: 20px;
}