@charset "utf-8";

/* 
---------------------------------------------------------------------------
akari-studio.com CSS:
	Theme: The Light
	Last Updated: May.04, 2010

	1. GENERAL HTML
		1-1. TEXT
	2. LAYOUT
		2-1. HEADER
		2-2. NAV
		2-3. ARTICLE
--------------------------------------------------------------------------- */


/*	1. GENERAL HTML
--------------------------------------------------------------------------- */

body {
	margin-top: 0;
}

img {
	border: none;
}

br {
	clear: both;
}

p {
	margin: 0;
	padding: 0 0 1em;
}

address, article, aside, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


/*		1-1. TEXT
--------------------------------------------------------------------------- */

body {
	font-family: Optima, Lucida Sans Unicode, Verdana, sans-serif;
	color: #fff;
	font-size: 80%;
	text-align: center;
	line-height: 1.7;
}

a {
	color: #fff;
	text-decoration: none;
}


/*	2. LAYOUT
--------------------------------------------------------------------------- */

#container {
	width: 800px;
	height: 500px;
	margin: 8% auto 0;

	text-align: left;
}
.index {
	background: gray url(../img/bg1-20100512.jpg) no-repeat;
}
.organizer {
	background: gray url(../img/bg2-20100512.jpg) no-repeat;
}
.download {
	background: gray url(../img/bg3-20100514.jpg) no-repeat;
}
.contact {
	background: gray url(../img/bg4-20100512.jpg) no-repeat;
}
.creativecommons {
	background: gray url(../img/bg5-20100512.jpg) no-repeat;
}

article {
	width: 630px;
	
	float: left;
}
article p {
	padding-left: 3em;
}

nav {
	width: 170px;
	
	float: right;
}


/*		2-1. HEADER
--------------------------------------------------------------------------- */

header h1 {
	padding: 2em 0 1.4em 2em;
	
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: left;
}


/*		2-2. NAV
--------------------------------------------------------------------------- */

nav ul {
	margin: 0;
	padding: 0 2em 0 0;
	
	list-style-type: none;
	
	text-align: right;
}
nav ul li {
	margin-bottom: 5em;
}


/*		2-3. ARTICLE
--------------------------------------------------------------------------- */

article#download section {
	float: left;
	padding-left: 3em;
}
article#download section.paddingleft2em {
	padding-left: 2em;
}

article#download section p {
	padding-left: 0;
}

article#download section img {
	border: 1px solid #fff;
}

article#download ul {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}