/*
Theme Name: Lopez Comunity Land Trust
Description: Based on the Monochrome Pro theme
Version: 1.2.2
Author: Anne Slick, modified & organized by Adrienne Adams/Cloud Islands
Last updated: February 4, 2010
*/
/* IMPORTANT - PLEASE READ
This theme uses the Blueprint CSS framework for
default positioning, typography, form styling, etc.
The styles below are specific for this theme
only.  Feel free to edit them as necessary.  Generally
speaking, you will will likely never need to edit
the Blueprint CSS stylesheets, which are located in:
wp-content/themes/name-of-this-theme/css/
*/

/****************Site colors*********************
*
Dark slate blue: #425b5c
Pale slate blue: #bcdbdd
Rusty red: #823c00
Dark olive: #444130
Light olive: #a2a787
Very dark gray: #333
Medium gray: #666
Medium gray 2: #aaa
Light gray: #eee
White: #fff
Black: #000
*

************************************************/

/**********Table of Contents**********
1. Global elements
	1.1 Typography
	1.2 Lists
	1.3 Links 
	1.4 Images & captions
2. Layout
3. Header
4. Navigation
	4.1 Main navigation
	4.2 Prev/next navigation
	4.3 Pagination
5. Main content
	5.1 Post content
	5.2 Meta
	5.3 Home page
	5.4 Author page
6. Sidebars & widgets
7. Footer
8. Content Sections
	8.1 Attachments
	8.2 Comments
	8.3 Gallery
	8.4 Portfolio
	8.5 WP Calendar
9. Other Elements
	9.1 Accessibility
	9.2 Tables
	9.3 Forms & search
10. Mystery/Unused styles
	
*****************************************/

/********** 1. Global Elements **********/
body {
color:#000;
background: #bcdbdd url(images/bg.gif) repeat-x top;
margin: 0;
padding: 16px 0;
opacity: .999;
font-family: "Helvetica Neue", Arial, Tahoma, sans-serif;
font-size: 12px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.clear {
clear: both;
}
hr {
background: #425b5c;
height: 1px;
}

/*---------- 1.1 Typography ----------*/

h1,h2,h3,h4,h5,h6 {  
font-family: "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
}
h1 { 
font-size: 22px; 
margin-bottom: 0.5em; 
}
h2 {
color: #666;
font-size: 22px; 
margin-bottom: 12px; 
}
h3 { 
font-size: 20px;  
margin-bottom: 12px; 
}
h4 {
color: #425b5c;
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
/*border-bottom: 2px solid #bcdbdd;*/
}
h6 {
font-size: 13px; 
margin-bottom: 12px; 
}

blockquote {
background: url('images/quote.png') 8px top no-repeat;
color: #000;
font-style: normal;
padding: 0 0 0 0;
}
blockquote p {
padding: 0 20px 0 30px;
}
em {
background: none;
}
.small {
font-size: 1px;
}
/*--Archives & Search --*/
h2.category_page {
background: #425b5c;
margin-bottom: 15px;
color:#fff;
text-align:center;
padding: 8px;
}

/*---------- 1.2 Lists ----------*/

dl.small dd {
font-size: 11px
}
ol {}
ol li {
margin-left: 12px;
}
ul {
list-style-type: disc;
margin-left: 12px;
padding: 0;
}
ul li {
line-height: 1.6;
margin: 0;
padding: 0;
}


/*---------- 1.3 Links -------------------------
Global link styles are here
Specific section link styles are in the sections
Set focus styles for image links!
----------------------------------------------*/

a {
color: #823c00;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #444130;
text-decoration: none;
}
h2 a:hover, h2 a:active, h2 a:focus {
color: #444130;
border-bottom: 1px dotted #444130;
text-decoration: none;
}
h3 a:hover h3 a:active, h3 a:focus {

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000;
}

/*---------- 1.4 Images & captions --------*/

.gallery {
display: block;
clear: both;
width: 100%;
}
.gallery-item {
float: left;
margin-right: 30px;
}
.gallery-icon {}
.gallery-icon a img {
border: 3px solid #ccc;
}
.gallery-caption {}

img {
margin: 0;
}
img.alignright {
float: right;
border: 5px solid #ccc;
margin: 0 0 5px 15px;
}
img.alignleft {
float: left;
border: 5px solid #ccc;
margin: 0 15px 5px 0;
}
img.aligncenter{
border: 5px solid #ccc;
margin: 0 15px 15px 5px;
}
.photo_align_left {
float: left;
padding: 10px;
border:1px solid #ccc;
background:#eee;
margin:0 0 12px 0;
}
.post .photo_align_left {
margin: 0 15px 15px 15px;
}
.post img.thumbnail {
float:left;
margin: 0 15px 15px 0;
}
.thumbnail {
border: 5px solid #ccc;
margin-bottom: 5px;
}
.wp-caption-text {
margin-top: 5px;
font-style: italic;
}


/************** 2. Layout **************
*
Styles here are for main content blocks: 
their position, alignment, background, margin & padding.
Subsidiary elements, typography, and more granular styles go in specific sections:
* Header & Branding styles go in Header section
* Menu styles go in Navigation section
* Primary and Secondary go in the Sidebars section
* Content-specific styles go in Main Content section
* Footer styles go in Footer section
Width is needed for IE and Opera.
Overflow clears floats.
Modify indents to reflect your nesting structure. 
*
*****************************************/
/*----- Blueprint fixes -----*/
.box { 
padding: 3px 0 3px 15px; 
margin-bottom: 1.5em; 
background: #eee; 
}
.span-7 {
width: 260px;
padding-left: 5px;
}
/*----- Layout -----*/
.container {
background: #96bbbd;
border: 20px solid  #425b5c;
padding: 12px 0;
}
.container-bg {
background: ;
}
.content {
margin: 0 0 12px 0;
}
/*--fix layout issues wth Blueprint--*/
.append-1 {
padding-right: 32px;
}

/********** 3. Header ************/
.logo {
position: relative;
margin: 10px 10px 0px 6px;
padding: 6px;
}
.logo img {
float: left;
margin: 0 0 20px 10px;
}
.logo h1 {
text-transform: uppercase;
font-weight: bold;
color: #000;
}
.donate_button a {
float: right;
position: relative;
top: 84px;
left: 5px;
}
.donate_button a img {
margin: 0;
}
/*** questions **/
#title {
float: left;
}
#title h1 {
margin: 0;
}
#title h1 a {
color: #fff;
letter-spacing: -1;
line-height: 1.6;
}
#title h1 a:hover {
color: #eee;
}
/********** 4. Navigation **********/

/*--------- 4.1 Main navigation --------*/

/* SECOND TIER PAGE NAVIGATION */
/* Root = Horizontal, Secondary = Vertical */
#navmenu-h {
background: #000;
z-index:13;
}
#navmenu-h-r {
background: #eee;
z-index:14;
}
#navmenu-h li.alignright {
float: right;
}
ul#navmenu-h {
margin: 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 50px;
background: #000;
z-index:5;
}
#navmenu-h-r {
margin: 0 0 1px 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 24px;
}
ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 30px;
border-right: 1px #222 solid;
z-index:6;
}
#navmenu-h-r li {
margin: 0;
border: 0 none;
padding: 0;
float: right;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 250px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
z-index:10;
}
ul#navmenu-h-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 30px;
left: 0;
z-index:111;
}
ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#navmenu-h ul li, ul#navmenu-h-r ul li {
width: 250px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
padding: 0 10px 2px 10px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #000;
color: #ccc;
font: 12px/30px Helvetica;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
	/*For IE*/
}
ul#navmenu-h-r a {
padding: 0 20px 0 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #eee;
color: #000;
/*font: 11px/22px Helvetica;*/
text-decoration: none;
height: auto !important;
	/*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h-r a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h-r li:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-h-r li.iehover a {
background: #333;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a {
float: none;
background: #000;
color: #ccc;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a,
ul#navmenu-h-r li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover a,
ul#navmenu-h-r li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover a {
background: #333;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li a {
background: #000;
color: #ccc;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a,
ul#navmenu-h-r li:hover li:hover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover a,
ul#navmenu-h-r li.iehover li.iehover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a,
ul#navmenu-h-r li:hover li:hover li:hover li a,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,
ul#navmenu-h-r li:hover li:hover li:hover li a:hover,
ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul,
ul#navmenu-h-r ul ul,
ul#navmenu-h-r ul ul ul {
display: none;
position: absolute;
top: 0;
left: 250px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul,
ul#navmenu-h-r li:hover ul ul,
ul#navmenu-h-r li:hover ul ul ul,
ul#navmenu-h-r li.iehover ul ul,
ul#navmenu-h-r li.iehover ul ul ul {
display: none;
}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul,
ul#navmenu-h-r li:hover ul,
ul#navmenu-h-r ul li:hover ul,
ul#navmenu-h-r ul ul li:hover ul,
ul#navmenu-h-r li.iehover ul,
ul#navmenu-h-r ul li.iehover ul,
ul#navmenu-h-r ul ul li.iehover ul {
display: block;
}

* html	ul#navmenu-h ul li a, * html ul#navmenu-h-r ul li a  {width: 100%;}


/*---------- 4.2 Prev/next navigation ---------*/

.navigation, 
.navigation a {
color: #AAA;
}


/*---------- 4.3 Pagination ----------
*
WP PageNavi styles (if used) are in plugins.css
*
--------------------------------------*/


/********** 5. Main Content *********/


/*---------- 5.1 Post content ---------*/

.entry {
padding: 25px;
}
.post {
margin-bottom: 12px;
padding: 0 0 0 20px;
}
.post h2 {
border-bottom: 2px solid #425b5c;
}
.post h4 {
}
.post h2 a {
color: #000;
}

/*---------- 5.2 Meta  ----------*/	

span.meta_align_right {
color: #a2a787;
float: right;
font-size: 11px;
}
span.meta_align_right a {
color: #a2a787;
}
span.meta_align_right a:hover {
color: #000;
}
.meta {
color: #666;
font-size: 11px;
line-height: 1.6;
}
.meta a {
color: #666;
}
.meta a:hover {
color: #000;
}

.meta_list, .meta_list a, ul.meta_list {
color: #000;
list-style-image: none;
}
.meta_list li {
border-bottom: 1px dotted #000;
list-style-image: none;
}

/* ----------5.3 Home page ----------*/

/*--- Portfolio and Middle Posts section---*/

#feature p img {
margin: 7px 0 15px 0;
}
.feature_text {
margin-top: 24px;
}

#home_right .entry {
padding: 0 0 24px 0;
}
.news h3 {
text-transform: uppercase;
}
/*--- slideshow---*/
.slideshow {
background:#eee;
margin:0 0 12px 0;
clear:both;
}
ul#portfolio {
padding:0;
list-style:none;
margin: 6px 0 0 0;
}
ul#portfolio li {
list-style:none;
background:#eee;
border:1px solid #ccc;
padding: 12px;
}
ul#portfolio li h4 {
margin: 0 0 6px 0;
text-transform:uppercase;
}
ul#portfolio li a img {
float: left;
margin: 0 12px 3px 0;
}

/*--- Bottom five category posts ---*/
#gray_bg {
position: relative;
background:#869999;
padding: 6px 10px;
overflow: hidden;
}
.five_posts ul {
margin: 0;
}
.five_posts ul li {
color: #000;
font-size: 11px;
line-height: 1.6;
margin: 0;
}
.five_posts ul li a {
color: #823c00;
}
.five_posts ul li a:hover {
color: #bcdbdd;
}
.five_posts h3 {
margin-bottom: 0;
padding: 6px 0 6px 0;
}
.five_posts h3 a {
text-transform: uppercase;
}
.five_posts h4 {
margin: 0 0 12px;
padding: 0;
text-transform: uppercase;
color: #823c00;
font-size: 11px;
font-weight: normal;
border-bottom: 1px solid #000;
}
.five_posts h4 a {
text-transform: uppercase;
color: #823c00;
}
.five_posts h4 a:hover {
color: #fff;
margin: 1px;
}
h3.category_head {
margin: 0 0 12px;
padding-bottom: 3px;
text-transform: uppercase;
color: #823c00;
font-size: 14px;
font-weight: normal;
line-height: 1.1;
border-bottom: 1px solid #000;
}
h3.category_head a {
text-transform: uppercase;
color: #823c00;
}
h3.category_head a:hover {
color: #fff;
margin: 1px;
}

/*---------- 5.4 Author page----------*/
.author {
background: #eee;
margin-bottom: 15px;
padding: 15px;
}
.author img {
float: left;
padding: 0 12px 12px 0;
}
.author p {
margin-left: 8em;
}
.author h6 {
border-bottom: 1px #000 dotted;
margin-left: 7em;
}
.byline {
color: #666;
font-size: .8em;
line-height: 1.6;
}
.byline a {
color: #666;
line-height: 1.6;
text-decoration: none;
}
.byline a:hover {
color: #000;
}


/********** 6. Sidebars & Widgets **********/

.bottombar {
}
.bottombar h2 {
font-size: 12px;
font-weight: bold;
line-height: 1.6;
margin: 12px 0 12px;
}
.sidebar {
margin: 15px 0;
}
#dark_bg {
position: relative;
background:#000;
padding:0;
margin:0;
color: #666;
}
#dark_bg ul li {
list-style-image:none;
border-bottom:1px solid #666;
}
#dark_bg a {
color:#eee;
}
#dark_bg a:hover {
color:#fff;
}
#dark_bg h2.widgettitle {
margin: 0 0 12px;
padding: 0;
text-transform: uppercase;
color: #666;
border-bottom:1px solid #666;
font-weight: normal;
}
h2.widgettitle {
color:#000;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
border-bottom:1px solid #000;
}

/********** 7. Footer ********************/

#footer {
font-size: 11px;
margin: 0;
text-align: center;
}
#footer a {
text-decoration: none;
}

/********** 8. Content sections **********/
	
/*---------- 8.1. Attachments ----------*/
	
/*---------- 8.2 Comments & trackbacks----------*/

.commentlist li {
padding: 8px 15px;
}
.comments-alt {
background: #EEE;
}

/*---------- 8.3 Gallery ----------*/
.gallery {
float: left;
margin-right: 25px;
}
	
/*---------- 8.4 Portfolio ----------*/
	
	
/*---------- 8.5 WP Calendar ---------*/

/********** 9. Other Elements **********/

/*---------- 9.1 Accessibility ---------*/
	
/*---------- 9.2 Tables ----------*/

/*---------- 9.3 Forms & search----------*/

a.button, button {
font-weight: normal;
}
input {
border: 1px solid #ccc;
padding-left: 0;
}
label {
font-weight: normal;
}
textarea {
height: 200px;
width: 500px;
}
#search {
margin: 5px 0 8px 0;
}
#search #s {
background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
color: #425b5c;
font-size: 11px;
margin: 0 15px 5px 0;
padding: 3px 0 3px 20px;
width: 200px;
}
#search #s:hover {
color: #000;
cursor: pointer;
}
.search-excerpt {
margin: 0;
}
/********** 10. Mystery/Unused styles **********/
/*------------------------
.chrome{
color:#823c00;
}
#contents {
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}
#donate {
float: right;
}
#donate #s {
color: #CCCCCC;
font-size: 0.9em;
margin-right: 0px;
margin-top: 10px;
padding: 2px 0 2px 17px;
width: 250px;
}
#donate #s:hover {
color: #000;
}
.donate-excerpt {
margin: 0;
}
.entry #nav .content {
margin: auto;
padding-left: 25px;
}
.entry #nav {
background: #FFF;
margin-bottom: 15px;
}
.entry #nav li a {
background: #666;
border-right: 1px solid #000;
color: #FFF;
}
.entry #nav li.last a {
border-right: none;
}
.entry #nav li a:hover {
background: #333;
color: #FFF;
}
ul#featurenav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#featurenav li {
display: inline;
list-style-type: none;
}
#featurenav a {
padding: 1px 5px;
}
#featurenav a:link, #featurenav a:visited {
background-color: #a2a787;
border: 1px solid #000;
color: #000;
text-decoration: none;
}
#featurenav a:hover {
background-color: #444;
color: #fff;
text-decoration: none;
}
h6.category_more a {
color: #000;
background: #eee;
padding: .3em;
font-size: .9em;
text-transform: uppercase;
border: none;
}
h6.category_more a:hover {
background: #333;
color: #fff;
}
#maincontent .post h2 {
margin-bottom: 5px;
}
#maincontent .content {
padding: 5px 47px 20px 48px;
}
#maincontent h2.pagetitle {
border: none;
text-transform: uppercase;
}
#top {
margin: 0 auto;
width: 950px;
}
#feature h3 {
margin-bottom: 0;
padding: 0;
}
.container {
background: #425b5c;
padding: 12px 24px;
}
.container-bg {
background: #96bbbd;
}
---------------------------*/

