@import url("reset.css");

html
{
	height: 100%;
}

body
{
	background: #fff url('../img/bg_tile_80.png');
	height: 100%;
}

dfn
{ 
	/* font-style: normal; */
  border-bottom: 2px dotted #ccc;
}
	dfn:hover
	{
		cursor: pointer;
		/* font-style: normal; */
    border-bottom: 2px dotted black;
	}

a
{
	color: black;
	text-decoration: none;
}
	
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

.italic { font-style: italic; }
.no_bold { font-weight: normal; }
.no_shadow { text-shadow: none; }

.width_container
{
	width: 760px;
	margin: 0 auto;
}

#content_wrapper
{
	min-height: 100%;
}
	#body_content 
	{
		overflow:auto;
		padding-bottom: 180px;
	}
		
		#upper_kamon
		{
			display: block;
			clear: both;
			margin: 0 0 30px 0;
			height: 164px;			
			background: url('../img/kamon/1') 50% 100% no-repeat;
		}
		article.quote
		{
			font-family: 'Droid Serif', serif;
			font-size: 18px;
			line-height: 26px;
			color: #333;
			//text-shadow: 1px 1px 1px #aaa;
			text-align: justify;
					}
			article.quote p
			{	
				margin: 12px 0 0 0;
			}
				article.quote a
				{
					text-decoration: none;
					color: inherit;
				}
			article.quote p:first-letter
			{
				margin-left: 32px;
			}
			article.quote p.first
			{
				margin: 0;
			}	
		#lower_kamon
		{
			background: url('../img/kamon/1') 50% 100% no-repeat;
			height: 64px;
			margin: 32px 0 0 0;
		}
			#lower_kamon > section.credits
			{
				display: block;
				font-family: 'Droid Serif', serif;
				line-height: 24px;
				color: #ddd;
				padding: 0;
				margin: 0;
				text-align: center;
			}
				section.credits > div.first
				{
					margin: 8px 0 0 0;
				}
					section.credits > div > a
					{
						text-decoration: none;
						color: #ddd;
						color: rgba( 192 , 192 , 192 , 0.3 );
						cursor: pointer;
					}
						section.credits > div > a:hover
						{
							color: #aaa;
							color: rgba( 192 , 192 , 192 , 0.5 );
						}
					section.credits > div .major
					{
						font-size: 16px;
						text-shadow: 0px 0px 1px rgba( 192 , 192 , 192 , 0.2 );
						font-variant: small-caps;
					}
					section.credits > div .minor
					{
						font-size: 12px;
					}
		/*
		*/
	
#footer_wrapper
{
	background: #333 url('../img/bg_tile_dark_400.png');
	position: relative;
	margin-top: -140px;
	height: 140px;
	clear: both;
} 
	#footer_inner
	{
		background: url('../img/torn_edge_729_40.png') 0% 0% repeat-x;
	}
		#footer_kamon
		{
			height: 140px;
			/* background: url('../img/kamon/1') 50% 50% no-repeat; */
		}
			div.twitter
			{
				width: 150px;
				padding-left: 95px;
				margin: 60px 0 0 0;
			}
			div.facebook
			{
				width: 150px;
				padding-left: 100px;
				margin: 60px 0 0 0;
			}
			div.credits
			{
				clear:both;
				width: 100%;
				text-align: center;
				padding-top: 102px;
			}
				div.credits > a
				{
					font-size: 14px;
					font-weight: bold;
					font-family: sans-serif;
					color: #202020;
					color: rgba( 16 , 16 , 16 , 0.5 );
					text-shadow: 1px 1px 1px #404040;
					text-shadow: 1px 1px 1px rgba( 160 , 160 , 160 , 0.2 );
					text-decoration: none;
				}
					div.credits > a:hover
					{
						color: #111;
						color: rgba( 0 , 0 , 0 , 0.8 );
					}
		
/* Opera Fix -- Courtesy of http://www.cssstickyfooter.com */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


/*

	section.colophon
	{
		display: block;
		margin: 0 100px 0 100px;
	}

			
*/