/* Basic */

.logo{
	margin:50px;
}

.blogcat{
	float:left;
	width:800px;
	height:auto;
	margin:5px 20px;
	font-size:12px;
	font-variant:small-caps;
}

.blogcat a{
	padding:5px 10px;
	margin:0 2px;
	text-decoration:none;
	color:#FFFFFF;
}

.blogcat a:hover{
	background:#D1A056;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blogentry{
	float:left;
	font-style:italic;
	margin:20px 5px;
}

.blogentry p{
	margin:10px;
}

.blog_title{
	font-size:20px;
	font-weight:bold;
}

.blog_title a{
	color:#FFFFFF;
}

.blog_title a:hover{
	color:#D1A056;
}

.blog_info{
	font-size:10px;
}

.blog_date{
	float:left;
	width:50px;
	height:50px;
	background:url(../img/date.png) no-repeat;
	text-align:center;
	margin:0 10px 0 0;
}

.month{
	font-size:10px;
	font-style:normal;
	padding:2px;
}

.day{
	font-size:18px;
	font-weight:bold;
	color:#FF3300;
	padding:3px 0;
}

/* Navi */
#blog{
	float:left;
	width:auto;
	border-bottom:2px solid #666666;
	padding:0 20px;
	margin:0;
	
}

#blog:hover{
	color:#D1A056;
	border-bottom:3px solid #D1A056;
}

#webdesign{
	float:left;
	width:auto;
	border-bottom:2px solid #666666;
	padding:0 20px;
	margin:0;
}

#webdesign:hover{
color:#324FCA;
border-bottom:3px solid #324FCA;
}

#printdesign{
	float:left;
	width:auto;
	border-bottom:2px solid #666666;
	padding:0 20px;
	margin:0;
}

#printdesign:hover{
color:#324FCA;
border-bottom:3px solid #23FA12;
}