@charset 'UTF-8';

/* Layout */

.centerBlock {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

/* Header */
#header {
	border-bottom: 2px solid #F091A1;
}
#header-inner {
	padding: 10px 0;
}
#header h1,
#header #h1 {
	padding-bottom: 10px;
	font-size: 11px;
}
#headerLogo {
	float: left;
	padding-top: 10px;
}
#headerLogo a {
	display: block;
	width: 366px;
	height: 46px;
	background: url("images/logo.gif") no-repeat 0 0;
	text-indent: -9999px;
}
#headerBanner {
	float: right;
}
#mainNavi {
	border: 2px solid #fff;
}
#mainNavi li {
	float: left;
}
#mainNavi li a {
	display: block;
	width: 112px;
	height: 56px;
	text-indent: -9999px;
	background: url("images/mainNavi.gif") no-repeat 0 0;
}
#mainNavi #mainNavi1 a {background-position: 0 0;}
#mainNavi #mainNavi2 a {background-position: -112px 0;}
#mainNavi #mainNavi3 a {background-position: -224px 0;}
#mainNavi #mainNavi4 a {background-position: -336px 0;}
#mainNavi #mainNavi5 a {background-position: -448px 0;}
#mainNavi #mainNavi6 a {background-position: -560px 0;}
#mainNavi #mainNavi7 a {background-position: -672px 0;}
#mainNavi #mainNavi8 a {background-position: -784px 0;}
#mainNavi #mainNavi1 a:hover {background-position: 0 -56px;}
#mainNavi #mainNavi2 a:hover {background-position: -112px -56px;}
#mainNavi #mainNavi3 a:hover {background-position: -224px -56px;}
#mainNavi #mainNavi4 a:hover {background-position: -336px -56px;}
#mainNavi #mainNavi5 a:hover {background-position: -448px -56px;}
#mainNavi #mainNavi6 a:hover {background-position: -560px -56px;}
#mainNavi #mainNavi7 a:hover {background-position: -672px -56px;}
#mainNavi #mainNavi8 a:hover {background-position: -784px -56px;}


/* Footer */
#footer {
	border-top: 2px solid #F091A1;
}
#footer-inner {
	padding: 10px 0;
}
#footerNavi {
	padding-bottom: 5px;
	text-align: center;
}
#footerNavi a {
	color: #555;
}
#copyright {
	padding-bottom: 10px;
	text-align: center;
}


/* Content */
#content {
	background: url("images/contentBack.gif") repeat-y center 0;
}
#blogPage #content {
	padding-top: 10px;
	background: url("images/blog_content_back.gif") repeat-x 0 0;
}
#blogPage #content-inner {
	background: url("images/blog_content-inner_back.gif") repeat-y center 0;
}
#leftSide {
	float: left;
	width: 600px;
}
#leftSide-inner {
	padding: 10px 10px 20px;
}
#rightSide {
	float: right;
	width: 300px;
}
#rightSide-inner {
	padding: 10px 10px 20px;
}


/* Blog */
#blogPage #gamma {
	float: left;
	width: 200px;
}
#blogPage #gamma-inner {
	 padding: 0 10px;
}
#blogPage #alpha {
	float: left;
	width: 440px;
	overflow: hidden;
}
#blogPage #beta {
	float: right;
	width: 250px;
}
#blogPage #beta-inner {
	 padding: 0 10px;
}