/* 	Stylesheet	Byrens Kim Design Works
			http://www.byrenskim.com
*/


*		{margin:0;padding:0;}
html	{overflow: -moz-scrollbars-vertical;}
body	{font:80% gill sans mt, arial, sans-serif;color:#999999;padding:0;margin:0;text-align:center;letter-spacing:1px;}
h1		{display:none}
h2		{font:1em gill sans mt;color:#000;padding:0 0 10px;margin:0;}
h3		{font:2em gill sans mt;color:#000;padding:0;margin:0;}
a		{
color: #999999;
text-decoration:none;
}

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

a.current	{
color: #000000;
text-decoration:none;
}

img		{border:0;}

#container 	{width:960px;margin:0 auto;text-align:left;padding-left:5px;padding-right:5px;}
#header 	{width:480px;height:100px;padding-top:20px;padding-left:480px;}

#main {float:left;padding-left:0px;width:480px;}
#main .text {clear:both;margin-bottom:20px;}
#main .text p {padding-bottom:3px;}
#main .text ul {margin-left:20px;}
#main .text ol {margin-left:30px;}
#main .text strong,#main .text b {font-weight:normal;color:#666;}

#menu {padding-bottom:50px;}
#menu a {display:block;float:left;text-decoration:none;}
#menu a#tag-news {width:100px;}
#menu a#tag-projects {width:100px}
#menu a#tag-aboutus {}

.small {font-size:0.9em;margin-left:3px;letter-spacing:normal;color:#000;padding-bottom:3px;}
.submenu .small a {color:#000;display:inline;border-bottom:1px solid #999;}
.submenu .small a:hover {border-bottom:0;}

.submenu {clear:both;margin-bottom:20px;}
.submenu a {display:block;}
.submenu .submenu {margin-top:20px;}

#main #news {margin-left:0px;width:280px;}
#main #projects {margin-left:100px;width:280px;}
#main #aboutus {margin-left:200px;width:260px;}

#detail {padding:0;margin:0;}
#detail p {padding:0 0 5px;}

#graphic {float:left;width:480px;overflow:hidden;text-align:left;}
#graphic img {/* width:480px; */}
#image {}

.details {padding-bottom:30px;}
.details a {font-weight:bold;padding-right:10px;}
.details a.current {color:#000;}

span.date {float:right;color:#999;font-size:0.9em;}

#footer {margin-top:20px;}

/* grid */
#main {width:480px;}
#main #graphic {width:480px;}

/* width: 153 - height: 153 - margin: 5 */
#image ul li {float:left;display:block;width:153px;margin:0 10px 5px 0;}
#image ul li img {width:153px;height:153px;}

/* grid IE7 */
*+html #graphic #main {width:480px;}
*+html #main #graphic {width:480px;}
*+html #image ul li {width:153px;margin:0 10px 5px 0;}
*+html #image ul li img {width:153px;height:153px;}


/* grid importance */
#image ul li.lastinrow {margin-right:0;}