/*

Title:      Fukuoka International Church master screen styles


color scheme:
Primary Color:
FBB54D - logo light brown
BC955A
A36C19 - logo dark brown
FDC879
FDD69D
Complementary Color:
3B6EA3 - blue
405D7B
133E6A - dark blue
6D9ED1
88ACD1 - sky blue

*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #334;
	background: #fff;
	}

/* links */

a:link, a:visited {
	color: #317b9e;
	text-decoration: none;
	}
a:hover {
	color: #104c68;
	}
	
/* download link */

a.dnld {
	font-weight: bold;
	}

/* structure 
--------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 100em;
	border-width: thin;
	border-style: none solid;
	}
#wrap-inner {
	width: 80em;
	margin: 0 auto;
	font-size: 1.2em;

	}
div.main {
	float: left;
	width: 64em;
	}
div.secondary {
	float: right;
	width: 16em;
	background: #fea;
	}

/* header 
--------------------------------------------- */

#header {
	margin: 0 auto;
	padding: 0;
	background-color: #024;
	height: 22em;
	}
#header-left {
	float: left;
	width: 66em;
	}
#header-right {
	float: right;
	width: 30em;
	}
#header-right img {
	float: left;
	padding: 0em 1em 0em 0em;
	display: block;
	width: 19em;
	height: 22em;
	}
#logo {
	margin: 0;
	padding: 2em;
	}
#title-en {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	line-height: 1em;
	font-size: 1.8em;
	color: #fc5;
}
#title-en span {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	font-size: 1.6em;
	color: #fc5;
}
#title-jp {
	font-weight: normal;
	font-size: 1.5em;
	color: #fc5;
}
#title-jp span {
	font-weight: normal;
	font-size: 1.8em;
	color: #fc5;
}
#logo img {
	float: left;
	display: block;
	padding: 0em 1em;
	height: 8em;
	}
#upper-bar {
	height: 3px;
	background: #fc5
}
#mid-bar {
	height: 2px;
}
#lower-bar {
	height: 1px;
	background: #fc5
}

/* navigation */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#nav ul li a {
	float: left;
	display: block;
	width: 9em;
	line-height: 1.4em;
	padding: 1em 1em .8em 1em;
	margin: 0;
	text-decoration: none;
	color: #aac;  /*#7b828c;*/
	border: none;
	}
#nav ul li a strong {
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	}
#nav ul li a span {
	display: block;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	}
#nav li a:hover {
	background: #135
	}

/* language navigation */

#lang ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#lang ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#lang ul li a {
	float: left;
	display: block;
	width: 8em;
	line-height: 1.4em;
	padding: 1em 1em .8em 1em;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	background: url(../img/1206/lang-bg.gif) no-repeat bottom left;
	}
#lang ul li a strong {
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #e3e3e3;
	}
#lang li a:hover {
	background: #135
	}

/* tagline
--------------------------------------------- */

h1#tagline {
	margin: 0 0 0 0; 
	padding: .5em 0 1em 0; 
	font-family: Georgia, serif; 
	font-weight: normal; 
	font-size: 2em; 
	text-align: center; 
	border-bottom: 2px solid #e0e0d5;
	}

span.fancy {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	color: #694;
	}

/* modules 
--------------------------------------------- */

div.mod {
	width: 63em;
	margin: 0;
	padding: 1em 0;
	border-top: 1px solid #e0e0d5;
	}
div.mod-meta {
	float: left;
	width: 15em;
	margin: 0;
	padding: 0 0 0 1em;
	text-align: left;
	}
div.mod-meta h3 {
	margin: 0;
	padding: 0 1em 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #646870;
	}
div.mod-meta img {
	width: 14em;
	margin: .5em 0 0 0;
	}
div.mod-body {
	float: right;
	width: 45em;
	margin: 0 1em 0 0;
	padding: 0;
	}
div.mod-body p a {
	color: #317b9e;
	}
div.mod-body a:hover {
	color: #104c68;
	}
div.mod-body h2 {
	margin: -.1em 0 .3em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	}
div.mod-body h2.section {
	font-size: 1.4em;
	}
div.mod-body h4.time {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	color: #8f9195;
	}
div.mod-body h4.time abbr {
	border: none;
	}
div.mod-body p {
	margin: 0 0 1.5em 0;
	font-size: 1.2em;
	line-height: 1.6em;
	}
div.mod-body p.posted {
	font-size: 1em;
	text-align: left;
	color: #8f9195;
	}
div.mod-body p a.clink {
	padding: 0 0 0 16px;
	border: none;
	color: #8f9195;
	text-decoration: none;
	border: none;
	background: url(../img/bitstream/icon-com.gif) no-repeat 0 50%;
	}
div.mod-body p a.clink:hover {
	color: #646870;
	}
div.mod-body p.filed a {
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	border: none;
	}
div.mod-body blockquote {
	margin: -.1em 0 0 -18px;
	padding: 0 0 0 18px;
	font-family: Georgia, serif;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.2em;
	background: url(../img/bitstream/icon-quotes.gif) no-repeat 0 .3em;
	}
div.mod-body blockquote.alt {
	margin: -.1em 0 0 0;
	padding: 0 0 0 0;
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	background: none;
	}
div.mod-body blockquote p {
	margin: 0 0 1.2em 0;
	padding: 0;
	line-height: 1.4em;
	}
div.mod-body p.attr {
	margin: 0 0 1.5em 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	text-align: right;
	font-weight: normal;
	color: #646870;
	}
div.mod-body blockquote p.attr cite {
	font-style: normal;
	}
div.mod-body blockquote p.attr cite a {
	font-weight: bold;
	}
div.photo {
	margin: 0 0 1em 0;
	}
div.photo img {
	width: 45em;
	margin-left: -1em;
	padding: 1em;
	}
div.photo a:hover img {
	background: #fff;
	}
div.static {
	width: 45em;
	margin: 0 0 2.5em -1em;
	padding: 1em;
	text-align: center;
	}
div.static span {
	display: block;
	width: 45em;
	background: #fff;
	}
div.static img {
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	}


/* entry-specific and content */

div.entry ul,
div.entry ol,
div.content ul,
div.content ol {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	}
div.entry ol,
div.content ol {
	margin-left: 1em;
	}
div.entry ul li,
div.content ul li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
	background: url(../img/bitstream/bullet-circle.gif) no-repeat 0 .3em;
	}
div.content ul.feed-list li {
	padding-left: 0;
	background: none;
	}
div.content ul.feed-list li a.rss {
	background-position: 0 50%;
	}
div.entry h2 a {
	text-decoration: none;
	color: #474a51;
	}
div.entry h2 a:hover {
	color: #408db4;
	}
div.entry img.thumb {
	float: right;
	margin: .3em 0 1em 1em;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
div.entry img.alt {
	float: left;
	margin: .3em 1em 1em 0;
	}
div.entry img.plain {
	border: none;
	background: none;
	}
div.entry a:hover img.thumb {
	background: url(../img/bitstream/noise-earth.gif);
	}
dl.lst {
	margin: 0 0 2.5em 0;
	padding: 0;
	font-size: 1.1em;
	}
dl.lst dt {
	margin: 0 0 .3em 0;
	font-weight: bold;
	}
dl.lst dd {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.5em;
	}
dl.lst dd em {
	display: block;
	color: #646870;
	}

/* quickbit entries */

div.qb p {
	color: #474a51;
	}
div.qb h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .3em 0;
	}
div.qb h2 a {
	color: #317b9e;
	padding-right: 1.3em;
	text-decoration: none;
	}

/* plain about link */

div.mod-meta h3 a.about {
	padding-left: 0;
	background: none;
	}


	
/* default title module 
--------------------------------------------- */

div.title {
	margin: 0;
	border-top: none;
	}
body#about div.title {
	border-bottom: none;
	}
div.title h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1em;
	color: #474a51;
	}
div.title h1 span {
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: .4em;
	font-weight: bold;
	line-height: 2.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #646870;
	}
div.title p {
	margin: .4em 0 0 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #8f9195;
	}
body#home div.title p {
	margin-bottom: 1em;
	}
div.title p a {
	text-decoration: underline;
	color: #8f9195;
	border: none;
	}
div.title p a:hover {
	color: #474a51;
	}

/* section header */

.section {
	width: 62em;
	margin: 0;
	padding: 0 0 1em 1em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #74a050;
	border-bottom: 1px solid #e0e0d5;
	}

/* secondary 
--------------------------------------------- */

div.secondary {
	color: #646870;
	}
div.secondary h3 {
	margin: 0;
	padding: 1em  0 1em 1em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #74a050;
	border-top: 1px solid #e0e0d5;
	}
div.secondary h3 a {
	color: #74a050;
	}
div.secondary p {
	margin: 1em 1em 2.5em 1em;
	line-height: 1.5em;
	}
div.secondary img.thumb {
	float: right;
	margin: .4em 0 .5em 1em;
	padding: .4em;
	width: 4em;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
	
/* img/desc lsts */

ul.lst {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.lst li {
	margin: 0;
	padding: .5em 1em;
	color: #646870;
	border-bottom: 1px dashed #e3e3e3;
	overflow: hidden;
	}
div.secondary ul.lst li a {
	font-size: .9em;
	}
ul li.last {
	margin-bottom: 2.5em;
	padding-bottom: 0;
	border: none;
	}
ul.lst li a {
	display: block;
	line-height: 1.4em;
	color: #8f9195;
	overflow: hidden;
	}
div.mod-body ul.lst li a {
	text-decoration: none;
	}
ul.lst li a strong {
	display: block;
	color: #317b9e;
	padding: .2em 0 .1em 0;
	}
ul.lst li a em {
	display: block;
	}
ul.lst li a img {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
ul.lst li a:hover {
	color: #646870;
	}
ul.lst li a:hover strong {
	color: #104c68;
	}

/* footer
--------------------------------------------- */

#footer-bar {
	margin: auto;
	padding: 0.2em 3em;
	background: #024;
	font-size: 1.2em;
	line-height: 0.5em;
	text-align: right;
	color: #fff;
	}

/* misc. 
--------------------------------------------- */

.by {
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
	}
span.block {
	display: block;
	}
hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* self-clear floats */

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