@charset "utf-8";
/* CSS Document */

/* LAYOUT */

#body-wrapper {
width: 980px;
margin: 0 auto;
padding: 0;
background: #fff982;
}

#header-top {
width: 980px;
height: 101px;
}
	#title {
	width: 560px;
	height: 101px;
	float: left;
	}
	#tabs {
	width: 420px;
	height: 101px;
	background: url(images/index-header-tabs.png) no-repeat;
	float: left;
	}
		#tabs-icool {
		width: 122px;
		height: 51px;
		background: url(images/tabs-icool.png) no-repeat;
		float: left;
		}
		#tabs-icool:hover {
		width: 122px;
		height: 51px;
		background: url(images/tabs-icool-hover.png) no-repeat;
		float: left;
		}
		#tabs-ichic {
		width: 119px;
		height: 51px;
		background: url(images/tabs-ichic.png) no-repeat;
		float: left;
		}
		#tabs-ichic:hover {
		width: 119px;
		height: 51px;
		background: url(images/tabs-ichic-hover.png) no-repeat;
		float: left;
		}
		#tabs-icare {
		width: 140px;
		height: 51px;
		background: url(images/tabs-icare.png) no-repeat;
		float: left;
		}
		#tabs-icare:hover {
		width: 140px;
		height: 51px;
		background: url(images/tabs-icare-hover.png) no-repeat;
		float: left;
		}

#header-bottom {
clear: both;
width: 980px;
height: 146px;
}
	#content-top {
	width: 682px;
	height: 146px;
	float: left;
	}
		#content-top-left {
		width: 350px;
		height: 146px;
		background: url(images/index-content-top-left.png) no-repeat;
		float: left;
		}
			#title-icool {
			padding: 95px 0 0 130px;
			}
		#content-top-right {
		width: 332px;
		height: 146px;
		background: url(images/index-content-top-right.png) no-repeat;
		float: left;
		}
			#search {
			padding: 68px 0 0 100px;
			}
	#games {
	width: 298px;
	height: 146px;
	background: url(images/index-games.png) no-repeat;
	float: left;
	}
	
#content-wrapper {
clear: float;
width: 980px;
}
	#sidebar-wrapper {
	width: 980px;
	background: url(images/index-sidebar-tile.png) repeat-y right;
	float: right;
	}
		#sidebar {
		width: 258px;
		padding: 0 40px 0 0;
		float: right;
		}
			#gallery {
			width: 258px;
			height: 71px;
			}
			
			#facebook-connect {
			margin-top: 25px;
			width: 258px;
			}
			
			#recent-articles {
			margin-top: 25px;
			width: 258px;
			height: 290px;
			background: url(images/recent-articles.png) no-repeat;
			}
			
		#content {
		width: 682px;
		min-height: 980px;
		background: url(images/index-content-tile.png) repeat-y;
		float: left;
		}	
			.content-allpost {
			width: 620px;
			padding: 10px 0 30px 52px;
			}
			#content-icool {
			width: 620px;
			padding: 10px 0 0 52px;
			}
			#recent-icool {
			clear: both;
			width: 550px;
			padding: 0 0 0 112px;
			}
			#title-ichic {
			clear: both;
			padding: 30px 0 0 130px;
			}
			#content-ichic {
			width: 620px;
			padding: 10px 0 0 52px;
			}
			#recent-ichic {
			clear: both;
			width: 550px;
			padding: 0 0 0 112px;
			}
			#title-icare {
			clear: both;
			padding: 30px 0 0 130px;
			}
			#content-icare {
			width: 620px;
			padding: 10px 0 0 52px;
			}
			#recent-icare {
			clear: both;
			width: 550px;
			padding: 0 0 0 112px;
			}
				.content-date {
				width: 50px;
				float: left;
				}
				.content-writing {
				width: 570px;
				float: left;
				}
				.content-allpost .content-writing h1 a {
				background: url(images/index-link.png) repeat-x;
				text-decoration: none;
				}
				#content-icool .content-writing h1 a {
				background: url(images/icool-link.png) repeat-x;
				text-decoration: none;
				}
				#content-ichic .content-writing h1 a {
				background: url(images/ichic-link.png) repeat-x;
				text-decoration: none;
				}
				#content-icare .content-writing h1 a {
				background: url(images/icare-link.png) repeat-x;
				text-decoration: none;
				}
				.content-image {
				width: 220px;
				margin: 0 10px 10px 15px;
				float: left;
				}
				.content-image img {
				background: #FFFFFF;
				border: 1px solid #666666;
				margin-bottom: 10px;
				padding: 5px 5px 10px 5px;
				}
				
				.recent-content-writing {
				width: 250px;
				padding: 5px 15px 0 5px;
				float: left;
				}
					.recent-content-image {
					float: left;
					}
					.recent-content-image img {
					background: #FFFFFF;
					border: 1px solid #666666;
					padding: 3px 3px 7px 3px;
					}
					.recent-content-title {
					float: left;
					width: 175px;
					padding-left: 10px;
					}
		#content-bottom {
		clear: both;
		width: 682px;
		height: 47px;
		background: url(images/index-content-bottom.png) no-repeat;
		}

#footer-top {
clear: both;
width: 980px;
}
	#footer-top-left {
	width: 682px;
	height: 115px;
	background: url(images/index-footer-top-left.png) no-repeat;
	float: left;
	}
		#copyright {
		font-size: 10px;
		padding: 80px 0 0 190px;
		}
	#footer-top-right {
	width: 298px;
	height: 115px;
	background: url(images/index-footer-top-right.png) no-repeat;
	float: left;
	}
		#button-rss {
		width: 52px;
		height: 52px;
		padding: 50px 0 0 180px;
		}
#footer-bottom {
clear: both;
width: 980px;
}
	#footer-bottom-left {
	width: 260px;
	height: 29px;
	float: left;
	}
	#footer-bottom-right {
	width: 720px;
	height: 29px;
	background: url(images/index-footer-bottom-right.png) no-repeat bottom;
	float: left;
	}