/* Commonness style */

*{
	margin : 0;
	padding : 0;
}
body {
	font-size : 1em;
	font-family: verdana, 'trebuchet ms', sans-serif;
	color : #333333; 
	background : #FFFFFC;
}

a {
	color : #3366CC; 
    text-decoration : underline;
	}

a:link {
	color : #3366CC;
	text-decoration : underline;
	}

a:visited {
	color : #3366CC;
	text-decoration : underline;
	}

a:active {
	color : #3366CC;
	text-decoration : underline;
	}

a:hover {
	color : #009900; 
    text-decoration : underline;
	}


div#container {
	width : 750px;
	background : #FFFFFF;
	}

div#header {
	width : 750px;
	background : url(img/header_title_bg.jpg) no-repeat;
	}
	
div#header img {
	display : block;
	}

div#header h1 {
	margin : 0px 20px 0px 20px;
	padding : 0;
	height : 30px;
	font-size : 12px;
	line-height : 30px;
	color : #FFFFFF;
	}

div#header ul {
	list-style : none;
	}

div#header li {
	float : left;
	}

div#header a {
	color : #3366CC; 
    text-decoration : underline;
	}

div#header a:link {
	color : #3366CC;
	text-decoration : underline;
	}

div#header a:visited {
	color : #3366CC;
	text-decoration : underline;
	}

div#header a:active {
	color : #3366CC;
	text-decoration : underline;
	}

div#header a:hover {
	color : #009900; 
    text-decoration : underline;
	}

div#wrap {
	padding : 5px 0px 5px 0px;
	}


div#footer {
	width : 750px;
	}
	
div#footer h3 {
	line-height : 150%;
	font-weight : bold;
	color : #333333;
	font-size : 0.875em;
	text-align : left;
	margin : 10px 20px 0px 20px;
	}

div#footer p {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	text-align : left;
	margin : 0px 20px 10px 20px;
	}
	
div#footer p.copyright {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	text-align : left;
	margin : 0;
	padding : 20px;
	}

div#footermenu {
	width : 500px;
	border-top : dotted 1px #CCCCCC;
	}

div#footermenu ul {
	width : 540px;
	margin : 10px 0px 10px 20px;
	padding : 0;
	text-align: left;
	list-style: none;
	}

div#footermenu li {
	margin : 0px 7px 0px 0px;
	display : block;
	float :left;
	white-space: nowrap;
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	}

/* Individual style */

div#sidebar{
	width : 180px;
    float : left;
	margin-right : 20px;
    margin-top: 20px;
	}
	
div#sidebar h3 {
	margin : 0px 0px 10px 0px;
}

div#sidebar h4 {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	text-align : left;
	margin : 0px 0px 10px 0px;
	}

div#sidebar p {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	text-align : left;
	padding : 0px 0px 10px 10px;
	}

div#sidebar p.line {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.6125em;
	text-align : center;
	margin : 0;
	padding : 20px 0px 20px 10px;
	border-top : dotted 1px #CCCCCC;
	}

div#sidebar ul {
	margin : 0px 0px 10px 0px;
	text-align : left;
	list-style: none;
	}
	
div#sidebar li {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	margin : 0px 0px 5px 0px;
	padding : 5px 0px 10px 25px;
	display : block;
	background :url(img/icon_hana.jpg) no-repeat 2px 7px;
	}

div#sidebar li.line {
	border-bottom : dotted 1px #CCCCCC;
	}
div#counter {
	width : 160px;
	margin : 20px auto 20px auto;
       line-height : 150%;
	font-weight : normal;
	color : #666666;
	font-size : 0.625em;
       text-align: left;
	}

div#conents {
	width : 550px;
    float : right;
	}
	
div#conents ul.content-nav {
	padding : 0px 0px 10px 0px;
	list-style : none;
	text-align: right;
	}

ul.content-nav li {
	display : inline;
	white-space: nowrap;
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.6125em;
	}
	
div#conents h2#archive-title {
	padding : 20px 10px 10px 10px;	
	font-size : 1em;
	text-align : left;
	line-height : 150%;
	font-weight : normal;
	background : url(img/bg_archivetitle.jpg) no-repeat bottom left;		
}

div#conents h2#archive-title span {
	padding-left : 30px;
	background : url(img/icon_hana.jpg) no-repeat center left;		
}
	
div#conents ul.entries-nav {
	width : 530px;
	margin : 0px 0px 10px 0px;
	padding : 20px 10px 10px 10px;	
	text-align : center;
	background : url(img/bg_archivetitle.jpg) no-repeat bottom left;		
	}
	
ul.entries-nav li {
	display : inline;
	white-space: nowrap;
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	}

div.topics {
	width : 530px;
	margin : 20px 0px 20px 0px;
	padding : 0;
	background : #FFFFFF;
	}

div.topics p.date-header {
	line-height : 120%;
	font-weight : 400;
	color : #333333;
	font-size : 0.75em;
	text-align : left;
	margin : 0px 0px 0px 10px;
	float : left;
	width : 200px;
	}
	
div.topics p.date-header span {
	color : #FF9900;
	}


div.topics h3.category {
	line-height : 120%;
	font-weight : 400;
	color : #333333;
	font-size : 0.75em;
	text-align : right;
	margin : 0px 10px 0px 0px;
	float : right;
	width : 300px;
	}
	
div.topics_contents {
	background : url(img/topics_bg.jpg);
	padding : 20px 20px 15px 20px;	
	}
	
div.topics_contents img {
	margin : 0px 10px 10px 0px;
	float : left;
	border : 0;	
	}
	
div.topics_header {
	clear : both;
	width : 530px;
	background : url(img/topics_bg_top.jpg) no-repeat top left;
	padding : 0;	
	}
	
div.topics_header h2 {
	padding : 20px 10px 5px 10px;	
	font-size : 0.875em;
	text-align : left;
	line-height : 150%;
	font-weight : normal;
	border-bottom : dotted 1px #CCCCCC;
}

div.topics_header h2 span {
	padding-left : 30px;
	background : url(img/icon_hana.jpg) no-repeat center left;		
}

div.topics_contents p {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.75em;
	text-align : left;
	margin : 0px 0px 10px 0px;
	}
	

div.topics_bm {
	background : url(img/topics_bg_bm.jpg) no-repeat bottom left;
	padding : 0px 20px 30px 20px;
	}
	
div.topics_bm p.entry-more-link {
	line-height : 150%;
	font-weight : normal;
	color : #333333;
	font-size : 0.6125em;
	text-align : right;
	}

div.topics_bm p.entry-more-link span a {
	text-decoration : none;
	}