/* layout */

body { font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background:#ddd;
	color:#333;
}

hr {
	color:#999;
	height:1px;
}

h1 { 
	font-weight:bold;
	font-size:12px;
	color:#000;
	text-align:left;
	width:700px;
	text-align:left;
	margin:15px 0 0 0;
	paddin:0; 
}

h2 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#000;
	width:700px;
	text-align:left;
	line-height:1.3;
}

h3 {
	 font-size:12px;
	 color:#fff;
	 margin:0px 5px 0px 5px;
	 padding:5px 0 4px 0;
	 width:98%;
	 text-align:left;
}
h4 {
	 font-size:12px;
	 color:#fff;
	 margin:0px 5px 0px 5px;
	 padding:5px 0 4px 0;
	 width:98%;
	 text-align:right;
}
ul,li {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}

a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#396;
	text-decoration:none;
}


#container {
	width:750px;
	margin: 0 auto 0 auto;
}
#btn {
	margin:0 13px 100px 440px;
	width:297px;
}

#dcpt { 
	  height:162px;
	  width:740px;
	  margin:0;
	  text-align:left;
}
#main { width:750px; margin:0px auto 0 auto; padding:5 0 0 0; background:url(http://hamoblo.com/image/6016/header_blog.jpg) no-repeat top center #fff; }
.main_profile { width:750px; margin:10px auto 0 auto; padding:50px 0 0 0; background:url(http://hamoblo.com/image/6016/header_blog.jpg) no-repeat top center #fff; }

.header {
	width:100%;
	border:0;
	cellpadding:0;
	cellspacing:0; 
	height:160px;
} 
.side_area {
	width:150px;
	overflow:hidden;
	word-break:break-all;
}
.blog {
	width:750px;
	background-color:#fff;
}
.header_title {
	width:750px;
	border:0;
	cellpadding:0;
	cellspacing:0; 
	height:20px;
	background-color:#ffffff;
}
.footer {
	width:100%;
	border:0;
	cellpadding:0;
	cellspacing:0; 
	height:74px;
	background:url(http://hamoblo.com/image/6016/footer_blog.gif) no-repeat top center #fff;
}

/* title */
.profile_title { width:700px; margin:0 20px 30px 20px; overflow:hidden; word-break:break-all; }

.blog_title { width:700px; margin:0 20px 10px 20px; overflow:hidden; word-break:break-all; }
.blog_title a:link { color:#f63; text-decoration:none; }
.blog_title a:visited { color:#f63; text-decoration:none; }
.blog_title a:hover { color:#f63; text-decoration:none; }

.blog_description { width:700px; margin:0 20px 10px 20px; overflow:hidden; word-break:break-all; color: #fa3;}

.blog_top { width:700px; margin:0 0 0 0; overflow:hidden; word-break:break-all; }
.blog_top a:link { color:#3fc; text-decoration:none; }
.blog_top a:visited { color:#afc; text-decoration:none; }
.blog_top a:hover { color:#afc; text-decoration:none; }

.btn {
	text-decoration:none;
	font-size:12px;
	border-width:2px;
	border-style:dotted;
	padding:2px;
	color:#FFFFFF;
	border-color:lavender;
	background-color: #80383C;
}

textarea {
@scrollbar-face-color:#CCCCCC;
}



.entry_title {
	margin:0;
	text-align:left;
	background-color: #80383C;
   }

.date{
 font-weight: normal; font-size: 10px; color:#fff;}
 
.entry { 
  margin:0px 3px 15px 3px; width:98%; text-align:left; overflow:hidden; word-break:break-all; border-top:1px solid #80383C; border-right:1px solid #80383C; border-bottom:2px solid #80383C; border-left:1px solid #80383C;}



.entry_text
{
    padding:4px 5px 8px 5px;
    font-weight: normal;
    font-size: 12px;
    color: #333;
	line-height:1.4;
}
.entry_text a:link
{
    color: #396;
    text-decoration: none
}
.entry_text a:visited
{
    color: #396;
    text-decoration: none
}
.entry_text a:hover
{
    color: #396;
    text-decoration: none;
	border-bottom:1px dashed #396;
}

.posted {
  margin:8px; padding:4px 4px 8px 8px; font-weight:normal; font-size:10px; color:#333; 
  line-height:1.2; text-align:right; border-top:1px dotted #7CF; }
.posted a:link
{
    color: #333;
    text-decoration: none
}
.posted a:visited
{
    color: #333;
    text-decoration: none
}
.posted a:hover
{
    color: #396;
    text-decoration:none
}



.side{ width:150px; margin:0; padding:0 3px; text-align:left; }
.side_title { 
  font-weight:bold; color:#333; font-size:10px; text-align:left;
  border-top:2px solid #80383C; border-bottom:1px solid #80383C;
  background:url(http://hamoblo.com/image/6016/title_icon.png) no-repeat top left;
  overflow:hidden; word-break:break-all; letter-apacing: 1px; padding:6px 20px;}
.side_text {
  width:145px; font-size:10px; overflow:hidden; color:#333;
  word-break:break-all; line-height:150%; padding: 2px 5px 3px 5px;}
.side_text a:link { color:#333; text-decoration:none; }
.side_text a:visited { color:#333; text-decoration:none; }
.side_text a:active { color:#333; text-decoration:none; }
.side_text a:hover { color:#396; text-decoration:none;}

.side ul { margin:0 25px; }

.calendar_bg { padding:0 3px; background:url(http://hamoblo.com/image/6016/side_bg.gif) repeat-y left; }
.calendar { padding:1px; font-size:10px; color:#333; line-height:1.5; width:20px; }
.calendar a:link { color:#333; text-decoration:none; border:1px solid #396; display:block; }
.calendar a:visited { color:#333; text-decoration:none; border:1px solid #396; display:block; }
.calendar a:hover { color:#fff; text-decoration:none; background:#396; }

.page { margin:10px 10px 10px 10px; font-size:10px; color:#333; overflow:hidden; width:95%; word-break:break-all; letter-spacing:1px; }
.page a:link { color:#333; text-decoration:none; }
.page a:visited { color:#333; text-decoration:none; }
.page a:hover { color:#396; text-decoration:none; border-bottom:1px dashed #360; }




.bio_table
{
    width:500px;
    margin:0px auto 10px auto;
	border-bottom:1px solid #633;
}

.bio_title
{
    width:200px;
	font-size:12px; color:#333;
	overflow: hidden;
    word-break: break-all;
	padding:7px;

}

.bio_text
{
    width:300px;
	font-size:12px; color:#333;
	overflow: hidden;
    word-break: break-all;
	padding:7px;
}

.profile_table
{
	width:550px; margin:0 auto 10px auto;
}

.photo
{
    margin:3px;
}

.profile_td{width:430px;font-size:12px; color:#333;}
.profile_td a:link
{
	font-size:12px; color:#396;
	text-decoration:none;	
}
.profile_td a:visited
{
	font-size:12px; color:#396;
	text-decoration:none;	
}
.profile_td a:hover
{
	font-size:12px; color:#396;
	text-decoration:underline;
}

.profile_m_table
{
    width:420px; border-bottom:1px solid #633;
}

.profile_name
{
    width:150px;
	font-size:12px; color:#333;
	overflow: hidden;
    word-break: break-all;	
	padding:7px;
}

.profile_text
{
    width:270px;
	font-size:12px; color:#333;
	overflow: hidden;
    word-break: break-all;
	padding:7px;
}

.profile_name_table
{
	width:120px;
}

.profile_name_text
{
    line-height:150%;
	font-size:10px;
	color:#333;
	padding:7px;
}
.profile_name_text a:link
{
    color:#396;
	text-decoration:none;
}
.profile_name_text a:visited
{
    color:#396;
	text-decoration:none;
}
.profile_name_text a:hover
{
    color:#396;
	text-decoration:unederline;
}


/* footer */
#footer {
	width:750px;
	margin:10px 0 0 0;
	text-align:right;
	height: 75px;
	background-image: url(http://hamoblo.com/image/6016/footer_blog.gif);
}
#footer .text {
	padding:10px 5px;
	font-size:10px;
	color:#fff;
}
#footer .text a:link {
	color:#fff;
	text-decoration:none;
}
#footer .text a:visited {
	color:#fff;
	text-decoration:none;
}
#footer .text a:hover {
	color:#fff;
	text-decoration:underline;
}

#footer_copyright
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    TEXT-DECORATION: none;
	text-align:right;
	margin:5px 5px 5px 5px;
}
#footer_copyright A:link
{
    COLOR: #440000;
    TEXT-DECORATION: none;
}
#footer_copyright A:visited
{
    COLOR: #440000;
    TEXT-DECORATION: none;
}
#footer_copyright A:hover
{
    COLOR: #ff0000;
    TEXT-DECORATION: underline;
}
#footer_copyright A:active
{
    COLOR: #ff0000;
    TEXT-DECORATION: none;
}