/*
Theme Name: Lopez Comunity Land Trust
Description: Custom theme for Lopez Community Land Trust
Author: Theme by Cloud Islands; Design by Anne Slick
Author URI: http://cloudislands.com
Last updated: August 2, 2011
Version: 2.0
*/

@import url("library/css/grid.css");
@import url("library/css/menus-dropdown.css");

/****************Site colors*********************
*
Dark slate blue: #425b5c
Medium slate blue: #96bbbd
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 Reset
	1.2 Template
	1.3 Typography 
	1.4 Lists
	1.5 Links 
	1.6 Images & captions
2. Layout
	2.1 Grids
	2.2 Main 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
9. Other Elements
	9.1 Accessibility
	9.2 Tables
	9.3 Forms & search
	
*****************************************/

/********** 1. Global Elements **********/
/*----- 1.1 Reset -----*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5;background:#fff;margin:1.5em 0}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}

/*----------- 1.2 Template ----------*/
body {
color:#000;
background: #bcdbdd url('library/images/bg.gif') repeat-x top;
margin: 0;
padding: 16px 0;
}
body, input, small, textarea {
font-family: "Helvetica Neue", Arial, Tahoma, sans-serif;
font-size: 100%; /* standarize font size across browsers */
font-size: .8em;
/*line-height: 1.6;*/
-webkit-text-size-adjust: none;		/* Stops the iPhone scalling type up */
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.clear {
clear: both;
}
hr {
clear: both; 
color: #425b5c;
background: #425b5c;
border: none; 
width: 100%; 
height: 1px;
margin: 0 0 14px;
}
hr.space {
background: #fff;
color: #fff;
}

/*---------- 1.3 Typography ----------*/

h1,h2,h3,h4,h5,h6 {  
font-family: "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
font-weight: bold;
}
h1 { 
font-size: 22px; 
margin-bottom: 0.5em; 
}
h2 {
color: #666;
font-size: 22px; 
margin-bottom: 12px; 
letter-spacing: 1px;
}
h2.category_page {
background: #425b5c;
margin-bottom: 15px;
color:#fff;
text-align:center;
padding: 8px;
}
h3 {
color: #425b5c;
font-size: 20px;  
margin-bottom: 12px; 
}
h4 {
color: #425b5c;
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
}
h6 {
font-size: 13px; 
margin-bottom: 8px; 
}
p {
margin: 0 0 12px;
}
p.last {
margin-bottom: 0;
}
blockquote {
background: url('library/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;
}
.s2_error,
.s2_message { /* Subscribe2 plugin */
background-color: #F2EFE6;
font-style: italic;
font-weight: bold;
padding: 6px 12px;
-webkit-box-shadow : 0 2px 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 2px 5px rgba(0,0,0,.3);
}

/*.s2_message { 
background-color: #caeef4;
}*/


/*---------- 1.4 Lists ----------*/

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


/*---------- 1.5 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;
}

/*---------- 1.6 Images & captions --------*/

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

img {
margin: 0;
}
img.alignleft {
float: left;
display: inline;
border: 5px solid #ccc;
margin: 0 15px 5px 0;
}
img.alignright {
float: right;
display: inline;
border: 5px solid #ccc;
margin: 0 0 5px 15px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
border: 5px solid #ccc;
}
.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 img {
border: 5px solid #ccc;	
}
.wp-caption-text {
margin-top: 5px;
font-style: italic;
}
.wp-post-image {
float: right;
border: 5px solid #ccc;
margin: 0 0 5px 15px;	
}

/************** 2. Layout ***************/
/*----- 2.1 Grids -----------

grid.css overrides -----*/
.append-1 {
padding-right: 32px;
}

.column {
float: left;
margin-right: 10px;
overflow: hidden;	
}
.first {
	
}
.last {
margin-right: 0;	
}
.prepend-1 {
padding-left: 20px;	
}
.span-4 {
width: 140px;	
}
.span-7 {
width: 260px;
padding-left: 5px;
}
.span-8 {width: 310px;}
/*---------- 2.2 Main Layout ----------*/
.container {
background: #96bbbd;
width: 950px;
border: 20px solid  #425b5c;
margin: 0 auto;
padding: 12px 0;
overflow: hidden;
}
.container-bg {}
.content {
margin: 0 0 12px 0;
padding-top: 10px;
}
#primary {
float: left;
width: 310px;
border-left: 1px dotted #425b5c;
padding: 20px 0 0 20px;
margin-right: 0;
overflow: hidden;	
}

.box { 
background: #eee;
margin-bottom: 15px; 
overflow: hidden;
}

/********** 3. Header ************/
.logo {
position: relative;
/*margin: 10px 10px 0px 6px;
padding: 6px;*/
overflow: hidden;
}
.logo img {
float: left;
margin: 0 0 20px 20px;
}
.logo h1 {
text-transform: uppercase;
font-weight: bold;
color: #000;
}
.donate_button a {
float: right;
position: relative;
top: 84px;
right: 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 -------
*
* Drop down menu styles are in menus-dropdown.css
* These styles are for COLORS ONLY!
*
---------------------------------------*/
#nav {
background: #000;
}
#nav a {
color:#eee;
}
#nav ul ul a {
background:#333;
}
#nav li:hover > a,
#nav ul ul :hover > a {
color:#fff;
background:#333;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
color: #fff;
}
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
color:#fff;
}

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

#nav-above {
display: block;
margin-bottom: 15px;
overflow: hidden;
}
#nav-below {
display: block;
margin-top: 15px;
overflow: hidden;
}
.navigation {
width: 90%;
margin: 15px auto;
padding: 5px;
}
	.nav-next {
	float: right;
	text-align: right;
	width:49%;
	}
	.nav-previous {
	float: left;
	text-align: left;
	width:49%;
	}
	.navigation a {
	color: #823c00;
	}
	.navigation a:hover , .navigation a:active, .navigation a:focus {}
.page-nav { }
.post-nav { }
/*---------- 4.3 Pagination --------*/
.page-link {
margin-bottom: 2px;	
}
.page-link a { 
background: #ccc;
padding: 3px 5px;
margin-right: 8px;
}

--------------------------------------*/


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


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

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

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

.post-meta-before {
margin-bottom: 12px;
}

.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 {
width: 590px;
padding: 15px 0 0 15px;
overflow: hidden;
}

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

/*--- Right side ---*/
#home_right {
float: left;
width: 310px;
border-left: 1px dotted #425b5c;
padding: 20px 0 0 20px;
margin-right: 0;
overflow: hidden;	
}
.home #secondary {
border-left: none;
padding: 0;
margin: 2px 12px 8px 2px;
overflow: hidden;	
}
.home .textwidget p {
	text-align: center;
}
	.home .widget-area ul li {
		border-bottom: none;
		padding-bottom: 0;
	}
#home_right .entry {
padding: 0 0 24px 0;
}
.news h3 {
text-transform: uppercase;
}
.home .box { 
background-color: #eee;
width: 250px;
margin: 2px auto;
margin-bottom: 15px; 
overflow: hidden;
-webkit-box-shadow : 0 5px 10px rgba(0,0,0,.3);
-moz-box-shadow : 0 5px 10px rgba(0,0,0,.3);
box-shadow: 0 5px 10px rgba(0,0,0,.3);
}

.home .thumbnail {
float: left;
margin: 2px 12px 8px 2px;
-webkit-box-shadow : 0 5px 10px rgba(0,0,0,.3);
-moz-box-shadow : 0 5px 10px rgba(0,0,0,.3);
box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
/*--- 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 ---*/
.five_posts {
position: relative;
background:#869999;
padding: 8px 10px 8px 40px;
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;
}


/********** 6. Sidebars & Widgets **********/
.widget-area {}
	.widget-area ul {
	list-style: none;
	margin-left: 0;
	}
	.widget-area ul li {
		border-bottom: 1px solid #fff;
		padding-bottom: 12px;
	}
	.widget-area ul ul {}
		.widget-area ul ul li {
		list-style: disc;
		border-bottom: none;
		margin-left: 25px;
		padding-bottom: 0;
		}

.sidebar {
margin: 15px 0;
}


h2.widget-title {
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;
}
span.footer-img {
margin-bottom: 6px;	
}

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

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

/*---------- 8.3 Gallery ----------*/
.gallery {
float: left;
margin-right: 25px;
}

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

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

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


#search {
margin: 5px 0 8px 0;
}
#search #s {
background: transparent url('library/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: 180px;
}
#search #s:hover {
color: #000;
cursor: pointer;
}
.search-excerpt {
margin: 0;
}

a.button-fancy {
display: block;
width: 220px;
background-color: #F2EFE6;
-webkit-transition-property: background;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
border: none;
margin: 12px auto 0 auto;
padding: 3px 5px;
font-size: 1.5em;
text-align: center;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
-webkit-box-shadow : 0 5px 10px rgba(0,0,0,.3);
-moz-box-shadow : 0 5px 10px rgba(0,0,0,.3);
box-shadow: 0 5px 10px rgba(0,0,0,.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.button-fancy:hover {
	background-color: #fff;
}
/* Subscribe2 Plugin */
.page-id-2 form label {
font-weight: bold;
}

/*--- Don't mess with form defaults ---*/

/*

a.button, button {
font-weight: normal;
}
input {
border: 1px solid #ccc;
padding-left: 0;
}
label {
font-weight: normal;
}
textarea {
height: 200px;
width: 500px;
}

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }


textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }


select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }



.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

*/