@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		Knowldge 
	
	-----------------------------------------------------------*/


/* --------------------------------
LAST UPDATE：2009.01.08
-------------------------------- */

@import "modules/contextual_content.css";
@import "modules/comments.css";

#main-content p { margin: 1em 0; }

.summary { width: 606px; }
	.summary .author { margin: 32px 0 0 0; }

	#contextual-content {
		margin: -22px 0 0 0;
		}



/* Article Styles -------------------------------- */


/* 	title 
	------------------------------- */
	#main-content .summary h3,
		#main-content .summary h4 { margin: 1.0em 0 0 0; }


/* 	list style 
	------------------------------- */
/*	#main-content .summary .unordered li,
		#main-content .summary .ordered li { font-size:1.4em; margin-bottom: .7em; }
	
	#main-content .summary .unordered li li,
		#main-content .summary .ordered li li { font-size: 100%; }
	
	#main-content .summary .unordered { padding: 0 0 0 2.0em; }
		#main-content .summary .unordered li { list-style-type: disc; }
	
	#main-content .summary .ordered { padding: 0 0 0 0em; }
		#main-content .summary .ordered li { list-style-type: decimal; }
*/

	#main-content .summary .knowledge_body ul li,
		#main-content .summary .knowledge_body ol li { font-size:1.4em; margin-bottom: .7em; }
	
	#main-content .summary .knowledge_body ul li li,
		#main-content .summary .knowledge_body ol li li { font-size: 100%; }
	
	#main-content .summary .knowledge_body ul { padding: 0 0 0 2.0em; }
		#main-content .summary .knowledge_body ul li { list-style-type: disc; }
	
	#main-content .summary .knowledge_body ol { padding: 0 0 0 0; margin-left:20px; *margin-left:25px;  }
		#main-content .summary .knowledge_body ol li { list-style-type: decimal; }
	
	#main-content .summary dl { margin: 1.0em 0 0 0; }
		#main-content .summary dt { font-weight: bold; font-size: 1.4em; }
		#main-content .summary dd { font-size: 1.4em; }

	#main-content .summary ol {
		list-style-position: outside;
		}
/*
  #main-content .knowledge_body ul, ol {
    list-style-position: inside;
    margin-bottom: .7em;
    font-size: 1.4em;
    }
    
    #main-content .knowledge_body ul li {
      list-style-type: disc;
      }
    
    #main-content .knowledge_body ol li {
      list-style-type: decimal;
      }
*/

/* 	blockquote 
	-------------------------------- */
	#main-content .summary blockquote { display: -moz-inline-box; display: inline-block; margin: 1.0em 0 0 0; padding: 0 1.0em; background: #f7f7f7;
		/display: inline; /* ie */
		zoom: 1; /* ie */
		}


/* 	Image and callout alignment 
	-------------------------------- */
	#main-content .summary .left { float: left; display: inline; margin: 14px 15px 10px 0; }
		#main-content .summary .right { float: right; display: inline; margin: 14px 0 10px 15px; }
		#main-content .summary .full { float: left; display: inline; margin: 14px 0 10px 0; }
		#main-content .main-image { float: left; display: inline; margin: 0 15px 10px 0; }


/* 	article
	-------------------------------- */
	#main-content .article { width: 606px; margin: 10px 0; background: #f7f7f7 url(/img/bg_primary_round_head.png) no-repeat 0 0; }
		#main-content .article h2 { margin: 0 12px; padding: 8px 0 3px; border-bottom: 1px dashed #e7e7e7; }

  .knowledge_body p a { text-decoration: underline; }
    .knowledge_body p a:hover { text-decoration: none; }


/* 	callout 
	-------------------------------- */
	#main-content .summary .callout { display: inline; width: 293px; margin-top: 0; background: #f7f7f7 url(/img/bg_primary_round_head.png) no-repeat 0 0; }
		#main-content .summary .callout .section { padding: 8px 12px 0px 12px;	border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;	border-left: 1px solid #f5f5f5;	}
	
		#main-content .summary .callout h3 { margin: 0pt 12px; padding: 8px 0pt 3px;	border-bottom: 1px dashed #e7e7e7;	font-size: 1em;	text-transform: uppercase;	}
			#main-content .summary .callout h4 { margin: 0.8em 0 0 0; font-size: 1.2em; line-height: 1.666;	}
			#main-content .summary .callout p {	margin: 0 0 0.8em 0; font-size: 1.2em; line-height: 1.666; }
	
		#main-content .callout dl {	padding: 8px 12px 0px 12px;	border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; }
			#main-content .callout dt {	margin: 0 0 0em 0; font-size: 1.2em; line-height: 1.666; }
			#main-content .callout dd {	margin: 0 0 0.8em 0; font-size: 1.2em; line-height: 1.666; }
	
		#main-content .summary p.quote { display:inline; width:273px; margin-top:-5px; font-size: 1.8em; line-height: 1.4; margin-bottom: 10px; }
			#main-content .summary p.left { margin-right: 35px; }
			#main-content .summary p.right { margin-left: 35px; }
			#main-content .summary p.quote span { font-size: .7em; white-space: nowrap; }


/* 	photograph 
	-------------------------------- */
	#main-content .summary .photograph { width: 292px; margin-top: 0; }
		#main-content .summary .photograph p { margin: 0.5em 0 0 0; font-size: 1.2em; }
	
	#main-content .article .section {
		padding: 8px 12px; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; }


/* 	step 
	-------------------------------- */
	#main-content .how { width: 606px; margin: 10px 0; background: #f7f7f7 url(/img/bg_primary_round_head.png) no-repeat 0 0; /overflow: hidden; }
		#main-content .how h2 {	margin: 0 12px; padding: 8px 0 3px; border-bottom: 1px dashed #e7e7e7; }
	
	#main-content .step { width: 606px; padding: 8px 12px; overflow: hidden; }
		#main-content .step ol { width: 602px; margin: 0 0 0 -7px;	}
		#main-content .step li { width: 183px; display: -moz-inline-box;	display: inline-block; margin: 0 7px; vertical-align: top;
			/display: inline; /* ie */	zoom: 1; /* ie */ }
			#main-content .step li div { width: 183px; display: block; }
			#main-content .step p { margin: 0 0 0.5em 0; }


/* 	movie 
	-------------------------------- */
	#main-content .movie { padding: 0 18px 0 0; }



/* 	article information 
	-------------------------------- */

	#article-information { width: 615px; background: url(/img/bg_dotted_alpha_blue.png) repeat-x 0 100%; }
		#article-information h2 {	font-size: 1.0em; text-transform: uppercase; }

/* 	related articles 
	-------------------------------- */*/
	#related-articles {	padding: 12px 0;	border-top: 1px dashed #E7E7E7;	}
		#related-articles p {	font-size: 1.2em;	}
		#related-articles a {	font-weight: bold;	}

/* 	about the author 
	-------------------------------- */
	#about-author {	padding: 12px 0; border-top: 1px dashed #E7E7E7;	}
	#about-author .section { margin: 10px 0 0 0;	}
		#about-author .section .thumbnail {	float: left;	}
		#about-author dl { width: 550px; float: right;	}
		#about-author dt { color: #535353; font-size: 1.4em;	line-height: 1.1;	}
		#about-author p { font-size: 1.2em;	}



/* 	Typography
	-------------------------------- */
	.summary .author {font-size:1.4em;}
	#main-content .summary p {color:#000000;font-size:1.4em;}
	#main-content .summary h3 {color:#000000;font-size:1.4em; font-weight: bold;}
	#main-content .summary .intro {font-weight: bold; color: #666; font-size:1.4em; line-height:1.28;}
	#main-content .article p {color:#666666;font-size:1.2em;}
	#main-content .article h2 {font-size:1.0em;text-transform:uppercase;}
	#main-content .how h2 {font-size:1.0em;text-transform:uppercase;}
	#main-content .step h3 {color:#666666;font-size:1.0em; text-transform:uppercase;}
		#main-content .summary .quote { display:inline; width:293px; font-size:2.4em; line-height:1.666; color: #4f9d4f;}
			#main-content .summary .quote span {font-size:.5em; color: #666;}