/* CSS Document */
.articles a{
	text-decoration: none;
	color: black;
}
.articles a:hover{
	color: #666;
}
.articles .item{
	margin-bottom: 40px;
}
.articles .date{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 15px;
}
.articles .title{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.articles .summary{
	font-weight: normal;
	font-size: 18px;
}
.articles .imgWrap{
	position: relative;
	margin-bottom: 15px;
}
.articles .imgWrap .flt{
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	width: 100%;
	color: white;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}






/*----------------------------------*/

.projectTop{
	background-color: #efefef;
	padding: 25px;
	margin-top:    15px;
	margin-bottom: 15px;
}

#projectList a{
	text-decoration: none;
	color: black;
}
#projectList a:hover{
	color: #666;
}

/*----------------------------------*/
.projectSummary{
	padding: 15px;
	max-width: 680px;
	background: #efefef;
	margin-top:    25px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left:  auto;
}


@media screen and (max-width:575px){
	.projectContents img{
		max-width: 100%!important;
		max-height: auto!important;
	}
}

#commentWrap{
	background: white;
	max-width: 680px;
	margin:auto auto 45px auto;
	padding: 25px;
}


#commentWrap p img{
	padding : 0 7px 5px 7px;
}


/*----------------------------------*/

#projectSubMenu .gybox{
	background-color: #efefef;
	margin: 45px auto;
	padding:15px;
}

#projectSubMenu h4{
	border-bottom: 1px solid #333;
	padding-bottom: 8px;
	margin-bottom: 25px;
}
#projectSubMenu a{
	color: black;
	text-decoration: none;
	line-height: 140%;
}
#projectSubMenu li{
	padding-bottom: 12px;
}
#projectSubMenu li:last-child{
	padding-bottom: 0;
}
#projectSubMenu a:hover{
	color: #888;
}