/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
	body {
	background: #495318 url('../images/bg.png');
	color: #000305;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	}
#index {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	


}
#index #content p {
	color: #030;
	padding-bottom: 18px;
}
/* Headings */
h2 {
	font-size: 2.5em;
	font-weight: bold;
}	/* 22px */
h3 {
	font-size: 1.6em
}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #4E3979;
	padding: 0 1px;
	text-decoration: underline;	
}
a:active {
	background-color: #63723C;
	color: #fff;
	text-decoration: underline;

}
	
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

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

::-moz-selection {background: #8453A9; color: #fff;}
::selection {background: #8453A9; color: #fff;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}
#index .colmask.threecol .colmid .colleft .col1 ul li {
	line-height: 20px;
	color: #030;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/***** Layout *****/
.body {
	clear: both;
	margin: 0 auto;
	width: 1000px;
}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}

/*
	Header
*****************/
#banner {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	line-height: 0px;
	-moz-box-shadow: 0px 5px 50px #979639;
	-webkit-box-shadow: 0px 1px 50px #979639;
	background-image: url(../images/foundation-for-women-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 107px;
	width: 1000px;
	display: block;
}
#banner #logo {
	display: block;
	float: left;
}
#banner #utilitynav {
	position: relative;
	height: 30px;
	width: 280px;
	right: 45px;
	float: right;
	color: #FFF;
	font-size: 12px;
}
#index #banner #utilitynav .un-links {
	float: left;
	margin-top: 15px;
}
#index #banner #utilitynav .socialbtns {
	float: right;
	margin-top: 3px;
}
#banner #utilitynav a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
#banner #utilitynav a:hover {
	text-decoration: underline;
}

	/* Banner */
	#banner h1 {
	font-size: 3.571em;
}
	
	#banner h1 strong {font-size: 0.36em; font-weight: normal;}
	
	/* Main Nav */
	#banner nav {
	background-image: -moz-linear-gradient(100% 100% 90deg, #5839B2, #281A4F);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#281A4F), to(#5839B2));
	font-size: 1em;
	height: 40px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	background-color: #5839B2;
	}
	
	#banner nav ul {
	list-style: none;
	margin: 0 auto;
	width: 1000px;
}
	#banner nav li {float: left; display: inline; margin: 0;}
	
	#banner nav a:link, #banner nav a:visited {
		color: #fff;
		display: inline-block;
		height: 30px;
		padding: 5px 1.5em;
		text-decoration: none;
	}
	#banner nav a:hover, #banner nav a:active,
	#banner nav .active a:link, #banner nav .active a:visited {
	color: #fff;
	text-shadow: none !important;
	background-color: #8453A9;
	}
	
	#banner nav li:first-child a {


	}
	#banner img{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

/*
	Featured
*****************/
#featured {
	overflow: hidden;
	width: 1000px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 5px 50px #979639;
	-webkit-box-shadow: 0px 1px 50px #979639;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #8453A9;
}
img.centerit {display:block; margin-left: auto; margin-right:auto;}
#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right;}

/*
	Body
*****************/
#content {
	background: #EFE8C7;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 20px;
	width: 660px;
	/* border-radius: 10px;
	-webkit-border-radius: 10px; */
	float: left;
	line-height: 18px;
}
#index #sidebar header h2 {
}

#sidebar {
	background: #b2ad7b;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 20px;
	width: 250px;
	/* border-radius: 10px;
	-webkit-border-radius: 10px; */
	float: right;
	line-height: 18px;
}

#footerad {
	margin-bottom: 1em;
	overflow: hidden;
	width: 700px;
	/* border-radius: 10px;
	-webkit-border-radius: 10px; */
	float: left;
}
#index #footerad img {

	margin-right: auto;
	margin-left: auto;
}

/*
	About
*****************/
#about {
	background: #657040;
	font-style: normal;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	text-align: left;
	width: 960px;

	font-size: 0.8em;
	color: #EFE8C7;
}

#about .primary {
	float: left;
	width: 500px;
	line-height: 14px;
}
#index #content header h3 {
	color: #657040;
	text-shadow: 1px 1px 1px #333;
}
#index #content header h2 {
	margin: 0px;
	padding: 0px;
	color: #030;
	text-shadow: 1px 1px 1px #333;
}
#index #sidebar header h2 {
	margin: 0px;
	padding: 0px;
	color: #030;
}
#index #sidebar header h3 {
	color: #657040;
}
#about .photo {float: left; margin: 5px 20px;}

#about .url:link, #about .url:visited {text-decoration: none;}

#about .bio {
	float: right;
	margin-top: 5px;
	line-height: 2.4;
}
#index #contentinfo #about .bio img {
	float: right;
	padding-left: 5px;
}

/*
	Footer
*****************/
#contentinfo {padding-bottom: 2em; text-align: right;}

/***** Sections *****/
/* Blog */
.hentry {
	border-bottom: 1px solid #eee;
	padding: 1.5em 0;
}
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}

.entry-title {font-size: 1.429em; margin-bottom: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none;}

.hentry .post-info * {font-style: normal;}

	/* Content */
	.hentry footer {margin-bottom: 2em;}
	.hentry footer address {display: inline;}
	#posts-list footer address {display: block;}

	
	
	#posts-list footer {
		left: 10px;
		position: absolute;
		top: 1.5em;
		width: 190px;
	}
	
	/* About the Author */
	#about-author {
	clear: both;
	font-style: normal;
	margin: 2em 0;
	padding: 10px 20px 15px 20px;
	border-radius: 5px;
	background-color: #657040;
	}
	
	#about-author strong {
	color: #030;
	clear: both;
	display: block;
	font-size: 1.429em;
	}
	
	#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
	
	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}




/* column container */
	.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-bottom: 10px;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
	background:#E2DBB5;		/* right column background colour */
	}
	.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#EFE8C7;		/* center column background colour */
	}
#index .colmask.threecol .colmid .colleft .col1 p img {
	padding: 20px;
}
#index .colmask.threecol .colmid .colleft .col2 h2 {
	padding-top: 15px;
}
#index .colmask.threecol .colmid .colleft .col1 h2 {
	padding-top: 15px;
}
#index .colmask.threecol .colmid .colleft .col3 h2 {
	padding-top: 15px;
	padding-bottom: 15px;
}
	.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#E2DBB5;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


/* SUB NAVIGATION */
#subnavi {
	width: 250px;
	float:left;
}
	#subnavi ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	#subnavi li {
	display: inline;
	/* for IE5 and IE6 */
	}
	#subnavi a
{
	color: #333;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 6px;
	width: 195px;
	background-color: #E8E1C4;
	border: 1px solid #F2EBD3;
	margin-bottom: 2px;
}
#index .colmask.threecol .colmid .colleft .col1 p {
	line-height: 20px;
	color: #49531E;
}
#subnavi1 a:link, #subnavi a:visited
{
	color: #333;
	text-decoration: none;
}
#subnavi a:hover
{
	background-color: #3C2668;
	color: #fff;
}
#subnavi li a#current
{
	background-color: #3C2668;
	color: #fff;
}



a.learnmore{
	background-image:url(../images/learn-more_btn.gif);
	display:block;
	height:23px;
	width:127px;
	text-indent:-9999px;
	float: right;
}

a.learnmore:hover{
	background-image:url(../images/learn-more_btn-hover.gif);
	display:block;
	height:23px;
	width:127px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:auto;
	float: right;
}#random-quote {
	line-height: 20px;
	text-align: center;
	font-style: italic;
	color: #475517;
}
#index .colmask.threecol .colmid .colleft .col3 img {
	padding-top: 15px;
		padding-bottom: 10px;
}
#index .colmask.threecol .colmid .colleft .col2 img {
	padding-top: 15px;
		padding-bottom: 10px;
}

.address { 

}
	.address dt {
		margin-bottom:16px;
	}
	.address dd { 
		clear:both;
		text-align:right;
		margin-left:0px;
	
	}
		.address dd span { 
			float:left;
			
		}#index .colmask.threecol .colmid .colleft .col1 .store tr td p strong {
	vertical-align: top;
	text-align: center;
}
#index .colmask.threecol .colmid .colleft .col1 .store tr td {
	text-align: center;
}
#index #footerad a img {
	margin: 0px;
	padding: 0px;
}
.section a {
	margin: 0px;
	padding: 0px;
}
#index .colmask.threecol .colmid .colleft .col2 h3 {
	padding-top: 20px;
}
#index .colmask.threecol .colmid .colleft .col1 ul .pdf {
	list-style-image: url(../images/icons/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDB8A0;
	padding-top: 10px;
	color: #49531E;
}
#index .colmask.threecol .colmid .colleft .col1 ul .pdf a {
	color: #49531E;
}
#index .colmask.threecol .colmid .colleft .col1 ul .pdf a:hover {
	color: #49531E;
	text-decoration:underline;
}
#index #contentinfo #about .primary a {
	color: #BFB990;
}
table tr .highlightrow {
	background-color: #E2DBB5;
}
table tr .highlightrow2 {
	background-color: #EFE8C7;
}

/* ERROR 404 PAGE */
#404 {
	display: block;
	width: 460px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
#404 a {
	color:#EFE8C7;
	text-decoration:none;
}
#404 a:hover {
	text-decoration:underline;
}