/*-----------------------------------2005 (c) HYPER GEAR.,inc All Rights Reserved.-------------------------------------------*/

/*--------------------------------------------------------- main structure -------------------------------------------------------------*/

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: #ffc; 
}

#wrapper {
 width: 800px;
 text-align: left;
 margin: 0 auto;
 background: url(archives/images/bg_wrapper.gif) repeat-y;
 border: 1px solid #903;
 font: 12px Verdana, Arial, sans-serif;
}

#header{
 width: 800px;
}

#left{
 width: 200px;
 float: left;
 text-align: center;
}

#main{
 width: 450px;
 float: left;
 margin-bottom: 20px;
 text-align: center;
}

#right{
 width: 150px;
 float: left;
}

#footer{
 width: 800px;
 height: 100px;
 clear: both;
 background: url(archives/images/bg_footer.gif) no-repeat;
 text-align: center;
 font-size: 0.9em;
}

/*-------------------------------------------------------------- sub structure ----------------------------------------------------------*/

.container{
 margin: 30px 20px 1em 20px;
 padding-bottom: 15px;
 color: #333;
 text-align: left;
 background: url(archives/images/bg_container.gif) left bottom repeat-x;
}

.cbox{
 text-align: center;
}

#footlink{
 padding-top: 30px;
}

#about{
 margin-top: 15px;
 text-align: center;
}

/*---------------------------------------------------------------- text style -------------------------------------------------------------*/

h1{
 font-size: 1em;
 font-weight: normal;
 color: #900;
}

h2{
 padding-left: 18px;
 padding-bottom: 5px;
 font-size: 0.9em;
 color: #900;
 background: url(archives/images/bg_h1.gif) no-repeat;
 text-align: left;
}

#footlink a:link{
 color: #ff6;
}
#footlink a:visited{
 color: #fc3;
}
#footlink a:hover{
 color: #fc0;
}
#footlink a:active{
 color: #ff6;
}

#profile{
 width: 120px;
 font-size: 0.8em;
 padding-top: 30px;
 background: url(archives/images/bg_profile.gif) no-repeat;
 color: #903;
 margin: 0 40px;
}

/*---------------------------------------------------------------- list style -------------------------------------------------------------*/

dl{
 text-align: center;
 margin: 10px;
}

dt{
 margin-top: 3em;
 margin-bottom: 1em;
}

dd{
 text-align: left;
 margin: 0;
 padding: 0;
 font-size: 0.8em;
 color: #903;
}

#right dt{
 font-size: 0.8em;
 color: #903;
 padding-top: 30px;
}

dt#latest{
 background: url(archives/images/bg_latest.gif) no-repeat;
}

dt#backnumber{
 background: url(archives/images/bg_backnumber.gif) no-repeat;
}

ul{
 list-style: none;
}

li{
 text-align: left;
 color: #900;
 font-size: 0.9em;
 padding-left: 20px;
 margin-top: 1.2em;
 background: url(archives/images/bg_list.gif) no-repeat;
}

/*---------------------------------------------------------------- image ------------------------------------------------------------------*/

img{
 border: none;
 color: #fff;
 background: transparent;
}

/*---------------------------------------------------------- comment style -------------------------------------------------------------*/

#commentlink{
 color: #333;
 font-size: 0.8em;
}

.commentauthor{
 color: #900;
}

.commentmain{
 border-bottom: solid 1px #fc9;
 margin: 1em;
 text-align: left;
}

a.clink{
 font-size: 0.8em;
}