@import "reset.css";

html{
	font-size:18px;
}

body{
	font-family:serif;

}

header{
	width:100%;
	display:flex;
	padding:5px 0 15px 0;
	justify-content:space-between;
	color:#fff;
	background-color:#000;
}

h1{
	width:55%;
	text-align:left;
	padding:5px 0 0px 3%;
}

h1 img{
	width:80%;
}

header nav{
	margin:68px 0 0 0;
}


#contents_area{
	width:94%;
	margin:0 auto;
	line-height:1.5rem;
	font-size:0.85rem;
}

#contents_area p{
	margin:0 0 1em 0;
}


h2{
	padding:0 0 0 20px;
	margin:20px 0 35px 0;
	border-left:10px solid #000;
	font-size:1.2rem;
}

aside {
	width:270px;
	padding:0 0 0 70px;
	border-left:1px solid #333;
}

aside li{
	margin-bottom:20px;
	padding:0 0 4px 0;
	border-bottom:1px solid #555;
}

footer{
	clear:both;
	display:flex;
	margin:50px 0 0 0;
	padding:15px 0;
	justify-content:center;
	color:#fff;
	background-color:#000;
	border-top:2px solid #777;
	font-size:0.7rem;
}

#twitter{
	padding:0 0 0 40px;
}

#twitter img{
	width:83px;
	height:71px;
}


#topimage{
	width:100%;
	height:200px;
	background-size:auto 100%;
	background-image:url(img/topimage.jpg);
	background-position:-270px 0;
	background-repeat:no-repeat;
	background-color:#000;
	border-top:2px solid #fff;
	margin:0 auto 20px auto;
	padding:0;
	border-bottom:1px solid #000;
}

#profile p{
	padding:10px;
}

#profile .pimage{
	margin:30px auto;
	text-align:center;
}

#profile .pimage img{
	border-radius:40px;
	object-fit: cover;
	width:90%;
	height:50%;
}

#profile #h2repa{
	margin:120px 0 0 0;
	clear:both;
}

#profile dl{
	padding:20px 0 20px 0 ;
}

#profile dl dd{
	padding:0 0 30px 0;
	border-bottom:1px dotted #555;
}

#topics section article{
	margin:20px 0 0 0;
	padding:15px 0;
	border-top:1px solid #000;
}

#topics section article .title{
	font-weight:900;
	padding:40px 0 80px 0;
	display:none;
}

#topics section article .title .date{
	color:#555;
	padding:0 0 0 50px;
}

#contact{
}

#contact form{
	margin:30px 0 0 0;
}

#contact form label{
	display:block;
	margin:30px 0 0 0;
}

#contact form input{
	padding:10px;
	border:1px solid #aaa;
}

#contact form textarea{
	width:100%;
	height:100px;
}

#contact form .warning_msg{
	color:red;
}

#contact form .last_msg{
	padding:40px 0 0 0;
}

#contact form #submit_bt{
	margin:20px 0 0 0;
	padding:10px 40px;
}

#contact form .return_txt{
	padding:5px 12px;
	background-color:#eee;
}