@charset 'utf-8';

/* General Module Style Settings
==================================== */
@media screen, projection, print {

	#blog_menu{
		float:right;
		width:400px;
		margin: 0;
		padding-left:40px;
		border-left:solid 1px #ccc;
	}
	#blog_menu a{
		padding:0 2px;
	}
	#blog_menu p{
		margin-top:10px;
	}
	#blog_menu p img{
		margin:0 7px -3px 0;
	}
	#blog_content{
		margin-right:480px;	
	}
	.blog_high{
		display:inline;
		background-color:#000;
	}
	.blog_high a{
		text-decoration:none;
		color:#fff;
	}
	.blog p{
		margin:0;
	}
	.m_newsblog_form input, textarea{
		width:99%;
	}
	.m_newsblog_form .button{
		width:50%;
	}

	.blog_date {
		float:right;
		text-align:center;
		color:#ccc;
		font-weight:700;
		width:70px;
		
		background:#fff;
		margin-top:25px;
		margin-right:-90px;
		padding:10px 0;
		position: relative;
	}
	.blog_date .day {
		font-family:Arial, Verdana, Sans-Serif;
		font-size:1.8em;
		line-height:16px;
	}
	.blog_date .month {
		font-family:Arial, Verdana, Sans-Serif;
		font-size:1.2em;
		line-height:22px;
	}
	.blog_date .year {
		font-family:Arial, Verdana, Sans-Serif;
		font-size:0.9em;
		line-height:12px;
	}

	
	.blog {
		margin: 16px 0;
	}
	.blog_a, .blog_a:visited{
		color: #000 !important;
		text-decoration: none !important;
		border: none !important;
		margin: 0.6em 0 .2em 0;
		
		line-height: 1.5 !important;
		font-size: 1.7em !important;
		font-family: georgia, "times new roman", times, serif;
		font-weight: normal;
		background:transparent !important;
	}
	.blog_a:hover, .blog_a:active{
		text-decoration: underline;
		color: #000;
		background:transparent !important;
	}
	.graph {
		width:400px;
		line-height:26px;
	}
	.graph ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.graph li{
		height:28px;
	}
	.graph div{
		display: inline;
		float:right;
		width:294px;
		height:28px;
		border-left:solid 2px #333;
	}
	.graph p{
		text-indent:3px;
		display: block;
		position:relative;
		margin:4px 0;
		height:20px;
		font-weight:bold;
		color:#333;
		line-height:18px;
		background-color:#333;
	}
	.graph p:active,.graph p:hover,.graph p:focus {
		color: #fff; 
	}
	.graph .invert{
		color: #fff;
	}
	.graph .invert:active,.graph .invert:hover,.graph .invert:focus {
		color: #000; 
	}
}