@import url('common.css');

/* Layout */
#all {
	position: relative;
	height: auto !important; height: 100%;
	min-height: 100%;
	margin: 0 auto; 
}
#top {
	position: absolute; top: 0; left: 0; z-index: 2;
	width: 100%; height: 122px;
}

#container { position: relative; padding: 150px 340px 80px 240px; }
#container.no-right-rail { padding: 150px 20px 80px 340px; }
#inner {
	float: left;
	width: 100%;	
	border-left: 340px solid #fff;
	border-right: 340px solid #fff;
	margin: 0 -340px 0 -340px;
	display: inline;
}
.no-right-rail #inner { border-right: none; margin-right: 0 0 0 -340px; }

#leftRail {
	float: left;
	width: 180px;
	margin-left: -240px;
	padding-left: 20px;
	position: relative;
}
#center {
	float: left;
	width: 100%;
	margin-right: -100%;
}
#rightRail {
	float: right;
	width: 280px;
	margin-right: -340px;
	padding-right: 20px;
	position: relative;
}

#bottom {
	clear: both;
	position: absolute; bottom: 0; left: 0;
	width: 100%;
	line-height: 1.4;
}

/* Top Block */
#top { background: url('/images/top_gradient.png') repeat-x; color: #fff; font-size: 0.82em; }
#top a { color: #fff; }
#logo { position: absolute; top: 0px; left: 40px; }
#motto {
	position: absolute; top: 0px; left: 50%;
	width: 370px; height: 99px;
	margin-left: -230px;
	background: url('/images/printsochiru.gif') no-repeat;
}
#nav {
	position: absolute; top: 99px;
	background: #d20000;
	padding: 3px 0;
	text-align: center;
	white-space: nowrap;
	width: 110%;
	margin-left: -10%;
}
#nav a { margin-left: 1em; }
#nav li { display: inline; }
#nav li.right { position: absolute; right: 40px; }
#nav li.right a { margin-left: 0.8em; }
#top form { position: absolute; top: 10px; right: 40px; }
#top form.greeting { top: 25px; text-align: center; }

/* Left Block */

/* Center Block */
#center ul { margin: 1em 0 1em 2em; }
#center li { padding-left: 12px; background: url('/images/bullet_small.gif') no-repeat 0 0.6em; }

/* Right Block */
.oneday { margin-bottom: 1em; }
.oneday .date { font-weight: bold; color: #b30000; margin-bottom: 0.3em; }
.oneday .title { font-weight: bold; margin-bottom: 0.3em; }
.oneday p { margin-bottom: 1em; }

/* Bottom Block */
#bottom div { padding: 0 20px; height: 46px; text-align: right; }
div#counter { padding: 0; float: left; }
div#counter img { display: block; }
#bottom small { color: #dfdfdf; }

/* hacks */
#container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#container {display: inline-block;}

/* Hides from IE-mac \*/
* html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */