/* 
Theme Name: WomanCare
Theme URI: http://wordpress.org/
Description: This theme is a WordPress conversion of a design originally made for Womancare Pregnancy Centre in BC.
Version: 1.0
Author: Brandon J McKay
Author URI: http://BrandonJMcKay.com/
Tags: modern, grey, CMS conversion
*/
*, ul, li	{
	margin: 0;
	padding: 0;
	}

/*--------------------------
Beginning of Page Layout
----------------------------*/
body	{
	background: #EAF1F2 url(images/background.jpg) repeat-x top left;
	margin-top: 12px;
}

#wrapper	{
	margin: 0 auto 0 auto;
	width: 848px;
	background: #fff;
	padding: 12px;

	-webkit-box-shadow: 2px 5px 5px #4D4D4D;
	box-shadow: 2px 5px 5px #4D4D4D;
	-khtml-box-shadow: 2px 5px 5px #4D4D4D;
	-moz-box-shadow: 2px 5px 5px #4D4D4D;
	}
	
	#page	{
		border: 1px #badff9 solid;
		padding: 0 12px 12px 0;
		background: url(images/flowers.jpg) bottom left no-repeat;
}

#home	{
	position: absolute;
	z-index: 1;

	width: 837px;
	height: 596px;
	overflow: hidden;
}

	#home img	{
		float: left;
}

#home div	{
	position: relative;
}

#home .hover	{
	position: absolute;
	z-index: 2;
	opacity: 0;
}

#home .pregnant	{
	width: 92px;
	height: 36px;
	position: absolute;
	top: 47px;
	left: 445px;
}

#home .newborn	{
	width: 84px;
	height: 29px;
	position: absolute;
	top: 101px;
	left: 656px;
}

#home .abortion	{
	width: 80px;
	height: 30px;
	position: absolute;
	top: 145px;
	left: 432px;
}

#home .support	{
	width: 82px;
	height: 32px;
	position: absolute;
	top: 195px;
	left: 538px;
}

#home .enter	{
	width: 136px;
	height: 35px;
	position: absolute;
	top: 238px;
	left: 678px;
}

	#header	{
		background: url('images/womancare-header.jpg') top left no-repeat;
		width: 824px;
		height: 138px;
		margin: 0 auto 0 12px;
		padding-bottom: 12px;
}

#main	{
	width: 100%;
}

	#content	{
		width: 570px;
		height: 390px;
		border: 1px #badff9 solid;
		float: right;
		background: #fff;
		overflow: hidden;
		position: relative;

		-webkit-box-shadow:inset 1px 2px 3px #C0C0C0;
		box-shadow:inset 1px 2px 3px #C0C0C0;
		-khtml-box-shadow:inset 1px 2px 3px #C0C0C0;
		-moz-box-shadow:inset 1px 2px 3px #C0C0C0;

}

		#scroll	{
			padding: 12px;
			height: 100%;
			position: relative;
			top: 0;
		}

#footer *, #menu *	{
	list-style: none;
}



#sidebar	{
	float: right;
	width: 135px;
	text-align: center;
	overflow: hidden;
}

	#sidebar img	{
		float: right;
	}

#footer	{
	text-align: center;
	clear: both;
	font-size: 9px;
	line-height: 11px;
	padding-top: 12px;
}

#footer a.bjm:hover	{
	border-bottom: 1px dashed;
}
/*--------------------------
Ending of Page Layout
----------------------------*/
/*--------------------------
Beginning of Menu
----------------------------*/
#menu	{
	float: left;
	width: 115px;
	overflow: hidden;
}

#menu a	{
	text-shadow: 0px 1px 0px #fff;
	
	font-size: 1em;
	line-height: 2.5em;
	text-transform: lowercase;
	font-weight: bold;
	width: 115px;
	padding: .75em 0 .75em 12px;

	white-space: nowrap;
}

#menu a:hover	{
	
	background: #badff9;
	filter: dropshadow(color=#fff,offX=0,offY=1);
}
/*--------------------------
Ending of Menu
----------------------------*/
/*--------------------------
Beginning of Typography
----------------------------*/
body	{
	font-family: verdana, sans-serif;
	font-size: .75em;
}	

h1	{
	color: #8cbe4f;
	font-family: Georgia, Serif;
	font-weight: normal;
	font-size: 3em;
	padding: 0 0 .5em 0;

	text-shadow: -1px -1px 0px #3C6D00; /*4F9100;*/
	filter: dropshadow(color=#3C6D00,offX=-1,offY=-1);
	width:  12em;
}

h2	{
	color: #007cb3;
	font-size: 1.17em;
}

h2,
h3	{
	margin: 1.5em 0 .5em 0;
}

a	{
	color: #007cb3;
	text-decoration: none;
}

a:hover	{
	color: #000;
}

#menu a	{
	color: #727272;
}

#menu a:hover	{
	color: #007cb3;
}

p	{
	padding: 0 0 1em 0;
}

#content ul, #content ol	{
	list-style-position: outside;
	margin: .5em 0 1.5em 0;
}

#content li	{
	position: relative;
	left: 30px;
	width: 500px;
}

#content li + li	{
	padding: 1em 0 0 0;
}

ul + h2	{
	padding: 1em 0 0 0;
}

blockquote	{
	font-size: 1.17em;
	font-family: Georgia, serif;
	font-style: italic;
	width: 30em;
	text-align: justify;
	margin: .5em auto 0 auto;

	border: 1px solid #badff9;

	
}

blockquote p	{
	margin: 1em;
	padding: 0;
}
/*--------------------------
Ending of Typography
----------------------------*/
/*--------------------------
Ending of Pictures
----------------------------*/
.alignleft	{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright	{
	float: right;
	margin: 0 0 1em 1em;
}

a img	{
	border: 0;
}
/*--------------------------
Ending of Pictures
----------------------------*/