/*
Theme Name: HTLAB.NET Theme
Theme URI: http://htlab.net/
Description: HTLAB.NET Theme
Version: 1.0
Author: @pcjpnet
Author URI: http://pc-jp.net/
*/



/* ========== RESET ========== */

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}

html {
font-size: 62.5%;
}

body {
font-size: 1.6em;
word-break:break-all;
}


/* ========== ALL ========== */
/* [htlab/layouts/_default/baseof.html] */

#container {
background-color:#F5F5F5;

}


/* ========== HEADER ========== */
/* [htlab/layouts/partials/header.html] */

#header {


}


#title_header {
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #333333;
background-color:#6699CC;
color:#EDEDEF;
}

#title_header_left_text {
padding-left:10px;
}

#title_header_left_text > #main_title {
font-size: 1.9rem;
}

#nav_header {
	padding: 5px 0px;
	background-color: #245386;
	border-bottom: 1px solid #333333;
	color: #FAFAFA;
	font-size: 1.6rem;
}

#nav_header ul{
	margin: 0px;
}

#nav_header a{
	padding: 4px 2px;
	color: #FAFAFA;
	background-color: #245386;
	text-decoration: none;
}

#nav_header a:hover{
	padding: 4px 2px;
	color: #000000;
	background-color: #D7E1EC;
}

#info_header {
	padding: 3px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.4rem;
}






#sidebar {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
}


#sidebar h2 {
	margin: 8px 6px;
	padding-left: 5px;
	border-bottom: 1px solid #999999;
	border-left: 5px solid #999999;
	background-color: #F3F3F3;
	color: #333333;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}



/* ========== CONTENTS ========== */
/* [htlab/layouts/index.html] for TopPage */
/* [htlab/layouts/_default/single.html] for Page */
/* [htlab/layouts/_default/blog.html] for Post */

#contents {

}


#article {
padding: 5px;
padding-right: 10px;
border-bottom: 1px solid #333333;
}



#article p {
	padding: 3px 0px;
	margin: 3px 0px;
	margin-left: 20px;
}

#article h1 {
	margin: 10px;
	padding: 3px 5px;
	border: 1px solid #999999;
	border-left: 8px solid #999999;
	background-color: #F3F3F3;
	color: #333333;
	font-size: 2.4rem;
	font-weight: bold;
}

#article h2 {
	margin: 10px;
	padding: 3px 5px;
	border: 1px solid #999999;
	border-left: 8px solid #999999;
	background-color: #F3F3F3;
	color: #333333;
	font-size: 2.0rem;
	font-weight: bold;
}

#article h3 {
	margin: 10px 20px;
	padding: 3px 5px;
	border-bottom: 1px solid #999999;
	border-left: 5px solid #999999;
	background-color: #F3F3F3;
	color: #333333;
	font-size: 1.8rem;
	font-weight: bold;
}

#article h4 {
	margin: 10px 22px;
	border-bottom: 1px solid #999999;
	background-color: #F3F3F3;
	color: #333333;
	font-size: 1.6rem;
	font-weight: bold;
}

#article table {
	margin: 5px 20px;
	border: 1px #999999 solid;
}

#article th, td {
	padding: 2px 6px;
	border: 1px #999999 solid;
}

table thead tr th:empty {
	display: none;
}

#article hr {
	background-color: #999999;
	color: #999999;
	height: 1px;
}

#article pre {
	margin :10px 20px;
	padding : 10px 20px;
	border: inset 2px #999999;
	background-color: #EDEDEF;
}



/* ========== FOOTER ========== */
/* [htlab/layouts/partials/footer.html] */

#footer {

}


#info_footer {
padding: 8px;
padding-bottom:10px;
background-color: #EEEEEE;
font-size: 1.2rem;
}