* {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
HTML {
  font-size:100.01%;
  height: 100%;
}
BODY {
	padding: 0;
	margin: 0;
	background-color:#1b0701;
	font: 1em 'Trebushet MS',sans-serif,arial;
	color: #dfd9cd;
	text-align: center;
  height: 100%;
  width: 100%;
}

/*A IMG { border: none; }*/

/*---------------------------------------------
 browser */
html, body {
	scrollbar-3dlight-color:#271510;
	scrollbar-arrow-color:#544a42;
	scrollbar-highlight-color: #dfd8ce;
	scrollbar-face-color:#e5ded4;
	scrollbar-shadow-color:#b3ab9e;
	scrollbar-darkshadow-color:#544a42;
	scrollbar-track-color: #c2bab0;
}

/*---------------------------------------------
 textarea */
textarea {
	scrollbar-base-color:lime;
}


/*---------------------------------------------
 full-container */
#full-container{
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
  #full-container DIV.center{
    vertical-align: middle;
    text-align: center;
  }

/*---------------------------------------------
 top-container */
#top-container{
	width:950px;
	height:48px;
	float: none;
	clear: both;
}

#top-container A IMG { border: none; }

#top-container DIV.left{
	width:181px;
	height:48px;
	text-align: left;
	background:url(../i2/bg_01.jpg) no-repeat;
	float: left;
}

#top-container DIV.left A,
#top-container DIV.left A:active,
#top-container DIV.left A:hover,
#top-container DIV.left A:visited,
#top-container DIV.right A,
#top-container DIV.right A:active,
#top-container DIV.right A:hover,
#top-container DIV.right A:visited{
	margin: 0 5px 0 5px;
	text-decoration: underline;
	color: #dfd9cd;
	font-size: 0.7em;
}

#top-container DIV.right A.active,
#top-container DIV.right A.active:active,
#top-container DIV.right A.active:hover,
#top-container DIV.right A.active:visited{
	margin: 0 5px 0 5px;
	text-decoration: none;
  cursor: default;
	color: #dfd9cd;
	font-size: 0.7em;
}

#top-container DIV.center{
	width: 670px;
	height: 48px;
	background: url(../i2/bg_02.jpg) no-repeat;
	float: left;
}
#top-container DIV.right{
	width:99px;
	height:48px;
	text-align: right;
	background:url(../i2/bg_03.jpg) no-repeat;
	float: right;
}

/*---------------------------------------------
 middle-container */
#middle-container{
	width:950px;
	height:544px;
	float: none;
	clear: both;
}
#middle-container DIV.left{
	width:181px;
	height:544px;
	background:url(../i2/bg_04.jpg) no-repeat;
	float: left;
}
#middle-container DIV.center{
	width: 670px;
	height: 544px;
	background: url(../i2/bg_05.jpg) no-repeat;
	float: left;
	color: #2e2f2e;
	background-color: #dfd9cd;
	font-size: 0.8em;
}
#middle-container DIV.center DIV.top{
	height: 70px;
	width: 670px;
	float: left;
	clear: both;
}

#middle-container DIV.center DIV.top A IMG{
  border: none;
  padding: 0;
}

#middle-container DIV.center DIV.content IMG.confirm{
  border: none;
  padding: 2px;
  float: none;
  clear: none;
}

/*---------------------------------------------
 Navigation Menu */
#middle-container DIV.center DIV.top DIV.logo{
	height: 70px;
	width: 120px;
	float: left;
	clear: left;
}


#middle-container DIV.center DIV.top DIV.menu{
	height: 25px;
	width: 540px;
	float: right;
	clear: right;
	text-align:left;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
	color: #2e2f2e;
}
#middle-container DIV.center DIV.top DIV.menu A,
#middle-container DIV.center DIV.top DIV.menu A:visited,
#middle-container DIV.center DIV.top DIV.menu A:hover,
#middle-container DIV.center DIV.top DIV.menu A:active{
	margin: 0;
	padding: 0 10px;
	line-height: 25px;
	color: #2e2f2e;
	text-decoration: underline;
}
#middle-container DIV.center DIV.top DIV.menu A.active,
#middle-container DIV.center DIV.top DIV.menu A.active:visited,
#middle-container DIV.center DIV.top DIV.menu A.active:hover,
#middle-container DIV.center DIV.top DIV.menu A.active:active{
	margin: 0;
	padding: 0 10px;
	line-height: 25px;
	color: #2e2f2e;
	text-decoration: none;
  cursor: default;
}
#middle-container DIV.center DIV.top DIV.submenu{
	height: 20px;
	width: 540px;
	float: right;
	clear: right;
	text-align:left;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #2e2f2e;
}
#middle-container DIV.center DIV.top DIV.submenu A,
#middle-container DIV.center DIV.top DIV.submenu A:visited,
#middle-container DIV.center DIV.top DIV.submenu A:hover,
#middle-container DIV.center DIV.top DIV.submenu A:active{
	color: #2e2f2e;
	font-weight: bold;
	text-decoration: underline;
	margin: 0;
	padding: 0 10px;
	line-height: 20px;
}
#middle-container DIV.center DIV.top DIV.submenu A.active,
#middle-container DIV.center DIV.top DIV.submenu A.active:visited,
#middle-container DIV.center DIV.top DIV.submenu A.active:hover,
#middle-container DIV.center DIV.top DIV.submenu A.active:active{
	color: #2e2f2e;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 10px;
	line-height: 20px;
  cursor: default;
}

/*---------------------------------------------
 CONTENT */
#middle-container DIV.center DIV.content{
  padding: 10px 0 0 0;
	width: 670px;
	height: 464px;
	float: left;
	clear: both;
	overflow: auto;
}

#middle-container DIV.center DIV.content A{
  color: #000;
}


#middle-container DIV.center DIV.content P{
  text-align: left;
  float: none;
  clear: none;
  margin: 0 0 10px 0;
}

#middle-container DIV.center DIV.content IMG{
  border: 0;
  margin: 5px;
  text-align: right;
  float: right;
  clear: right;
  padding: 6px;
  background-color: #FFF;
}


#middle-container DIV.center DIV.content H1{
  font-size: 2em;
  text-align: left;
  float: none;
  clear: none;
  margin: 0 0 10px 0;
}

#middle-container DIV.center DIV.content H2{
  font-size: 1.6em;
  text-align: left;
  float: none;
  clear: none;
  margin: 0 0 10px 0;
}

#middle-container DIV.center DIV.content H3{
  font-size: 1.2em;
  text-align: left;
  float: none;
  clear: none;
  margin: 0 0 10px 0;
}


/*---------------------------------------------
 picture */
#middle-container DIV.center DIV.content DIV.picture{
  clear: both;
  float: none;
  text-align: center;
}

#middle-container DIV.center DIV.content DIV.picture DIV.image{
  margin: 5px;
  text-align: center;
  float: none;
  clear: both;
}

#middle-container DIV.center DIV.content DIV.picture DIV.image IMG{
  margin: 5px;
  padding: 6px;
  background-color: #FFF;
  float: none;
  clear: both;
}

#middle-container DIV.center DIV.content DIV.picture DIV.tittle{
  float: none;
  clear: both;
}




#middle-container DIV.right{
	width:99px;
	height:544px;
	background:url(../i2/bg_06.jpg) no-repeat;
	float: right;
}


/*---------------------------------------------
 bottom-container */
#bottom-container{
	width:950px;
	height:49px;
	float: none;
	clear: both;
}
#bottom-container DIV.left{
	width:181px;
	height:49px;
	background:url(../i2/bg_07.jpg) no-repeat;
	float: left;
  text-align: left;
  vertical-align: bottom;
}
#bottom-container DIV.center{
	width: 670px;
	height: 49px;
	background: url(../i2/bg_08.jpg) no-repeat;
	float: left;
}
#bottom-container DIV.right{
	width:99px;
	height:49px;
	background:url(../i2/bg_09.jpg) no-repeat;
	float: right;
}


/*---------------------------------------------
 BLOG */
#blog{
  float: left;
  clear: both;
}

#blog A{
  color: #000;
}

#blog DIV.name{
  float: none;
  clear: both;
  font-size: 1.2em;
  font-weight: bold;
}

#blog DIV.theme{
  font-size: 0.9em;
  float: none;
  clear: both;
  font-weight: normal;
  margin: 5px 0 5px 10px;
}

#blog DIV.post{
  font-size: 0.9em;
  float: none;
  clear: both;
  font-weight: normal;
  margin: 5px 0 5px 10px;
}


#blog DIV.comment{
  font-size: 0.9em;
  float: none;
  clear: both;
  font-weight: normal;
  margin: 5px 0 5px 20px;
  width: 100%;
}



#blog DIV.comment DIV.time,
#blog DIV.post DIV.time,
#blog DIV.theme DIV.time{
  background-color: #f5eee4;
  padding: 0.1em 0.5em 0.1em 0.5em;
  text-align: center;
  float: left;
  clear: left;
}

#blog DIV.comment DIV.user{
  background-color: #f5eee4;
  padding: 0.1em 0.5em 0.1em 0.5em;
  margin: 0 0 0 3em;
  float: left;
  clear: right;
}


#blog DIV.comment DIV.name,
#blog DIV.post DIV.name,
#blog DIV.theme DIV.name{
  float: left;
  clear: both;
}


#blog DIV.comment DIV.text,
#blog DIV.post DIV.description,
#blog DIV.theme DIV.description{
  float: left;
  clear: both;
  width: 90%;
}

#blog DIV.comment DIV.text P,
#blog DIV.post DIV.description P,
#blog DIV.theme DIV.description P{
  margin: 5px 0 0 0;
  padding: 0;
}


#blog DIV.comment DIV.info,
#blog DIV.post DIV.info,
#blog DIV.theme DIV.info{
  float: left;
  clear: both;
  font-size: 0.8em;
}

#blog DIV.error{
  color: #FF0000;
  clear: both;
  float: none;
  text-align: left;
}

#blog DIV.message{
  color: #00A000;
  clear: both;
  float: none;
  text-align: left;
}