/*  
Theme Name: Purple Leaves
Theme URI: http://wordpress.org/
Description: A custom Wordpress theme for St. James' Park.
Version: 1.0
Author: Phil Moore
Author URI: http://b4k4.co.uk/

	Purple Leaves
	 http://b4k4.co.uk/

	This theme was designed and built by Phil Moore, based on the Wordpress default.
	Phil can be found online at http://b4k4.co.uk./

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

*/

/*
 * Hand-coded by Phil Moore for Kathy @ St. James' Park
 * See http://b4k4.co.uk/ if you fancy something doing :)
 * 
 * If you're looking at this, let's hope it's for research, to learn how something was done
 * and not just to steal the design. Not that I flatter myself to think you'd want to...
 *
 * (Sections are denoted by /** for those who like cmd-f)
 */

/* ===== LAYOUT ===== */

/**
 * GENERIC TAGS
 * ------------
 */
body { background: #e7e7e6; }

/**
 * GENERAL WRAPPER AND HEADER 
 * --------------------------
 */
#container_body { 
	width: 757px;
	padding: 0;
	margin: 10px auto 5px;
	background: url('images/container-body.gif') repeat-y;
}
#header {
	padding: 0;
	margin: 0;
	width: 757px;
	height: 139px;
}
#header a {
	display: block;
	width: 757px;
	height: 139px;
	background: url('images/head-image.jpg') top left no-repeat;
	text-indent: -3000px;
	overflow: hidden;
}
#caption {
	padding: 0;
	margin: 0;
	width: 367px;
	height: 21px;
	background: url('images/alt-campsite-text.gif') top left no-repeat;
	position: relative;
	left: 377px;
	text-indent: -3000px;
	overflow: hidden;
}

/**
 * NAVIGATION BOX 
 * --------------
 */
#nav {
	width: 150px;
	padding: 45px 0 0;
	margin: 0;
	position: relative;
	left: 30px;
	float: left;
	background: #fff url('images/nav-bg-head.jpg') top left no-repeat;
}
#nav ul {
	width: 150px;
	padding: 0 0 55px;
	margin: 0;
	background: #fff url('images/nav-bg-foot.jpg') bottom left no-repeat;
}
#nav ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: url('images/nav-bg-body.jpg') repeat-y;
}
#nav ul li a { 
	background: url('images/nav-divider.gif') bottom left no-repeat;
}
#nav ul li.subtle_nav a {
	top: 7px;
	background: none;
}
#nav ul li a {
	display: block;
	width: 142px;
	height: 15px;
	padding: 2px 3px 2px;
	margin: 0px 0px;
	overflow: visible;
}
#nav ul li a:hover, #nav ul li.current_page_item a {
	background: url('images/nav-hilite.jpg');
}

/* Prev/Next post navigation */
#navigation { background-color: #e7e7e6; float: right; padding: 5px; margin: 0; }
#navigation.archive { position: absolute; right: 0px; margin: 10px 0 0;}
#navigation ul { padding: 0; margin: 0; list-style: none; }

/* Page/Sub-page navigation */
.page_sub_nav { padding: 3px 10px; margin: 0 0 10px; font-size: 1.1em; background-color: #eee; border-bottom: 1px solid #999;}
.page_sub_nav li { display: inline;  padding: 0 6px 0 2px; }
.page_sub_nav li.page_item { border-right: 1px solid #ccc; }

/**
 * SEARCH
 * ------
 */
#searchform { margin: 0; padding: 0; }

/**
 * MAIN PAGE BODY
 * --------------
 */
#body {
	width: 530px;
	float: left;
	position: relative;
	left: 50px;
	margin: 10px 0 30px;
	padding: 0;
	background: url('images/leaf-bg.gif') top right no-repeat;
}
.alignleft { float: left; }
.alignright { float: right; }
.post { clear: both; border-bottom: 8px solid #eee; }

#body img { border: 1px solid #000; margin: 5px; }
#body img.no_border { border: 0px; }
img.odd { float: right; margin: 5px 0 5px 5px; }
img.even { float: left; margin: 5px 5px 5px 0; }

p.attachment { text-align: center; }
#body h3, #body h4 { clear: both; padding: 0 }
#body h4 { margin: 12px 0 3px; }
#body p { line-height: 1.3em; }

#body .info { background: #f5f5f5 url('images/info.gif') no-repeat top right; border: 1px solid #ccc; padding: 5px; width: auto; clear: both; text-align: center; }

table { border-collapse: collapse; }

td { border: 1px solid #eee; padding: 4px; }
thead td { border-bottom: 2px solid #ccc; }

.minor_section { border-top: 2px solid #eee; }

/* Contact form */
form#contact_us { margin: 10px auto; padding: 10px; width: 70%; border: 3px solid #eee; background: url('images/mail-icon.gif') no-repeat top right; }
form#contact_us h4 { border-bottom: 2px solid #eee; width: 66%; }
form#contact_us p { line-height: 1.5em; }
form#contact_us label { font-weight: bold; padding-right: 20px;  }
form#contact_us input.text_in { border: 1px solid #ccc; font-size: 0.9em; }
form#contact_us textarea { width: 80%; height: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }

.links_list li { padding: 3px 0; }

/**
 * Main (Index) Page
 * ------------
 */

#welcome {
	width: 97px; height: 21px;
	text-indent: -3000px;
	overflow: hidden;
	background: url('images/welcome-text.jpg') top left no-repeat;
} 

#recent_posts { border: 1px solid #e7e7e6; }
#recent_posts h2 { 
	width: 80px; height: 17px;
	margin: 5px 5px 4px; padding: 0;
	text-indent: -3000px;
	overflow: hidden;
	background: url('images/by-the-way.jpg') top left no-repeat;
}
#recent_posts h3 { text-transform: capitalize; }

.post_index { float: left; width: 164px; margin: 0px 5px 10px; overflow: hidden; }
.post_index h3 { margin: 0 0 5px; padding: 0;}
small.post_meta { display: block; border-bottom: 1px solid #eee; }
.postmetadata { border-top: 1px solid #eee; clear: both; }
#category_links { clear: left; height: 12px; margin: 2px 0; padding: 2px; border-top: 1px solid #e7e7e6; } 
#category_links ul { padding: 0; margin: 0; display: inline }
#category_links ul li { padding: 0px 5px; display: inline; list-style: none; border-left: 1px solid #ccc; }
a#post_archive { 
	display: block; 
	margin: 0;
	padding: 2px;
	border-top: 1px solid #e7e7e6;
}

.archive_list { width: 45%; float: left; margin-right: 10px; }
.archive_list h3 { border-bottom: 1px solid #e7e7e6; }

/**
 * Links List
 * ----------
 */
.links_list ul { list-style: none; padding: 0; margin: 0; }
.links_list ul ul { list-style: disc; margin: 0 15px 10px; padding: 0px 0 20px; border-bottom: 1px solid #e7e7e6; }

/**
 * Comments
 * --------
 */
.commentlist li { margin: 5px 0 10px; padding: 5px 0px; }
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/**
 * FOOTER
 * ------
 */
#footer {
	clear: both;
	padding: 0 0 15px;
	background: url('images/container-foot.gif') bottom left no-repeat;
}
#footer ul {
	width: 700px;
	margin: 0 auto 10px;
	padding: 5px 0 5px;
	text-align: center;
	border-top: 1px solid #eee;
}
#footer ul li {
	display: inline;
	font-size: 0.9em;
	padding: 0 3px;
}
#copyright {
	clear: both;
	padding: 0;
	margin: 0px;
	text-align: right;
}

#credits {
	width: 717px;
	margin: 0 auto;
	text-align: right;
}

.feed_link { border-left: 1px solid #ccc; }

/* ===== TYPOGRAPHY ===== */

/**
 * GENERIC TAGS
 * ------------
 */
body { 
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

/*p, ul, pre, div { font-size: 12px; }*/
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }

a:link, a:visited { color: #953a86; }
a:hover, a:active { background-color: #953a86; color: #fff; text-decoration: none; }

address { font-size: 1.2em; font-style: normal; font-weight: bold; }

/**
 * NAVIGATION BOX 
 * --------------
 */
#nav ul li a:link, #nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a:active, #nav ul li.current_page_item a:link, #nav ul li.current_page_item a:visited {
	color: #963a86;
	text-decoration: none;
}
#nav ul li.subtle_nav a:link, #nav ul li.subtle_nav a:visited { font-size: 0.9em; color: #999; }

/**
 * SEARCH
 * ------
 */
#searchform { text-align: right; }
#searchform input { font-size: 0.9em; }

/**
 * MAIN PAGE BODY
 * --------------
 */

/**
 * Main (Index) Page
 * ------------
 */
.post_index h3 { background-color: #e7e7e6; font-size: 12px; }
.post_index h3 a { text-decoration: none; }
small.post_meta, .postmetadata { color: #666; }
a#post_archive { text-decoration: none; }
a#post_archive:link, a#post_archive:visited { color: #000; background-color: #e7e7e6; }
a#post_archive:hover, a#post_archive:active { color: #fff; background-color: #953a86; }

/**
 * Comments
 * --------
 */
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}


.links_list li a { font-weight: bold; text-decoration: none; }

img.wp-smiley { border: 0px; }

/**
 * FOOTER
 * ------
 */
#footer ul li {
	text-align: center;
}
#footer p {
	color: #ccc;
	text-align: center;
}

#copyright { color: #999; }

#footer ul li a:link, #footer ul li a:visited { color: #666; } 
#footer ul li a:hover, #footer ul li a:active { color: #fff; background-color: #953a86; }

#credits a:link, #credits a:visited { color: #666; text-decoration: none; }
#credits a:hover, #credits a:active { color: #fff; background-color: #000; text-decoration: none; }

.feed_link a { padding-right: 13px; background: url('images/feed-icon-10x10.gif') no-repeat bottom right; }

/**
 * Flickr Badge
 */
#flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:visited { color: #3993ff; text-decoration: none; }
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:active { background-color: transparent; color: #3993ff; text-decoration: none; }
.flickr_badge_image { float: left; }
#flickr_badge_uber_wrapper p { padding: 0; margin: 0; clear: both; }