/*

Design with logo on top left, menu on top right.
On the bottom the footer as black smudge.

*/

/*
* {
	outline: 1px solid rgba(255, 0,0,.5);
}
*/

body {
	background: white url(/images/shadow.png) repeat-x center top scroll;
	font: normal normal normal 12px "Helvetica", "Arial", sans-serif;
	color: #333;
}

.content {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 950px;
}

#header, #main, #footer {
	padding: 5px;
}


/**** Header ****/

#header {
	margin: 0 20px 0;
	height: 50px;
	text-align: right;
}

	#header h1 {
		width: 259px;
		height: 17px;
		margin: 6px 5px 0;
		overflow: hidden;
		float: left;
	}
	
		#header h1 a {
			width: 100%;
			height: 100%;
			background: transparent url(/en/images/caligr%20inazawa.png) no-repeat top left;
			display: block;
			padding: 30px 0 0;
		}
	
	#header #rss {
		width: 17px;
		height: 17px;
		margin: 6px 5px 0;
		overflow: hidden;
		float: left;
	}
	
		#header #rss a {
			width: 100%;
			height: 100%;
			background: transparent url(/images/rss.png) no-repeat top left;
			display: block;
			padding: 20px 0 0;
		}
	
	#header #nav {
		list-style: none;
		font-size: 12px;
	}
	
		#header #nav li {
			display: inline;
			margin: 10px;
		}
		
			#header #nav li a {
				border: none;
				color: #999;
			/*	font-style: italic;	*/
				vertical-align: super;
				padding: 5px 0;
			}
			
			#header #nav li a:hover, #header ul li a:active {
				color: #666;
				border-top: 2px solid #888;
			}
			
			#header #nav li a.selected {
				color: #555;
				border-top: 3px solid #555;
				vertical-align: sub;
				cursor: default;
			}
	
/**** Main ****/

#main {
	margin: 0 0 0 20px;
	padding: 30px 100px 5px 100px;
	background: transparent;
}
	
	#main a {
		border: none;
	}
	
	#main a:link {
		color: #37d;
	}
	
	#main a:visited {
		color: #78f;
	}

	#main a:hover, #main a:active {
		border-bottom: 1px solid;
	}
	
	#main h2, #main h3 { 
		clear: both;
		text-align: center;
		margin: 60px 30px 30px 10px;
	}
	
	#main h2 {
		font-size: 26px;
	}

	#main h3 {
		font-size: 22px;
	}

	#main p {
		clear: both;
		overflow: hidden;
		width: 100%;
		font-size: 13px;
		line-height: 170%;
	}
	
		#main p img {
			float: right;
			display: inline;
			margin: 0 20px 5px;
		}
	
	#main th, #main td, #main fieldset {
		border: 1px solid #ccc;
	}
	
	#main th, #main td {
		padding: 5px;
	}
	
	#main hr {
		height: 1px;
		width: 80%;
		background: #ddd;
		margin: 30px auto;
		padding: 0;
		clear: both;
	}
	
	#main a.backbutton {
		display: block;
		border: 1px solid silver;
		color: #999;
		font-size: 12px;
		padding: 5px 15px;
		text-decoration: none;
		float: left;
		position: absolute;
		z-index: 2;
		margin: 5px;
	}
	
		#main a.backbutton:hover, #main a.backbutton:active {
			border: 1px solid gray;
			color: #111;
		}
	
	#main a.pagenumber {
		padding: 3px 6px 2px;
		font-size: 12px;
		text-decoration: none;
		margin: 4px;
		border: 1px solid;
		color: #999;
	}
	
		#main a.pagenumber:hover, #main a.pagenumber:active {
			color: #555;
		}
	
	#main .alert {
		border-bottom: 2px solid #fa0;
		width: 80%;
		margin: 20px auto;
	}


/**** Footer ****/

#footer {
	clear: both;
	margin: 30px 0 0;
	font-size: 11px;
	background: transparent url(/en/images/god%20is%20love.png) no-repeat center top scroll;
	height: 310px;
	overflow: hidden;
	line-height: 125%;
	position: relative;
}

	#footer a:link, #footer a:visited {
	    color: white;
		border-bottom: 1px solid #666;
	}
	
	#footer a:hover, #footer a:active {
	    color: white;
		border-bottom: 1px solid #aaa;
	}

	#footer #contact {
		width: 250px;
		height: 130px;
		color: white;
		margin: 150px 0 0 500px;
		background: #1a1a1a;
	}
	
	#footer #copyright {
		color: white;
		text-align: center;
		margin: 15px 250px 0 300px;
		font-size: 10px;
		font-family: Helvetica, Arial, sans-serif;
		background: #1a1a1a;
	}
	
	#footer #logincontainer {
		position: absolute;
		bottom: 7px;
		right: 10px;
	}
		#footer #logincontainer a:link, #footer #logincontainer a:visited {
			border-bottom: 1px solid #aaa;
		}
		
		#footer #logincontainer a:hover, #footer #logincontainer a:active {
			border-bottom: 1px solid #666;
		}


/**** Email addresses ****/

.email {
	position: absolute;
	display: block;
	height: 0;
	width: 0;
	top: -9999px;
	left: -9999px;
	overflow: hidden;
}