/***********************************************************
*  Owner:      	doko.com LLC
*  Title:      	Hiroshima Peace Media Center 
*  Version      1.0 screen media
*  Author:     	doko.com Amm
*  Created:		12.12.2009
*  Updated:    	12.15.2009
************************************************************/

/*
	0_Reset
	1_Class
	2_Link
	3_Title
	4_Header
	5_Content
	6_Footer
	7_Page
*/

/* 0_Reset
-------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

ol, ul { list-style: none; }
a img { border: none; }
html { background: url(../images/BGimage.gif) repeat 0 0; }

body
{
	line-height: normal;
	color: #000;
	font: 400 12px Arial, Tahoma;
	background: url(../images/BGimage.jpg) repeat-x 0 0;
}

#wapper
{
	margin: 0 auto;
	width: 868px;
	background: #FFF;
}

/* 1_Class
-------------------------------------------------------------------*/

.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.hide { display: none; }
.clear { clear: both; }

.clearFF:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 2_Link
-------------------------------------------------------------------*/

a:link
{
	color: #6DA674;
	text-decoration: none;
}

a:visited
{
	color: #6DA674;
	text-decoration: none;
}

a:hover
{
	color: #6DA674;
	text-decoration: underline;
}

a:active
{
	color: #6DA674;
	text-decoration: none;
}

/* 3_Title
-------------------------------------------------------------------*/

h1 { /*LOGO*/ }
h2 { /*TOP IMAGE*/ }

h3
{
	padding: 35px 0 14px 0;
	color: #6DA674;
	font: 400 24px/24px Verdana;
	border-bottom: 1px solid #C4C4C4;
}

/* 4_Header
-------------------------------------------------------------------*/

#header { position: relative; }

#header .addthis_toolbox
{
	position: absolute;
	left: 718px;
	top: 54px;
}

* html #header .addthis_toolbox { left: 711px; }

/* 5_Content
-------------------------------------------------------------------*/

#content { padding: 0 74px 0 68px; }

#content p
{
	padding: 27px 15px 40px 0;
	color: #77878F;
	font: 400 12px/18px Tahoma;
}

#index #content p
{
	padding: 27px 15px 40px 0;
	color: #77878F;
	font: 400 13px/18px Tahoma;
}

/* 6_Footer
-------------------------------------------------------------------*/

#footer { padding: 0 0 0 68px; }

#footer ul
{
	padding: 27px 0;
	height: 14px;
}

#footer ul li
{
	float: left;
	padding: 0 12px 0 0;
	color: #77878F;
	font: 400 11px Tahoma;
}

#footer ul li a,
#footer ul li a:visited
{
	display: inline-block;
	margin: 0 12px 0 0;
	color: #77878F;
}

#footer ul li a:hover { text-decoration: underline; }