/*
Theme Name: ELA
Theme URI: 
Description: Wordpress Theme for the ELA Online Newsletter.
Version: 1.0
Author: Cindy Kahrs
Author URI: 
Tags: 
*/
/* The ELA wordpress theme was created by taking a 3-column wordpress theme and modifying it to match the ELA website. This style sheet contains a combination of styles from the original theme and ela_style.css. When possible, div and id names from ela_style.css were used, but in some cases, the names from the original wordpress theme were used instead. */
 
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* Combined Body info from both style sheets */
body {margin: 0; padding: 0; background-color: #726157; font-size:100%; }

/* "wrap" here pretty much matches "container" in ela_style.css */
#wrap
{
width: 875px;
margin: 20px auto;
background-color: #fff;
color: #333;
line-height: 130%;
font-size: 90%;
font-family:Arial, Helvetica, sans-serif;
background-image: url('img/rightside.jpg'); background-repeat: repeat-y; 
}

/* Standard links from ela_style.css */
a {color: #59663c; text-decoration: underline; font-variant: small-caps; font-family: Georgia, "Times New Roman", Times, serif;; font-size: 80; line-height: 1.5em;}	
a:hover {color: #000000; border-bottom: 1px dotted #000;}

/* ELA web page header picture */
#frontphoto {margin:0 0 10px;}

/* Ecolandscaper/Newsletter header picture */
#eco_image {margin: 0 0 30px 0;}
#eco_banner {float:left; margin:0; padding:0; width:475px;}

/* Right sidebar */
#extras {float:right; line-height:1.4em; margin:0 5px 5px; padding:0; width:170px;}
#extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#extras ul ul {margin:6px 0 0 10px;}
#extras ul ul li {margin:0 0 4px;}
#extras ul ul li a {font-weight:normal;}

#extras ul.linklist {font-size:1em;}
#extras ul.linklist ul {margin:0 0 20px;}
#extras ul.linklist ul li a {font-weight:bold;}
#extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1em; font-weight:bold; text-align:left; margin:0 0 6px;}
#extras label {display:none;}

/* Navigation pane */
#navcontainer {clear:left; float:left; margin:0; padding:15px; width:160px;}
#navcontainer ul
{
list-style-type: none;
text-align: left;
padding:0;
margin-left: 0px;
}
#navcontainer ul li a
{
background: transparent url(img/bullet.jpg) left center no-repeat;
padding-left: 20px;
text-align: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-style: normal;
font-size: 11px;
text-decoration: none;
color: black;
letter-spacing: .11em;
font-variant: small-caps;
}
#navcontainer ul li a:hover
{
background: transparent url(img/bullet_on.jpg) left center no-repeat;
color: grey;
}
#navcontainer ul li a#current
{
background: transparent url(img/bullet_on.jpg) left center no-repeat;
color: #9C131D;
}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:0px solid #286ea0; color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content {line-height:1.2em; margin:0 180px 5px 190px; padding:0; width:480px; font-size: 100%; font-family:Arial, Helvetica, sans-serif;}
#content h2 {font-size:1.5em; margin:20 0 20px;}
#content h3 {font-size:1.4em; margin:0 0 8px;}
#content h3 a {text-decoration: none;}
#content img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#content ul,#content ol {margin:0 0 16px 20px;}
#content li {padding:0 0 0 5px;}
#content ul ul, #content ol ol {margin:0 0 0 16px;}

/*-------------- Footer styles from ela_style.css ----------------------*/
#footer {clear: both;
margin: 0;
padding: .5em;
color: #333;
text-align: center;
border-top: 1px solid #010c59;
font-variant: small-caps;
background-image: url('img/footer.jpg'); background-repeat: repeat-y; 
}

#footer ul {padding: 0; margin: 0;}

#footer ul li {
list-style-type: none;
display: inline;
text-align: left;
padding:10; margin: 0;
text-decoration: none;}

#footer ul li a {
padding-left: 5px;
text-align: left;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: black;}

#footer ul li a:hover {color: grey;}

#footer ul li a#current {color: #666;}

#footer p {font: normal 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none; color: black;}

/* Original Footer */
/*#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;} */

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {color:#606060; font-size:0.9em; font-weight:bold;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}