@import url('reset.css');
@import url('common.css');
@import url('font.css');
@import url('img.css');
@import url('categorytab.css');
@import url('bookpack.css');
@import url('cloud.css');
@import url('hack.css');

body{
text-align:center;
}

#container{
margin:0 auto;
}

#head{
background:url(img/background.png);
position:fixed;
top:0;
width:100%;
z-index:1;
# background: transparent url(./overlay.png) no-repeat left top !important;
# background: none;
# filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizingMethod="scale");
}

#navi{
background:#fff;
padding-top:10px;
}

#path{
float:left;
padding:5px;
}

#categorytab{
float:right;
padding-right:5px;
}

#title{
background:#eee url(img/oblique-line_1px.gif);
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
margin-bottom:1em;
padding:10px 0;
}

#logo{
float:left;
margin-left:180px;
}

* html #logo{
margin-left:90px;
}

#chart{
float:right;
}

#body{
margin:0 auto;
padding-bottom:60px;
position:relative;
top:9em;
z-index:0;
}

* html #body{
top: 0;
padding-bottom:10px;
}

#foot{
background:url(img/background.png);
bottom:0px;
position:fixed;
width:100%;
z-index:2;
# background: transparent url(./overlay.png) no-repeat left top !important;
# background: none;
# filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizingMethod="scale");
}

#info{
background:#eee url(img/oblique-line_1px.gif);
border-top:1px #ccc solid;
margin-top:1em;
}

* html #foot{
padding-bottom:10px;
}

.box480{
border:1px #cccccc solid;
width:480;
float:left;
}

.box320{
border:1px #cccccc solid;
width:320;
float:right;
}