/* @override http://www.thepassagefellowship.org/wp-content/themes/passage/style.css */

/*
Theme Name: The Passage Fellowship
Theme URI: http://thepassagefellowship.org
Description: The Passage Fellowship's theme.
Version: 1.0
Author: Joshua Choi
Author URI: http://joshua.choi.name
Tags: black, one column

	The Passage Fellowship v1.0
	 http://thepassagefellowship.org/

	This theme is based on WordPress Defaults v1.4 by
	Michael Heilemann

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	The "background.png" image in the pictures folder is
	copyrighted in 2009 by The Passage Fellowship. The source
	image of the bread was used with permission from the Tucson
	True Light Church (ittlc.org).

*/

/* @group Typography and colors */

html {
	background-color: #493a28;
	padding: 0 100px;
}

body {
	font-size: 95%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: justify;
	background: #d8be9c;
	/*background: black url(images/background.png) no-repeat;*/
	margin: 0 20px;
	padding: 0 50px;
	width: 800px;
}

#footer {
	border-top: 1px #333 solid;
	font-size: 0.7em;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: 3px;
}

h1 {
	font-size: 2em;
	text-align: center;
	font-variant: small-caps;
}

h2 {
	font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
}

h2, h3 {
	/*color: #ccc;*/
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}

strike {
	color: #777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	color: #ad4f00;
	text-decoration: none;
}

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

dt {
	font-weight: bold;
	margin-top: 20px;
}

object {
	width: 560;
	height: 480;
}

iframe {
	border: 1px solid #777;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	height: 350px;
	display: block;
}

.introduction {
	font-size: 110%;
}

/* @end */

/* @group IDs */

#header {
	padding: 0;
	height: 150px;
	background: url(images/banner-bread.png) no-repeat center top;
}

#skip-header-link {
	float: right;
	font-size: 0.7em;
}

#skip-header-link a {
	color: #777;
	/*color: #bbb;*/
}

/* @group Primary navigation */

#primary-nav {
	margin: 0;
	border-bottom: 1px solid #333;
	padding: 10px 0 5px 10px;
}

ul#primary-nav {
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 5px;
}

#primary-nav ul, #primary-nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#primary-nav a:link, #primary-nav a:visited {
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #333;
	/*color: #bbb;*/
}

#primary-nav a.current_page_item, #primary-nav a:hover {
	border-bottom: 4px solid white;
	padding-bottom: 2px;
	color: white;
	background-color: transparent;
}

#primary-nav a:hover {
	color: white;
}

/* @end */

/*
 * The sidebar is below the content in the document stream because
 * otherwise the Flickr plugin won't detect the pages' custom fields.
 */

#content.narrow-column {
	float: left;
	width: 650px;
}

#sidebar {
	margin-left: 670px;
	padding: 10px 0;
	border-left: 1px solid #555;
}

#footer p {
	margin: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#footer address {
	margin: 5px;
	padding: 0;
}

/* @end */

/* @group Images */

p img {
	padding: 0;
	max-width: 100%;
}

.image-line {
	text-align: center;
}

.image-line img {
	margin: 0 10px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* @end */

/* @group Entry lists */

/* @end */

/* @group Form elements */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}

#sidebar #searchsubmit {
	padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}


/* @end */

/* @group Various tags and classes */

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.hidden {
	display: none;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

/* @end */

/* @group Captions */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #333;
	text-align: center;
	background-color: #e9d6c7;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 1px solid #333;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* @end */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */