/*  
Theme Name: Pastoring on Purpose
Theme URI: http://www.pastoringonpurpose.com
Description: Theme for Pastoring on Purpose website.
Version: 1.0
Author: Mikko Saario / Majik Design
Author URI: http://www.majik.fi

*/

/* Structure
---------------------------------------------------------*/

body {
	background: #000 url(img/bg_html.jpg) 0 0 repeat-x;
	font: normal 13px/17px Georgia, "Times New Roman", Times, serif;
	color:#090909;
	margin:0;
	text-align: center;
}

body.sub {
	background: #000 url(img/bg_html-sub.jpg) 0 0 repeat-x;
}

body * { 
	margin:0;
	padding:0;
	text-decoration: none;
	border:none;
	list-style-type: none; 
}

div#wrapper {
	width: 1024px;
	background: #000 url(img/bg_body.jpg) 0 0 no-repeat;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.sub div#wrapper {
	background: #000 url(img/bg_body-sub.jpg) 0 0 no-repeat;
}

div#container {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 806px;
}

div#header {
	width: 806px;
	height: 308px;
}

.sub div#header {
	width: 806px;
	height: 134px;
}

div#nav {
	width: 806px;
	height: 34px;
	background: url(img/bg_nav.gif) 0 0 repeat-x;
}

div#headerpic {
	width: 806px;
	height: 274px;
	background: url(img/bg_header.jpg) 0 0 no-repeat;
}

.sub div#headerpic {
	width: 806px;
	height: 100px;
	background: url(img/bg_header-sub.jpg) 0 0 no-repeat;
}

#sub2.sub div#headerpic {
	background: url(img/bg_header-sub2.jpg) 0 0 no-repeat;
}

#sub3.sub div#headerpic {
	background: url(img/bg_header-sub3.jpg) 0 0 no-repeat;
}

div#main {
	float: left;
	width: 806px;
	min-height: 360px;
	background: url(img/bg_main.jpg) 0 0 repeat-y;
}

div#left {
	min-height: 344px;
	float: left;
	width: 522px;
	background: url(img/bg_left.jpg) 0 0 no-repeat;
margin: 0;
}

div#right {
	min-height: 344px;
	_height: 344px;
	float: left;
	position: relative;
	width: 284px;
	background: url(img/bg_right.jpg) 0 0 no-repeat;
margin: 0;
	_margin-right: -3px;
}

#sub div#left {
	_width: 519px;
}

#sub div#right {
	_width: 283px;
}

div#footer {
	width: 806px;
	height: 194px;
	background: url(img/bg_footer.jpg) 0 0 no-repeat;
	float: left;
	_float: none;
	padding-bottom: 40px;
}

/* Main navigation
---------------------------------------------------------*/

div#nav ul {
	margin-left: 40px;
}

div#nav li {
	float: left;
	height: 34px;
	margin-right: 15px;
}

div#nav a {
	display: block;
}

div#nav li.active a {
	background-position: 0 -34px;
}

div#nav a.nav1 {
	background: url(img/nav_home.gif) 0 0 no-repeat;
	height: 34px;
	width: 30px;
}

div#nav a.nav1:hover {
	background: url(img/nav_home.gif) 0 -34px no-repeat;
}

div#nav a.nav2 {
	background: url(img/nav_about-us.gif) 0 0 no-repeat;
	height: 34px;
	width: 55px;
}

div#nav a.nav2:hover {
	background: url(img/nav_about-us.gif) 0 -34px no-repeat;
}

div#nav a.nav3 {
	background: url(img/nav_who-we-are.gif) 0 0 no-repeat;
	height: 34px;
	width: 69px;
}

div#nav a.nav3:hover {
	background: url(img/nav_who-we-are.gif) 0 -34px no-repeat;
}

div#nav a.nav4 {
	background: url(img/nav_testimonials.gif) 0 0 no-repeat;
	height: 34px;
	width: 77px;
}

div#nav a.nav4:hover {
	background: url(img/nav_testimonials.gif) 0 -34px no-repeat;
}

div#nav a.nav5 {
	background: url(img/nav_what-we-do.gif) 0 0 no-repeat;
	height: 34px;
	width: 69px;
}

div#nav a.nav5:hover {
	background: url(img/nav_what-we-do.gif) 0 -34px no-repeat;
}

div#nav a.nav6 {
	background: url(img/nav_why-we-started.gif) 0 0 no-repeat;
	height: 34px;
	width: 78px;
}

div#nav a.nav6:hover {
	background: url(img/nav_why-we-started.gif) 0 -34px no-repeat;
}

div#nav a.nav7 {
	background: url(img/nav_resources.gif) 0 0 no-repeat;
	height: 34px;
	width: 64px;
}

div#nav a.nav7:hover {
	background: url(img/nav_resources.gif) 0 -34px no-repeat;
}

div#nav a.nav8 {
	background: url(img/nav_contact-us.gif) 0 0 no-repeat;
	height: 34px;
	width: 67px;
}

div#nav a.nav8:hover {
	background: url(img/nav_contact-us.gif) 0 -34px no-repeat;
}

div#nav a.nav9 {
	background: url(img/nav_blog.gif) 0 0 no-repeat;
	height: 34px;
	width: 29px;
}

div#nav a.nav9:hover {
	background: url(img/nav_blog.gif) 0 -34px no-repeat;
}

div#nav a.nav10 {
	background: url(img/nav_get-involved.gif) 0 0 no-repeat;
	height: 34px;
	width: 78px;
}

div#nav a.nav10:hover {
	background: url(img/nav_get-involved.gif) 0 -34px no-repeat;
}

a {
	color: #403719;
}

a:hover {
	border-bottom: 1px dotted #3a3a3a;
}

ul#submenu {
	float: left;
	margin: 72px 0 0 34px;
	_margin: 72px 0 0 17px;
	padding-top: 1px;
	width: 194px;
	_width: 194px;
	background: url(img/line_submenu.jpg) 0 0 no-repeat;
}

ul#submenu li {
	text-transform: uppercase;
	font-size: 14px;
}

ul#submenu li a {
	background: url(img/a_readmore.gif) 0 5px no-repeat;
	color: #403719;
	display: block;
	width: 174px;
	border-bottom: 1px solid #9e9874;
	border-top: 1px solid #d5c989;
	padding: 3px 0 3px 20px;
}

ul#submenu li a:hover {
	background: #d5c989 url(img/a_readmore.gif) 0 6px no-repeat;
}



/* Text replacement
---------------------------------------------------------*/

span.ir {
	display: none;
}

h1 {
	height: 0px;
	text-indent: -999em;
	font-size: 0; 
}

/* Text style definitions
---------------------------------------------------------*/

h2 {
	font-size: 225%;
	font-style: oblique;
	font-weight: 100;
	color: #403719;
	margin: 50px 0 -20px 16px;
	_margin: 40px 0 -20px 16px;
	_padding-top: 10px;
	word-spacing: 0.1em;
	text-indent: 34px;
	text-shadow: #9b843c 0.1em 0.1em 0;
	width: 443px;
	height: 50px;
	background: url(img/bg_h2.jpg) 0 4px no-repeat;
	_background: url(img/bg_h2.jpg) 0 14px no-repeat;
}

h3 {
	font-size: 125%;
	color: #403719;
	margin: 1em 65px 1em 50px;
	font-weight: 100;
}

h3 a {
	color: #403719;
	font-weight: 100;
}

h4 {
	font-size: 110%;
	margin: -1em 65px 1em 50px;
	font-weight: 100;
}

div#left ul {
	position: relative;
	margin: 0 65px 1.5em 50px;
	width: 400px;
	clear: left;
}

div#left li {
	background: url(img/bullet.gif) 0 4px no-repeat;
	margin: 0 0 0;
	padding-left: 24px;
}

div#left img {
	float: left;
	margin: 0px 14px 20px 0;
}

p {
	margin: 0 68px 1.5em 50px;
	text-indent: 24px;
}

p span {
	text-transform: uppercase;
	color: #825917;
}

p span.quote {
	font-style: oblique;
	text-transform: none;
	color: #090909;
}

p.references, p u {
	font-size: 90%;
	font-style: oblique;
	_font-style: none;
	text-indent: 0;
}

p.divider {
	background: url(img/line_submenu.jpg) 0 0 repeat-x;
x	width: 410px;
	height: 2px;
}

p strong {
	text-transform: uppercase;
}

blockquote {
	background: url(img/bg_blockquote.gif) 50px 0 no-repeat;
	color: #825917;
	font-size: 110%;
	padding-top: 5px;
}

blockquote p {
	text-indent: 34px;
}

blockquote p span {
	color: #3a3a3a;
	font-size: 100%;
	text-transform: none;
	font-style: oblique;
	margin-left: -34px;
}

div#right h3 {
	font-size: 105%;
	font-weight: 100;
	color: #403719;
	margin: 58px 0 -4px 2px;
	word-spacing: 0.1em;
	text-indent: 31px;
	border-left: 5px solid #a3965b;
}

div#right h3 a {
	color: #403719;
}

div#right h4 {
	font-size: 80%;
	font-weight: 100;
	text-transform: uppercase;
	text-indent: 31px;
	margin: 0 0 3px 2px;
	border-left: 5px solid #a3965b;
	color: #363636;
}

div#right p {
	text-indent: 0;
	margin: 0 65px 1em 37px;
	line-height: 16px;
}

a.readmore {
	font-style: oblique;
	padding-left: 15px;
	color: #3a3a3a;
	background: url(img/a_readmore.gif) 0 50% no-repeat;
}

a.readmoretwo {
	font-style: oblique;
	padding-left: 15px;
	margin-left: -24px;
	color: #3a3a3a;
	background: url(img/a_readmore.gif) 0 50% no-repeat;
}

a.readmore:hover {
	background: url(img/a_readmore-over.gif) 0 50% no-repeat;
	border-bottom: 1px dotted #3a3a3a;
}

form {
	width: 400px;
	float: left;
	margin: 0 65px 1.5em 50px;
	_margin: 0 25px 1.5em 10px;
}

form label {
	width: 300px;
	float: left;
	margin-bottom: 1em;
}

form input, textarea {
	border: 1px #ccc inset;
	width: 300px;
	float: left;
	clear: right;
}

form input.btn {
	width: 80px;
	border: 1px solid #999;
	margin-top: 20px;
}


#entry #donate-form .input {
width: auto;
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

#entry #donate-form .textarea {
width: auto;
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

#entry #donate-form .checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

#entry #donate-form .submit {
width: auto;
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}
form input[type="radio"] { 
	float: left; 
	width: auto;
}
form input[type="input"] #amount {
	width: 100px;
	float: left;
}

form input.setamount {
	width: auto;
	float: left;
	clear: left;
	border: 0;
}
#donate-form input {
	clear: left;
	float: left;
}
#donate-form {
	margin-right: 0;
}