/*
	Author:  Evan Shelhamer, Imaginary Number (imaginarynumber.net)
	Site:    NewPlace International (newplaceinternational.org)
	Role:    Main Theme Stylesheet
	URL:     THEME_DIR/style.css
	Version: 0.1
*/

/* =Globals
--------------------------------*/

html, body { height: 99%; color: #000000; background: #ffffff 0 0 url(img/back.gif) repeat; }

	body { font: normal 75%/1.5em "Lucida Grande", "Lucida Unicode Sans", "Tahoma", sans-serif; }
	html > body { font-size: 12px; }

	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; }

/* =Structure
--------------------------------*/
	
#container {
	position: relative;
	left: 6px; top: 6px;
	width: 750px; height: 100%;
	background: transparent url(img/container-back.png) 0 0 repeat-y;
}

	body > #container { height: auto !important; min-height: 100%; }
	
	#header { }

	#content {
		float: left;
		clear: left;
		width: 505px;
		padding: 0 0 2em 22px;
	}
	
	#sidebar {
		margin: 1.175em 0 0 550px;
		padding-right: 20px;
		width: 185px; 
		text-align: right;
	}
		
	#footer {
		clear: both;
		position: absolute;
		left: 0; bottom: 0;
		width: 726px;
		height: 2em;
		padding-left: 24px;
		color: #ffffff;
		background: #3139a4;
		line-height: 1.875em;
	}
		
		#footer div { float: left; }
		#footer span { padding-left: 1em; }
		#footer .credit { float: right; padding-right: 6px; }
		
	hr#stop {
		clear: both;
		width: 1px; height: 2em;
		color: #ffffff; background: #ffffff;
		border: none;
	}
	
/* =Navigation
--------------------------------*/

#nav {
	margin: 0;
	width: 100%; height: 2.25em;
	background: #3139b4;
	border-top: 1px solid #5159d4;
	border-bottom: 1px solid #5159d4;
	list-style: none;
}

	#nav li { display: inline; }

	#nav a,
	#nav a:visited {
		float: left;
		display: inline-block;
		padding: 0 1.6666em;
		height: 2em;
		color: #ffffff;
		font-size: 1.125em; line-height: 2em;
		font-family: "Baskerville", "Copperplate Gothic", "Century Gothic", serif;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border-left: 1px solid #5159d4;
	}
	#nav a:hover, #nav a:focus { color: #222222; background: #edef00; }
	#nav .current_page_item a { color: #3139d4 !important; background: #ffffff; border-bottom: 1px solid #ffffff; }

	#footer a { color: #ffffff; font-weight: normal; text-decoration: none; }
	#footer a:hover, #footer a:focus { color: #ffff00; }
	
	#footer .credit a { text-decoration: underline; }
	#footer .credit a:hover, #footer .credit a:focus { text-decoration: none; }
	
/* =Content
--------------------------------*/

/* =Headings */

h1 {
	margin: 0;
	width: 750px; height: 180px;
	background: #ffffff 0 0 url(img/masthead.jpg) no-repeat;
	text-indent: -9999px;
}

h2 {
	padding: 1.25em 0 0.75em 0;
	font-size: 1.5em; line-height: 1em;
	font-variant: small-caps;
}

h3 { margin: 0.8em 0 0.4em 0; font-size: 1.25em; line-height: 1.2em; }

h4 {
	display: inline-block;
	margin: 0.6666em 0;
	font-size: 1.125em; line-height: 1.3333em;
	font-weight: normal;
	border-bottom: 1px dotted #5159c4;
}

/* =Text */

p { padding: 0.75em 0; }

em { font-style: italic; }
strong { font-weight: bold; }

/* =Links */

a { color: #cf4400; font-weight: bold; }
a:visited { color: #5159d4; }
a:hover, a:focus { text-decoration: none; }
a:active { color: #000000; }

a img { border: 2px solid #cf4400; }
a:visited img { border-color: #5159d4; }
a:hover img, a:focus img { border-color: #edef00; }
a:active img { border-color: #000000; }

.action {
	display: inline-block;
	margin: 0.75em auto;
	padding: 6px 0 0 54px;
	min-height: 52px;
	background: transparent url(img/icons/action-link.png) no-repeat left center;
	line-height: 1.3333em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

/* =Lists */

ul, ol { margin-left: 2em; list-style: square; }

ul { }

	ul li { }

ol { }

	ol li { }

#sidebar ul { margin: 0; padding: 0 0 0 1em; list-style: none; }
	
	.events { padding-bottom: 1.5em !important; }
	
/* =Images */

#content img { border: 1px solid #000000; }
#sidebar img { margin: 0.75em 0; width: 180px; border: 1px solid #5159d4; }

/* =Forms
--------------------------------*/

#searchform { padding-top: 24px; }

	#searchform label { display: block; }
	
.searchbutton {
	padding: 1px;
	color: #999;
	background: #fff;
	border: 1px solid #ddd;
	font-weight: bold;
}

.searchbutton:hover {
	color: #666;
	background: #eee;
	border-color: #999;
	text-decoration: none;
	cursor: pointer;
}

.searchfield {
	width: 170px;
	padding: 1px 1px 1px 18px;
	color: #666;
	background: url(img/icons/search-16.png) no-repeat #fff;
	border: 1px solid #ddd;
}

.searchfield:hover, .searchfield:focus {
	background-color: #eee;
	border-color: #999;
	text-decoration: none;
}

.button {
	font-weight: bold;
	padding: 1px;
	background: #fff;
	color: #666;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	border-left: none;
	border-right: none;
	}

.button:hover {
	color: #333333;
	background: #eee;
	border-color-top: #999;
	border-color-bottom: #999;
	text-decoration: none;
	cursor: hand;
}

#comment { width: 100%; }

/* =Miscellaneous
--------------------------------*/

.hide { display: none; }

.notice { font-style: italic; }
.error { font-weight: bold; }

/* =Page-Specific
--------------------------------*/

/* =Home / Founding Members */

.founding-members h3 a { display: block; font-size: 0.8em; }

/* =Projects */
.projects ul { margin-left: 2em; list-style: none; }
.projects a { color: #cf4400 !important; font-size: 1.125em; line-height: 1.3333em; }

.projects .partners { margin-left: 1em; }
	
	.projects .partners a { color: #3d45b8 !important; }

/* =News & Events */
.blog { width: 100% !important; }

.blog h2 { margin-left: 200px; }
.blog h3 { margin-left: 2.4em; padding-left: 15px; }

	.blog h3 a,
	.blog h3 a:visited {
		display: block;
		width: 380px;
		line-height: 1em;
		color: #ee0000;
		text-decoration: none;		
	}
	.blog h3 a:hover,
	.blog h3 a:focus { color: #3139a4; }
	
		.blog h3 a span { display: block; padding-top: 2px; color: #000000; font-size: 0.75em; }
	
.blog .post { margin-left: 148px; }

	.blog .entry { clear: left; margin-left: 3em; padding-left: 15px; width: 350px; }
	
	.blog .preview {
		float: left;
		margin: 0.5em 1em 0 0;
		max-width: 130px;
		border: 1px solid #3d45b8;
	}
	.blog a:hover img, .post a:focus img { border-color: #edef00; }

	.blog .read-more { clear: left; margin-bottom: 1.5em; padding: 0; }
	
		.blog .read-more a { text-decoration: none; }
		.blog .read-more a:hover, .blog .read-more a:focus { color: #000000 !important; }
	
.post-date {
	float: left;
	width: 3em;
	border: 1px solid #5159c4;
	font-size: 0.75em;
	text-align: center;
}
	
	.post-date p { padding: 1px 0 4px; line-height: 1em; }
	.post-date .month { color: #ffffff; background: #5159c4; }
	.post-date .day { font-weight: bold; }

.post-nav {
	margin-left: 200px;
	width: 340px; height: 1.75em;
	background: #5159c4;
	border: 1px solid #3139a4;
}
	
	.post-nav a,
	.post-nav a:visited { padding: 0.75em 0.25em; color: #ffffff; text-decoration: none; }
	.post-nav a:hover,
	.post-nav a:focus { color: #000000; }

.commentlist { margin-left: 0; padding-left: 0; list-style: none; }

/* =Contact Us */
	.contact-us p { margin-left: 1em; font-size: 1.25em; line-height: 1.2em; }

/* =St. Pauls */
.st-paul-childrens-centre h2 span { display: block; font-size: 0.8333em; line-height: 1.2em; color: #5159d4; }