@charset "UTF-8";
/* ============================================================

 * www.creative-id.net
 * index.css
 *
 * copyright : creative iD
 * author    : creative iD
 
============================================================ */

/*
 * layout
 */
html, body { height: 100%; }
body { background: #e6ecee url(../img/bg.jpg) top center; padding: 0 0 0 55px; }
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -375px; /* the bottom margin is the negative value of the footer's height */ }
#container #container-inner { height: 375px; /* .push must be the same height as .footer */ }
h1#logo { width: 344px; height: 90px; margin-bottom: 22px; background: url(../img/index_logo.png) no-repeat; }

ul#entrance { height: 105px; }
ul#entrance li { margin-right: 24px; display: inline; }
ul#entrance li a:link,
ul#entrance li a:visited,
ul#entrance li a:hover,
ul#entrance li a:active { text-decoration: none; background: none; }

#recent-update { width: 750px; }
#recent-update #works { float: left; width: 150px; margin-right: 25px; display: inline; }
#recent-update #news { float: right; width: 575px; padding: 3px 0; }
#recent-update #news #news-inner {  }
#recent-update #news #news-inner dl { font-size: 85%; line-height: 1.6; margin-bottom: 2px; }
#recent-update #news #news-inner dl dt  { float: left; width: 75px; }
#recent-update #news #news-inner dl dd  { float: right; width: 495px; }
.push { height: 375px; /* .push must be the same height as .footer */ }

#footer { clear: both; padding-top: 15px; }
#footer #footer-inner {  }
#footer #footer-inner #copyright { text-indent: -9999px; width: 258px; height: 13px; margin: 0; background: url(../img/copyright.gif) no-repeat }



/*
 * clear
 */
#recent-update,
#recent-update #news #news-inner dl { display: inline-block; }

#recent-update:after,
#recent-update #news #news-inner dl:after { clear: both; display: block; content: ""; }