/*   
Theme Name: Fragile
Theme URI: http://www.fragilethehumancondition.com
Description: A custom theme for the Fragile: The Human Condition website
Author: Jeff Underwood
Author URI: http://www.e-dcc.com
Version: 1.0
.
General comments/License Statement if any.
.
*/
.fragile_sub_content_nochildren {
	font-family: proxima-nova-condensed-5,proxima-nova-condensed,Helvetica;
	font-size: 12px;
	color: #000000;
	letter-spacing: 0.6px;
	margin-left:15px;
}

.fragile_sub_content_left_td {
font-family: proxima-nova-condensed-5,proxima-nova-condensed,Helvetica;
font-size: 12px;
color: #000000;
letter-spacing: 0.6px;
}
.fragile_sub_content_left_td a{
	text-decoration: none;
	color: #000000;
}
.fragile_sub_content_left_td a:hover{
	text-decoration: none;
	color: #be9e77;
}
#authorImages {
	float: right; 
	width: 500px; 
	height: 400px;
	margin-bottom: 10px;
	margin-left:10px; 
	padding: 0;
		
}
sup {
	font-size:8px;
}
.pageHeader {
	font-size:18px;
}
.endnotes {
	font-size:10px;
}
.photoCaption {
	font-size:10px;
}
html, body {
	background-color: #7e99aa;
	margin-top: 0;
	margin-bottom: 0;
}
div#fragile_container {
	margin-left:auto;
	margin-right: auto;
	width: 1042px;
	background-color: #fff;
}
div#fragile_wrapper {
	position: relative;
	top: 0px;
	left: 8px;
	width: 1025px;
}
div#fragile_header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1025px;
	height: 155px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;
}
div.header {
	position: relative;
	top: 30px;
	left: 26px;
	width: 973px;
	height: 118px;
	background-color: #E8E0D3;
	z-index: 10;
}
div.fragile_logo {
	position: absolute;
	top: 20px;
	left: 26px;
	z-index: 20;
}
div.fragile_title {
	position: absolute;
	top: 33px;
	left: 144px;
}
img.hgb_logo {
	position: absolute;
	top: 24px;
	right: 10px;
}
div.link_home {
	position: absolute;
	bottom: 3px;
	right: 10px;
}
div#fragile_content_wrap {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1025px;
	background-image: url(images/bg_container.jpg);
	background-repeat: repeat-y;
}
/*  [[  Top Navigation  ]] */
div#fragile_nav {
	position: relative;
	top: 0px;
	left: 26px;
	width: 973px;
	height: 39px;
}
.fragile_button_ul {
	list-style: none;
	position: relative;
	top: 0px;
	left: 18px;
	width: 986px;
	height: 39px;
	margin: 0;
	padding: 0;
}
li.page_item {
	position: relative;
	top: 0px;
	float: left;
	width: 188px;
	height: 39px;
	background-color: #b5b2a9;
	/*margin-right: 8px;*/
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 2.8em;
	border-left: 8px solid #fff;
}
.fragile_button_ul li a {
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.fragile_button_ul li a:hover {
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #e8e0d3;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom:12px;
}
div.fragile_content {
	position: relative;
	top: 8px;
	left: 26px;
	width: 973px;
	min-height: 456px;
	height: auto !important;
	height: 456px;
}
div.fragile_content_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 580px;
	height: 356px;
}
div.fragile_content_right {
	position: relative;
	top: 0px;
	left: 588px;
	width: 385px;
	height: 356px;
	background-color: #cddfe6;
}
div.fragile_content_right_text {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:55px;
	padding-bottom:55px;
}
div.fragile_boxes {
	position: relative;
	top: 8px;
	left: 0px;
	width: 980px;
	height: 158px;
}
div.fragile_box {
	position: relative;
	float: left;
	width: 238px;
	height: 158px;
	margin-right: 7px;
}
div#fragile_footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1025px;
	height: 70px;
	background-image: url(images/bg_footer.jpg);
	background-repeat: no-repeat;
}
div.fragile_footer_content {
	position: relative;
	top: 8px;
	left: 26px;
	width: 973px;
	height: 44px;
	background-color: #e9e0c8;
}
/*  [[  Pages  ]]  */
/*div.height_left {
	position: relative; top: 0px; left: 0px;
	width: 680px;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	padding: 25px;
}

div.height_right {
	position: absolute; top: 25px; left: 766px;
	width: 188px;	
	min-height: 456px;
	height: auto !important;
	height: 456px;
}*/

.height_left_td {
	width: 772px;
	padding: 25px;
	vertical-align: top;
}
.height_right_td {
	width: 200px;
	vertical-align: top;/*background-color: #B7D2DB;	*/
	/*background-color: #dfd3b0;    */
 	
}
.subpage_border {
	border-color:#000;
	border-left-style:solid;
	border-left-width:thin;
	height:auto;
	min-height:575px;
}
.height_left_td p {
	margin-left:10px;
	margin-top: 12px;
}
.height_left_td img {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.height_nochildren {
	position: relative;
	top: 0px;
	left: 0px;
	width: 940px;
	padding: 15px;
}
.height_nochildren img {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.height_nochildren p {
	margin-top: 12px;
}
.height_nochildren a:link, .height_nochildren a:visited {
	text-decoration: none;
	color: #7e99aa;
}
.height_nochildren a:hover {
	text-decoration: none;
	color: #b5b2a9;
}
.fragile_sub_button_ul {
	list-style: none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 184px;
	margin: 0;
	padding: 0;
	line-height:4.0em;
}
.fragile_sub_button_ul li.page_item {
	/*list-style: none;*/
	/*position: relative; top: 0px; left: 0px;*/
	width: 190px;
	height:auto;
	/*height: 39px;*/
	margin: 0;
	margin-left:15px;
	padding: 0;
	/*background-color: #B7D2DB;*/
	background-color: #fff;
	border-left:0px;
	margin-bottom: 15px;
	text-align:left;
	line-height:1.1em;
}
.fragile_sub_button_ul li.page_item a {
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0.6px;
	font-weight:normal;
	color: #000;
	text-decoration: none;
}
.fragile_sub_button_ul li.page_item a:hover {
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #be9e77;
}
.fragile_sub_button_ul li.current_page_item a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #5f9baf;
	text-decoration: underline;
}
/*  [[  Text  ]]  */

.fragile_title {
	font-weight: bold;
	color: #000;
}
.link_home {
	font-family: liberation-serif-1, Times New Roman;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
a.link_home:link, a.link_home:visited {
	text-decoration: none;
}
a.link_home:hover {
	text-decoration: none;
	color: #5f9baf;
}
.fragile_button {
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 2.8em;
}
a.fragile_button:link, a.fragile_button:visited {
	text-decoration: none;
}
a.fragile_button:hover {
	text-decoration: none;
	color: #dfd3b0;
}
.fragile_content_right_text {
	text-align:left;
	color: #000;
	font-family: liberation-serif-1, Times New Roman;
	font-size: 16px;
	font-weight: lighter;
}
.fragile_footer_content {
	font-family: Helvetica;
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	line-height: 1.6em;
}
.fragile_content {
	font-family: proxima-nova-condensed-5, proxima-nova-condensed-1, Helvetica;
	font-size: 14px;
	color: #000;
}


/*  [[  Category Colors  ]]  */

.cat1 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #e23b30;
}
.cat2 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #9f1888;
}
.cat3 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #008998;
}
.cat4 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #ea7125;
}
.cat5 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #39892f;
}
.cat6 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #3b60af;
}
.cat7 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #633b1b;
}
.cat8 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #8e908F;
}
.cat9 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #e30450;
}
.cat10 {
	padding:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
	color: #fbda64;
}

.benTitle
{
	font-family: liberation-serif-1, Times New Roman;
	font-size: 14px;
	font-weight: 800;
	color: #000;
	letter-spacing: .6px;
	padding-bottom: 20px;
}

/* [[  Table Formatting  ]] */

.tbl_Table
{
	vertical-align: top;
	border: solid 1px black;
	border-spacing: 0px;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 12px; /*font-weight: 800;*/
	color: #000;
	letter-spacing: .6px;
}

.tbl_Table td
{
	border: solid 1px black;
	vertical-align: top;
}

/* [[  Ag Projects Table Headers  ]] */
.ag_tbl_Title
{
	background-color: #9DD29C;
	text-align: center;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}

.ag_tbl_Headers
{
	background-color: #9DD29C;
}

/* [[  Water Projects Table Headers  ]] */
.water_tbl_Title
{
	background-color: #91C9ED;
	text-align: center;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}

.water_tbl_Headers
{
	background-color: #91C9ED;
}

/* [[  Nutritions Projects Table Headers  ]] */
.nutrition_tbl_Title
{
	background-color: #C49A6B;
	text-align: center;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}

.nutrition_tbl_Headers
{
	background-color: #C49A6B;
}

/* [[  Humanitarian Projects Table Headers  ]] */
.humanitarian_tbl_Title
{
	background-color: #939598;
	text-align: center;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}

.humanitarian_tbl_Headers
{
	background-color: #939598;
}


/* [[  Conflict and Unaccompanied Persons Projects Table Headers  ]] */
.conflict_tbl_Title
{
	background-color: #CCB0A6;
	text-align: center;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}

.conflict_tbl_Headers
{
	background-color: #CCB0A6;
}



/* [[  Conservation Projects Table Headers  ]] */
.conservation_tbl_Title
{
	background-color: #84562D;
	text-align: center;
	font-family: proxima-nova-condensed-5, proxima-nova-condensed, Helvetica;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}

.conservation_tbl_Headers
{
	background-color: #84562D;
}