* { padding: 0; margin: 0 }

body {
background: #CCC4B1;
font: 12px/1.7em arial, sans-serif;
text-align: center;
margin: 25px 0;
}

p { margin: 0 0 1.7em }

img { border: 0 }

ul {
list-style-type: square;
margin: 0 0 0 22px
}

li { margin: 0 0 1em }

a { color: #358 }

a:visited { color: #667 }

h2, h3 {
font: normal 24px "Trebuchet MS", arial, sans-serif;	
color: #494F2D;
margin: 0 0 .8em
}

h3 {
font-size: 16px;
font-weight: bold;
color: #AD7C51	
}

/*=Wrapper
--------------------------------------------------*/
#wrapper {
background: #CCC4B1 url(./images/wrapper-middle.png) repeat-y 0 0;
width: 755px;
text-align: left;
margin: 0 auto;
position: relative
}

	#wrapper-top {
	background: url(./images/wrapper-top.png) no-repeat 0 0;
	width: 755px;
	height: 25px	
	}

/*=Header
--------------------------------------------------*/
#header {
background: #494F2D;
width: auto;
height: 125px;
margin: 0 15px
}

	#header #title {
	background: url(./images/logo.gif) no-repeat 0 0;
	width: 295px;
	height: 86px;
	line-height: 200px;
	overflow: hidden;
	position: absolute;
	top: 45px;
	left: 35px;
	z-index: 101
	}
	
		#header #title a { display: block }

#header #search {
width: 240px;
position: absolute;
top: 85px;
right: 50px
}

#header #s {
width: 200px;
padding: 5px;
border: 1px solid #212414;
position: absolute;
left: 0;
top: 0
}

#header #searchsubmit {
position: absolute;
right: 0;
top: 5px
}
	


/*=Navigation
--------------------------------------------------*/	
#nav {
background: #AD7C51;
width: 725px;	
font-weight: bold;
text-align: center;
color: #fff;
list-style-type: none;
margin: 0 0 0 15px;


}

	#nav ul { text-align: left; list-style-type: none; padding: 0 0 0 20px; margin: 0 }

		#nav ul li { padding: 15px 10px 15px 0; margin: 0; float: left }
	
			#nav ul li a { 	font-weight: bold; text-decoration: none; color: #fff; padding: 5px 10px 5px 0 }

#masthead {
background: url(http://spirittherapies.org/wp-content/themes/spirit/images/masthead.jpg) no-repeat center top;
width: 755px;
height: 200px;
margin: 0 0 30px
}

#masthead #quicklinks {
width: 240px;
position: absolute;
right: 50px
}

#mastheader #quicklinks li {
list-style-type: none;

}

#masthead #quicklinks .involved {
background: url(http://spirittherapies.org/wp-content/themes/spirit/images/quicklinks.jpg) no-repeat 0 -10px;
width: 240px;
height: 36px;
line-height: 200px;
overflow: hidden;
position: absolute;
top: 10px;
left: 0
}

#masthead #quicklinks .donate{
background: url(http://spirittherapies.org/wp-content/themes/spirit/images/quicklinks.jpg) no-repeat 0 -50px;
width: 240px;
height: 50px;
line-height: 200px;
overflow: hidden;
position: absolute;
top: 50px;
left: 0
}


#masthead #quicklinks .events {
background: url(http://spirittherapies.org/wp-content/themes/spirit/images/quicklinks.jpg) no-repeat 0 -90px;
width: 240px;
height: 50px;
line-height: 200px;
overflow: hidden;
position: absolute;
top: 90px;
left: 0
}

#masthead #quicklinks .member {
background: url(http://spirittherapies.org/wp-content/themes/spirit/images/quicklinks.jpg) no-repeat 0 -130px;
width: 240px;
height: 50px;
line-height: 200px;
overflow: hidden;
position: absolute;
top: 130px;
left: 0
}


#masthead #quicklinks a { display: block }

/*=Main
--------------------------------------------------*/
#main { margin: 0 35px 0 }




/*=Content
--------------------------------------------------*/
#content {
background: #fff url(main-bg.gif) repeat-x 0 0;
width: 420px;
padding: 0 0 25px;
float: left
}

	#content #left { width: 45%; float: left }
	
	#content #right { width: 45%; float: right }

#onecol #content { width: 660px }

	#content .memberslist { background: #fff; width: 210px; list-style-type: none; float: left; margin: 15px 0 20px 10px }

		#content .memberslist .category { font-weight: bold; color: #871117 }

/*=Sidebar
--------------------------------------------------*/
#sidebar  {
background: #fff;
width: 250px;
font-size: 11px;
color: #444;
padding: 0 0 25px;
float: right
}

	#onecol #sidebar { display: none }


/*=Footer
--------------------------------------------------*/
#footer {
background: url(./images/wrapper-bottom.png) no-repeat bottom left;
width: 755px;
position: relative;
clear: both
}

	#footer #copyright {
	background: url(./images/hori-line.gif) repeat-x 0 0;
font-size: 11px;
	padding: 20px 0 25px;
	margin: 0 35px
	}
	
	#footer #powered-by {
	background: url(./images/designed-by.gif)	 no-repeat 0 0;
	width: 165px;
	height: 35px;
	line-height: 200px;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	right: 35px	
	}
	
		#footer #powered-by a { display: block }


/*=Misc
--------------------------------------------------*/
.left { float: left }

.right { float: right }

.clear { clear: both }

/*=Clearfix
--------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

	* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
	
	* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

.album_title {
font-size: 16px;
font-weight: bold;
color: #ad7c51
}

.thumbs { margin: 25px 0 0 }

h3.imagetitle {
font-size: 13px;
color: #333;
margin: 10px 0 0
}

.prevnext { padding: 20px 0 10px 0 }


