/*
Theme Name: Envision Wheatridge 
Theme URI: http://www.envisionwheatridge.com
Description: Based on the default WordPress theme from the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Susan Snipes
Author URI: http://www.qdigitalstudio.com/
Tags: tan, green, custom, fixed width, three columns
*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4c4c4c;
	font-size: 77%;
}
a {
	color: #736c00;
}
a:hover {
	color: #4c4c4c;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 265px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	margin: 120px 0 0 0;
	height: 600px;
	text-align: right;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 170px; /* padding keeps the content of the div away from the edges */
	padding: 0;
	margin: 50px 0 0 0;
}
.socialmedia {
	font-size: 85%;
	padding: 5px 0;
}
.socialmedia a {
	color: #567715;
}
.socialmedia a:hover {
	color: #799346;
}
.callout {
	background-color: #c4df9b;
	padding: 0 8px 12px 8px;
	font-size: 85%;
	color: #445140;
	margin-bottom: 6px;
}
.callout a {
	color: #567715;
}
.callout a:hover {
	color: #799346;
}
.callout h3 {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
}
#contentBlock {
	margin: 10px 180px 0 275px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#logo {

}
#nav {
	margin: 6px 0 0 0;
	background-color: #eae9d3;
}
#nav ul, #nav ul li {
	padding: 0;
	margin: 0;
}
#nav ul li {
	display: inline;
}
#nav ul li img{
	border-right: 4px solid #ffffff;
}
#nav ul li.end img{
	border-right: none;
}
#subnav {
	background-color: #e0deb1;
}
#subnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;	
	border: 0;
}
#subnav ul li {
	display: inline;
}
#subnav a {
	text-transform: uppercase;
	line-height: 20px;
	padding: 2px 5px 2px 13px;
	color: #7d6b19;
}


#mainContent {
	background-color: #f4f4ea;
	margin: 6px 0 0 0;
	padding: 5px 20px 10px 20px;
	min-height: 600px;
}
#footer {
	text-align: center;
	font-size: 75%;
	color: #555555;
}
#footer a{
	color: #555555;
	text-decoration: none;
}
#footer a:hover {
	color:#888888;
}

/* LISTS */
ul {
	font-size: 95%;
}
ul.hand, ul.checks {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	font-size: 95%;
}
ul.hand li {
	list-style-type: none;
	background-image: url(/images/bullet-hand.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding: 0 25px 0 18px;
	margin: 8px 40px;
}
ul.checks li {
	list-style-type: none;
	background-image: url(/images/bullet-checkmark.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding: 0 25px 0 15px;
	margin: 8px 40px;
}
ul li a {
	text-decoration: none;
}
ul li a:hover {
	text-decoration: underline;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* EMAIL SIGNUP */
/* Controls width of your form */
.e2ma_signup_form {
	width:150px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	border: 0; 
	width: 150px; 
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	font-weight: bold;
	padding:2px 0;
	margin-bottom:3px;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
    text-align:center;
    display: none; /* 'none' prevents image from showing on sidebar, but will still show in detailed signup screen */
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	display: none;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	text-align:left;
	padding:5px 0 2px 0;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {

}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-weight:normal;
	display: none;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	border: 0;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	padding: 2px 5px;
	margin-bottom:5px;
	font-style: italic;
	text-align: right;
	font-size: 10px;
	display:none;
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color:#FF0000;
	display: none;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	text-align: left;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: none;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
	border: 1px solid #e4f4cc;
	color: #546744;
	background-color: #e4f4cc;
    width: 60px !important;
}

.wplc_event_list, .wplc_event_list li {
	list-style-type: none;
	font-size: 100%;
	padding: 0;
	margin: 0;
}
.wplc_event_list li {
	padding-bottom: 8px;
}

/*Picture Fade Start*/
 #imageContainer {
	position:relative;
	margin: 5px 0 0 1px;
	width:406px;
	height: 258px;
}
#imageContainer img {
	display:none;
	position:absolute;
	top:0; 
	left:0;
}
/*Picture Fade End*/


/*Maps Page*/

table.maps {
	width: 400px;
	text-align: center;
}
table.maps td {
	width: 120px;
	text-align: center;
	padding: 10px 20px;
	vertical-align: top;
}
table.maps td img, table.maps td a img {
	border: 0;
}
table.maps a {
	text-decoration: none;
}