/* @override http://localhost/ecbot/pages/wp-content/themes/ebc/style.css */

/*  

Theme Name: Economic Botany

Theme URI: 

Description: Modification of the WP Big City theme designed by <a href="http://www.aoemedia.de">AOE media GmbH</a>.

Version: 1.0

Author: Econoimc Botany Collection

Author URI: http://www.kew.org/collections/ecbot/

Tags: two columns, widgets, fixed width, 900px


By using this theme, you agree to the following terms:

    - All variations of this theme have to remain GPL

    - You may use this theme for personal or commercial projects

    - You may modify, translate or distribute



************

CSS CONTENTS

************

* --- reset

* --- typography

* --- header elements

* --- text elements

* --- wordpress styles
* --- layout

* --- header

* --- navigation

* --- content

* --- sidebar

* --- icons

* --- breadcrumbs

* --- footer

*/



/* Reset needed styles

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

html,body,div,span,form,h1,h2,h3,h4,p,blockquote{margin:0;padding:0;border:0;outline: 0;}

:focus {outline: 0;}

body {line-height: 1;}

html {height: 100%;margin-bottom: 1px;background-color: #f5f5f5;}



/* Typography

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

body {

    font:normal 69% Tahoma, Arial, Helvetica, sans-serif;

}

h1,h2,h3,h4,h5,h6 {

    font:normal 1em/1 Georgia, "Times New Roman", Times, serif;

}

pre,

var,

code { 

    font-family:"Courier New", Courier, monospace; 

}

h3,

#sidebar,

.postdata,

.entry-content {

    font-family:Verdana, Arial, Helvetica, sans-serif;

}

.species {
	font-style: italic;
}
.family {
	text-transform: uppercase;
}


/* Header elements

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

h1 {

    font-size:2.91em;

}

h2 {

    font-size:2.36em;

    line-height:1.6;

    color: #248a21;

}

h3 {

    font-size:1.55em;

    color:#248a21;

}

h4 {

    font-size: 1.3em;
}


/* Text elements

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

ul,ol,p,dl {

    line-height:1.8;

}

ul,ol         {margin: 0 0 1em .8em;}

ul            {list-style-type:disc;}

ol            {list-style-type:decimal;}

p,dl	      {margin: 0 0 1em 0;}

strong        {font-weight: bold; }

em            {font-style: italic; }

ins           {text-decoration:none;}

del           {text-decoration:line-through;}

img           {border:0;outline:0;}
blockquote {
	margin: 0 0 20px 0;
	padding: 6px 12px 6px 45px;
	background-color: #fff;
	border: 1px solid #D2D6D8;
	border-left-width: 3px;
	background: #fff url('images/icon-quote.html') no-repeat top left;
}
div.highlight {
	margin: 0 0 20px 0;
	padding: 6px 12px 6px 45px;
	background-color: #fff;
	border: 1px solid #D2D6D8;
	border-left-width: 3px;
	background: #fff url('images/icon-quote.html') no-repeat top left;
}
a:link,

a:visited,

a:active{

    color:#3b506b;

    text-decoration:underline;

}
a:hover{
	color: #5e80b1;
}

/* Wordpress styles

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

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

	margin:0 1em 1em 0;

}

.alignright {

	float: right;

	margin:0 0 1em 1em;

}

.wp-caption {

	padding-top: 4px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 1em;

	line-height:1.4;

	margin: 0;
	color: #666;
	padding: 2px 0 10px;
}



/* Layout

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

#root{

	width:900px;

	margin:0 auto;
}
#main{
	height: auto;
	background-color: #fff;
	overflow: hidden;
}


/* Header

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

#header {

    height:138px;

    margin-bottom:1px;
}
.home {
	background: url(images/headers/header-1.jpg) no-repeat center top;
}
.events {

    background: url(images/headers/header-2.jpg) no-repeat center top;
}
.history {

    background: url(images/headers/header-3.jpg) no-repeat center top;
}
.research {

    background: url(images/headers/header-5.jpg) no-repeat center top;
}
.curation {

    background: url(images/headers/header-6.jpg) no-repeat center top;
}
.educationtraining {

    background: url(images/headers/header-7.jpg) no-repeat center top;
}
.howyoucanhelp {

    background: url(images/headers/header-8.jpg) no-repeat center top;
}
.locationenquiries {

    background: url(images/headers/header-9.jpg) no-repeat center top;
}



/* Navigation

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

#nav{

    overflow:hidden;

    width:890px;

    padding: 0 0 0 10px;

    list-style:none;
	background-color: #d2d6d8;
	margin: 0;
}

#nav li{

    float:left;

}

#nav a{

    float:left;

    padding:6px 0 0 0;

    margin-right:18px;

    height:26px;

    border-bottom:3px solid #D2D6D8;

    text-decoration:none;

    font-size:1.09em;
	color: #333333;
}

#nav a:hover,

#nav .current_page_item a{

	border-color:#fff;

}



/* Content

*******************************/
#content {

    width:590px;
    margin: 20px 23px 10px 0;
    float:left;
	padding-left: 10px;
	display:inline;/*for IE*/
}

#content .post {

    padding-bottom:1.5em;

    margin-bottom:0.5em;

}

#content .single {

    border-bottom:0;

}
#content div.entry-content ul li {
	list-style-type: circle;
}
#content div.entry-content ol li {
	list-style-type: decimal;
}
#content div.entry-content ol {
	padding: 0;
	margin-left: 50px;
}
#content div.entry-content ul {
	padding: 0;
	margin-left: 40px;
}
#content div.entry-content ul ul {
	padding: 0;
	margin-left: 40px;
	margin-bottom: 0;
}
#content h2 a {
    color: #248a21;

    text-decoration:none;

}

#content h2 a:hover {

    color: #248a21;

}
#content h3 {

    margin-bottom:20px;

    line-height:2.1;

    border-bottom:2px solid #D2D6D8;

}

#content h3 a {

    color: #248a21;

    text-decoration:none;

}

#content h3 a:hover {

    color: #248a21;
    text-decoration:underline;

}

#content h4 {

    margin-bottom:10px;

    line-height:1.5;

}

.postdata {

    padding:8px 0;

    margin-bottom:8px;

    border:1px solid #eee;

    border-left:0;

    border-right:0;

    color:#747474;
	
	clear: both;

}

.postdata ul {
	padding: 0;
	margin: 0;
}
.postdata li {
}

.tags {

    line-height:1.2;

    clear:both;

}

/* Sidebar

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

#sidebar {

    width:267px;

    float:left;

    margin: 30px 0;
}

#sidebar .box h3 {

    padding: 0 0 12px 15px;

    border-left:2px solid #D2D6D8;

}

#sidebar .box {

    margin-bottom:18px;

}

#sidebar .box li {

    padding: 0 0 2px 15px;

    border-left:2px solid #D2D6D8;
	

}

#sidebar .box li ul li {

    padding: 0 0 2px 18px;
    border-left:none;

}

#sidebar div.box ul li.small {
	font-size: .9em;
	width: 180px;
}
#sidebar ul {

    margin:0;

    padding:0;

    list-style:none;

}


#sidebar .links h3 {

    padding:0 0 12px 15px;

    border-left:2px solid #D2D6D8;

}

#sidebar .links {

    margin-bottom:18px;

}

#recentcomments,

#sidebar #calendar_wrap,

#sidebar .links .content,

#sidebar #searchform,

#sidebar .links li a,

#sidebar .links .current-cat li a {

    border-left:2px solid #D2D6D8;

}

#sidebar .links .tags,

#sidebar #calendar_wrap,

#sidebar .links li a,

#sidebar #searchform {

    padding:0 0 0 15px;

}

#sidebar .links .tags {

    line-height:1.6;

}

#sidebar .links li {

    display:inline;/*for IE*/

}

#sidebar .links li a {

    display:block;

}

#sidebar .links li li a {

    padding-left:15px;

}

#sidebar .links li li li a {

    padding-left:30px;

}
#sidebar .links li li li li a {

    padding-left:45px;

}
#sidebar .links li li li li li a {

    padding-left:60px;

}
#sidebar li.page_item.current_page_item a {
	border-color:#7E929E;
}
#sidebar .links li a:hover,

#sidebar .links .current-cat li a:hover {

    border-color: #455057;

}

#sidebar .links .current-cat a,

#sidebar .links .current-cat a:hover {

    border-color:#152942;

}

/* Events
*******************************/
#content .event {
	clear: both;
	text-align: right;
	padding-bottom: 10px;
}
#content .event, {
}
#content .event .left {
	float: left;
	text-align: left;
	font-weight: bold;
}
#content .event .right {
	text-align: right;
}

/* Icons

*******************************/
.oldernews {
	padding: 0 0 0 20px;
	background: url(images/icons/newspapers.gif) no-repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.link {
	padding: 0 0 0 20px;
	background: url(images/icons/arrow_315.gif) no-repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.address {
	padding: 0 0 0 20px;
	background: url(images/icons/card_address.gif) no-repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.email {
	padding: 0 0 0 20px;
	background: url(images/icons/mail.gif) no-repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.newsfeed {
	background: url(images/icons/feed.gif) no-repeat 0 0;
	line-height: 1.8em;
	padding-right: 0;
	padding-left: 20px;
	padding-top: 2px;
}

/* Page Navigation (Pagenai plugin)

*******************************/
.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #0066cc;

	color: #0066cc;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:visited {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #0066cc;

	color: #0066cc;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:hover {	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi a:active {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #0066cc;

	color: #0066cc;

	background-color: #328ab2;	
	}

.wp-pagenavi span.pages {

	padding: 2px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #000000;

	border: 1px solid #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	font-weight: bold;

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

/* Breadcrumbs

*******************************/
#breadcrumb {

    clear:both;

	height:2.3em;
	border:1px solid #dedede;
	margin: 0 10px 20px;
}
#breadcrumb ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
#breadcrumb li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#breadcrumb li a {
	background:url(images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#breadcrumb li a:link,
#breadcrumb li a:visited {
	text-decoration:none;
	}

/* Footer

*******************************/
#footer {
	clear:both;

    background:#2d424b;

    border-top:1px solid #D2D6D8;
	color: #ffffff;
	overflow: hidden;
	padding: 20px 10px;
}
#footer a:link,

#footer a:visited,
#footer a:active{

    color:#fff;
	text-decoration:none;

}
#footer a:hover{
	text-decoration:underline;
}

#footer ul {
	padding: 0 0 0 20px;
	margin: 0;
}

#footer div#container_division {
	width: 880px;
	}

#footer div.copyright {
	float: left;
	clear: none;
	width: 383px;
}
#footer div.links {
	float: left;
	clear: none;
	width: 145px;
}
#footer div.logo {
	float: right;
	clear: none;
	width: 207px;
	text-align: right;
}
/* ======Sitewide footer styling=====*/
#site-footer-holder {clear: both; float:left; padding-top:40px; font: 12px Arial, sans-serif;}
#site-footer { margin: 0 auto; width: 600px; min-height: 160px; padding: 0px 3px 0px; text-align: left; overflow: auto;}
#site-footer .search { float: right; margin-top: 3px;}
#site-footer ul { float: right; list-style: none; font-weight: bold; text-align: right; min-height: 160px; padding-left: 10px; margin-left: 10px; border-left: 1px solid #838380;}
#site-footer ul.firstlist { border-left: none; margin-left: 0px; padding-left: 0px; width: 150px;}
#site-footer ul li { color: #1e5606; background: none; padding-left: 0px;}
#site-footer ul li a { color: #424240; text-decoration: none; font-weight:normal;}
#site-footer ul li a:hover { text-decoration: underline;}
#site-footer .footer-search {clear:both; width 600px}
#site-footer form { margin-top: 15px;}
#site-footer-holder span { clear: both; float: left; width: 600px; font-size: 0.8em; color: #838380; margin: 12px 0px 8px;}
.footer-searchform  fieldset { border: 0px; min-width: 600px;}
.footer-searchform  .textbox { float: right; min-width: 175px; min-height: 16px; color: #6d6d6d; font-size: 0.9em; font-weight: bold; padding: 2px 0px 0px 5px; margin-right: 5px;}
.footer-searchform  select { float: right; min-width: 92px; min-height: 18px; color: #6d6d6d; font-size: 0.9em; font-weight: bold; padding: 2px 0px 0px 5px; margin-right: 5px;}
.footer-searchform  .submit { float: right;}