/*
Theme Name: CDRI
Theme URI: http://www.cdri.org/
Description: The site theme for CDRI/CDNC
Version: 1.0
Author: Dan Zappone
Author URI: http://www.23systems.net/
Tags: desert, two column, widgets
*/


/*---- BASE STYLES ----*/
* {
	padding: 0px;
	margin: 0px;
}

body {
	background: url('images/background.gif') #F9F9F7 repeat-x top center !important;
	color: #404040;
	font-size: 90%;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	line-height: 18px;
}

a {
	color: #B53F00;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

sup {
	font-size: 0.5em;
}

p {
	margin-bottom: 14px;
	text-align: justify;
}

blockquote {
	margin: 10px !important;
	padding: 0 0 0 35px !important;
}

.quote {
	color: #215321;
	font: bold 1.1em/1.2em 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	text-align: justify;
}


/*---- TABLE STYLES ----*/
table {
/*	margin: 10px; */
	border-collapse: collapse;
	text-align: justify;
	font-size: 1.0em;
}

th strong {
	color: #FFFFFF;
}

th {
	padding-left: 12px;
	padding-right: 12px;
/*	border-left: 1px solid #C0C0C0; */
	border-bottom: solid 2px #FFFFFF;
	background: #215321 repeat-x;
	color: #FFFFFF;
	text-align: left;
	height: 35px;
}

th h3 {
  font-size: medium !important;
	color: #FFFFFF !important;  
  font-weight: bold !important;
  text-align: center;
}

tr {
	height: 32px;
}

td {
	padding-left: 11px;
	padding-right: 11px;
/*	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; */
}

#lichens td {
	padding-left: 5px;
	padding-right: 5px;
}

td h3 {
  font-size: medium !important;
	color: #FFFFFF !important;  
  font-weight: bold !important;
}

td h4 {
  font-size: medium !important;
  font-weight: bold !important;
}

td.first,th.first {
	border-left: 0px;
}

tr.row-a {
	background: #F8F8F8;
}

tr.row-b {
	background: #EFEFEF;
}

tr.row-c {
	background: #d6d6d6;
	font-weight: bold;
}

tr.row-d {
	background: #cdcdcd;
	font-weight: bold;
}


/*---- FORM STYLES ----*/
form {
	/* margin: 10px; */
	padding: 0 5px;
	border: 1px solid #E1E1E1;
	background-color: #E1E1E1;
	margin-bottom: 20px !important;
}

#content .gform_body h2 {
  font-size:1.2em;
}

.gform_wrapper {
	margin: 10px 0;
	width:100%;
}

#content h3.gform_title, .gform_description {
	padding: 5px 20px 0 40px;
	display:block;
}

html form h2.fsSectionHeading {
  font-size: 1.2em !important;
  font-weight: bold !important;
}
/* .fsForm .fsTable { margin: 0 auto; padding: 0; } 
.fsForm .fsCell {padding:2px;} */
.fsFieldRow td { padding-bottom:0px; } 
.fsSectionRow td.fsRowBody { padding:0; }
.fsRowTop, .fsRowBottom { display: none; } 
.fsSectionRow + .fsFieldRow .fsCell {padding-top:0;} 
.fsSectionHeading{ margin:0; padding:0;}
.fsForm { padding-top:15px; clear:both; }

table .fsTable {
  empty-cells: hide;  
}

table.fsSection {
	margin-bottom:-30px;
}


form .fsRowBottom {
  height: 0px;
  min-height: 0px;
  max-height: 0px;
  empty-cells: hide;
}

form .fsSpacerRow {
	height: 0px;
	min-height: 0px;
	max-height: 0px;
}

label {
	margin: 0;
	display: block;
	font-weight: bold;
}

label.fsOptionLabel, label.fsOtherField {
	display:inline;
	line-height:150%;
	padding-left:10px;
}

input {
	padding: 2px;
	border: 1px solid #666;
	color: #404040;
	font: normal 1em 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
}

textarea {
	width: 400px;
	padding: 2px;
	border: 1px solid #E1E1E1;
	display: block;
	color: #404040;
	font: normal 1em 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	height: 100px;
}

input.button {
	padding:5px 10px;
	background-color: #EEE;
	margin:0;	
/*	margin: 0;
	padding: 2px 3px;
	border: 1px solid #2F4F4F;
	color: #fff;
	background-color:#ccc;
	font: bold 12px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	height: 24px;
	text-align:right; */
}

.gform_wrapper input.button {
	margin:0 0 10px 40px;
}


/*---- SEARCH FORM STYLES ----*/
#searchform {
	border: none;
	margin: 0;
	padding: 5px 0 15px 0;
	width: 180px;
	background-color: transparent;
}

#searchform p {
	margin: 0;
	padding: 0;
}

#searchform input.textbox {
	width: 130px;
	padding: 2px;
	border: 1px solid #DCDCDC;
	color: #404040;
	height: 18px;
	vertical-align: top;
}

#searchform input.button {
	width: 30px;
	padding: 2px 5px;
	height: 24px;
	vertical-align: top;
}
body.error404 #content #searchform {
	width:300px;
}


/*---- IMAGE STYLES ----*/
img.pica {
	width: 76px;
	padding: 8px;
	background: url('images/frame.gif') no-repeat;
	position: relative;
	top: -2px;
	height: 74px;
}

img.picb {
	width: 146px;
	padding: 7px;
	background: url('images/a26.gif') no-repeat;
	position: relative;
	top: -2px;
	height: 75px;
}

img.floatleft {
	float: left;
	margin: 0px 14px 3px 0px;
}

ul.linklist {
	list-style: none;
}

ul.linklist li {
	border-top: solid 1px #F5F5F5;
	padding-top: 5px;
	margin: 5px 0px 0px 0px;
}

ul.linklist li.first {
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}


/*---- DESIGN STYLES ----*/
#upbg {
	width: 955px;
	background: url('images/upper-bg.png') #FFFFFF no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 264px;
	z-index: 1;
}

#outer {
	width: 955px;
	margin: 0 auto;
	background: url('images/alt-bg.png') #FFFFFF repeat-y;
	position: relative;
}

#inner {
	padding: 13px 30px 13px 30px;
	position: relative;
	z-index: 2;
}


/*---- HEADER STYLES ----*/
#header {
	width: 895px;
	padding-left: 20px;
	background: url('images/cdri-header.jpg') no-repeat top left;
	color: #FFFFFF;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	position: absolute;
	height: 92px;
}

#header span {
	font-weight: normal;
}

#header h1 {
	font-size: 1.5em;
	letter-spacing: -1px;
	position: absolute;
	top: 30px;
	height: 92px;
}

#header h1 a, #header h1 a:hover{
	color: #FFFFFF !important;
	text-decoration: none;
}

#header h2 {
	color: #FFE4C4;
	font-size: 1.0em;
	font-weight: normal;
	position: absolute;
	top: 92px;
}

#header sup {
	color: #FFE4C4;
}

#splash {
	width: 666px;
	float: right;
	background: url('images/splash.jpg') no-repeat top right;
	position: absolute;
	height: 92px;
}


/*---- NAVIGATION STYLES ----*/
#nav {
	clear: both;
	margin: 98px 0px 0px 0px;
	padding: 0;
	height: 45px;
	position: relative;
	width: 895px;
	display: block;
	background: url(images/nav.jpg) repeat-x;
	z-index: 300;
}

#navborder {
	background: url(images/header-menu-btm.jpg) #215321 repeat-x;
	position: relative;
	height: 22px;
}

#date {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 52px;
	letter-spacing: -1px;
	position: absolute;
	top: 0px;
	right: 30px;
}


/*---- CONTENT STYLES ----*/
#content {
	width: 688px;
	float: right;
	position: relative; 
	z-index: 2;
}

#content #pics {
	float:right;
	margin-left:35px;
	margin-bottom:300px;
}
#content .pullquote {
	float:right;
	width:220px;
	margin-left:35px;
	padding:15px;
	background:#ddd;
	text-align:left;
}
#content .welcomebox {
	float:right;
	width:200px;
	margin-left:35px;
	padding:15px;
	background:#f8ebce;
	text-align:center;
	color: #000;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#content .welcomebox hr {
	color: #f8ebce; 
	background-color: #f8ebce; 
	border: 1px dotted #999999; 
	border-style: none none dotted; 
}
#content .learnmore {
	width:620px;
	margin-left:10px;
	padding:15px;
	background:#ddd;
	text-align:left;
}
html #content #breadcrumb {
	font-size:75%;
}
#content h2 {
	padding: 0 0 0 0;
	margin-bottom: 20px;
	color: #001466;
	font-weight: bold !important;
	background: url('images/a22.gif') bottom repeat-x;
	font-size: 1.8em;
	line-height: 1.9em;
	letter-spacing: -1px;
	top: 4px;
}

#content h2 a, #content h2 a:hover {
	color: #001466;
	text-decoration: none;
}
#content .fsForm h2 {
	margin:0;
}
#content h3 {
	padding: 0 0 0 0;
	margin-bottom: 10px;
	color: #001466;
	font-size: 1.4em;
	font-weight: bold !important;
	line-height: 1.5em;
	letter-spacing: -1px;
	top: 4px;
}

#content h3 a, #content h3 a:hover {
	color: #001466;
	text-decoration: none;
}

#content h4 {
	padding: 0 0 0 0;
	margin-bottom: 10px;
	color: #001466;
	font-size: 1.2em;
	font-weight: bold !important;
	line-height: 1.3em;
	letter-spacing: -1px;
	top: 4px;
}

#content h4 a, #content h4 a:hover {
	color: #001466;
	text-decoration: none;
}

#content h5 {
	padding: 0 0 0 0;
	margin-bottom: 10px;
	color: #001466;
	font-size: 1.1em;
	font-weight: bold !important;
	line-height: 1.2em;
	top: 4px;
}

#content h5 a, #content h5 a:hover {
	color: #001466;
	text-decoration: none;
}

#content h6 {
	padding: 0 0 0 0;
	margin-bottom: 10px;
	color: #001466;
	font-size: 1.0em;
	font-weight: bold !important;
	line-height: 1.1em;
	top: 4px;
}

#content h6 a, #content h6 a:hover {
	color: #001466;
	text-decoration: none;
}

#content li {
	margin-bottom: 4px;
	text-align: justify;
}

#content .entry {
	padding: 0px 15px 0px 0px;
	margin-bottom: 20px;
}

#content .post {
	margin-bottom: 10px;
}

#content .post .post-header {
	position: relative;
}

#content .post .date {
	color: #A9A9A9;
	font-weight: bold;
	line-height: 35px;
	position: absolute;
/*	right: 15px; */
	top: 0px;
}

#content .post .entry {
	margin-bottom: 0px;
}

#content #post-264 td a {
	text-decoration:underline;
}

#content .post .postmetadata {
	/* background: url('images/post-meta.gif') repeat-x; */
	position: relative;
	/* top: -10px; */
	height: 38px;
	margin-bottom:18px;
	border-bottom:2px solid #EFEFEF;
}

#content .post .postmetadata ul {
	list-style: none;
	position: absolute;
/*	right: 15px; */
	bottom: 15px;
}

#content .postmetadata ul li {
	padding-left: 17px;
	margin-left: 25px;
	display: inline;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 14px;
}

#content .post .postmetadata ul li.printerfriendly {
	background-image: url('images/print.gif');
}

#content .post .postmetadata ul li.comments {
	background-image: url('images/comment.gif');
}

#content .post .postmetadata ul li.readmore {
	background-image: url('images/more.gif');
}

#content .entry ul,#content .entry ol {
	margin: 5px 20px 5px 20px;
	padding: 0 20px;
}

#content .highlight {
	border: 1px solid #215321;
	background: #F8F8F8;
	width: 35%;
	float: right;
	margin: 10px !important!;
	padding: 10px;
	font-size: 0.9em !important;
	color: #001466;
	font-weight: 500;
}

#content .hl {
	border: 1px solid #215321;
	background: #F8F8F8;
	margin: 10px !important!;
	padding: 10px;
	font-size: 0.9em !important;
	color: #001466;
	font-weight: 500;
}

#content .hl-left {
	float: left;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	margin-right: 10px !important;
	margin-top: 10px !important;
}

#content .hl-right {
	float: right;
	margin-right: 0px !important;
	margin-bottom: 10px !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
}

#content .hl-top {
	margin-top: 0px !important;
}

#content .hl-bottom {
	margin-bottom: 0px !important;
}

#content .hl-fit {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#content .highlight h3 {
	font-size: 1.2em !important;
	font-weight: bold !important;
}
#content h2.posttitle {
	clear:both;
}
.blog .post {
	width:470px;
}


/*---- SIDEBAR STYLES ----*/
#sidebar {
	width: 180px;
	float: left;
	font-size: 80%;
	position: relative;
	z-index: 1;
}
#blog-sidebar {
	width:180px;
	float:right;
	margin-right:15px;
	font-size: 80%;
	position: relative;
	z-index: 1;
}

#sidebar ul,
#blog-sidebar ul {
	list-style: none;
}

#sidebar ul li,
#blog-sidebar ul li {
	border-top: solid 1px #F5F5F5;
	padding-top: 5px;
	margin: 5px 0px 0px 0px;
}

#blog-sidebar ul li {
	text-align:left;
}

#sidebar ul li ul,
#blog-sidebar ul li ul {
	list-style: none;
}

#sidebar ul li.first,
#blog-sidebar ul li.first {
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#sidebar ul li#gdnavmulti-2 {
	float:none;
	clear:both;
	border:none;
}
#sidebar ul li#gdnavmulti-2 h2 {
	margin-top:-15px;
}

#sidebar h2,
#blog-sidebar h2 {
	padding: 0 0 0 0;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #696969;
	background: url('images/a22.gif') bottom repeat-x;
	font-size: 1.3em;
	line-height: 25px;
	letter-spacing: -1px;
	position: relative;
	top: 4px;
}

#sidebar h3,
#blog-sidebar h3 {
	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
	color: #696969;
	font-size: 1.1em;
	position: relative;
	top: 4px;
}

#sidebar .entry,
#blog-sidebar .entry {
	padding: 0px 10px 0px 10px;
	margin-bottom: 20px;
}


/*---- FOOTER STYLES ----*/
#footer {
	clear: both;
	background-image: url('images/a50.gif');
	color: #A9A9A9;
	text-align: center;
	padding-top:15px;
	line-height: normal;
	position: relative;
	height: 51px;
}

#footer a {
	color: #404040;
}


/*---- PLACEMENT STYLES ----*/
.float-left, .alignleft {
	float: left;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	border: none !important;
}

.float-right, .alignright {
	float: right;
	margin-left: 10px !important;
	margin-bottom: 10px !important;
	border: none !important;	
}

/* .float-left img, .alignleft img {
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	border: none !important;	
}

.float-right img, .alignright img {
	margin-left: 10px !important;
	margin-bottom: 10px !important;
	border: none !important;	
} */

img, img a, img a {
	border: none !important;
}

.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
/*	border: 1px solid #ddd;  */
	border: 1px dotted #e6e2af;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0 0 0 5px;
	padding: 0;
	border: 0 none;
}

.wp-caption-text {
	margin: 0 10px 0 10px;
	text-align: center;
}

.wp-caption-dd {
	font-size: 1.0em;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/*---- ADDITIONAL STYLES AND OVERRIDES ----*/
.clear {
	clear: both;
	overflow: hidden;
	height: 0;
}

.mapp-poweredby {
	display: none !important;
}
