/*   
Theme Name: greenteam
Theme URI: 
Description: Redhill Green Councillors.
Author: Bryn Truscott
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


body, input, textarea {
    font:15px Arial,sans-serif;
    line-height:22px;
}


#branding {
    padding:0 0 1px 0;
}

#blog-title a {
background:url(images/greenheader.png) no-repeat top center;
display:block;
text-indent:-9000px;
width: 1000px;
height: 288px;
}

#main {
    clear:both;
    padding:22px 0 22px 0;
}

/* Style the side-bars */
.aside h3 {
	background-color: #aed67a;
 	font-family:Arial,sans-serif;
	font-style:normal;
	font-weight:bold;
	color:white;
	padding-left:5px;
}

.aside li.widgetcontainer {
	border: 1px solid #ccc;
	background-color: #eeeeee;
	margin-bottom: 10px;
}

.aside ul ul
{
	list-style:none;
    margin:0 0 0px 20px;
}

.aside ul ul li
{
	padding-top: 1px;
	padding-right: 0pt;
	padding-bottom: 1px;
	padding-left: 0pt;
	margin-left: -15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}

.xoxo li a {
	font-weight:normal;
	text-decoration:none;
}

.aside input
{
	margin-top: 5px;
	margin-left: 5px;
}

/* Menu styling */
/*** COLOR SKIN ***/

#access {
	background-color: #aed67a;
}

/* main ul element */
.sf-menu {
    border-right: 1px solid #ccc;
	float:left;
}

/* general link styles*/
.sf-menu a {
	display: block;
    font-family:Arial,sans-serif;
	font-weight:bold;
	padding:9px 13px;
	text-decoration:none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*** 1st Level ***/

/* 1st level links, no hover, no visits */
.sf-menu li a {
	color: white;
	background-color: #aed67a;
	border-color: #ccc;
}
/* 1st level links, while hovering over sub menu */
.sf-menu li.sfHover a{
	color: white;
	background-color: #aed67a;
}

/* 1st level links, hover */
.sf-menu li a:hover {
	color: white;
	background-color: #73a532;
}

/* 1st level links, visited */
.sf-menu li a:visited {
	color: white;
}

/* 1st level current page */
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	color: white;
    border-bottom-color: white;
	background-color: #73a532;
}

/* 1st level down triangles with pure css*/
.sf-menu li .sf-sub-indicator {
	text-indent:-9999px;
	line-height: 0;
	border-color:YELLOW transparent transparent;
	border-style:solid;
	border-width:4px; /*controls size of triangle */
	display:inline-block;
	margin-left:5px;
}

/*** 2nd level ***/

/* sub menu */
.sf-menu ul {
    border-right:1px solid;
    border-bottom:1px solid;
	border-color: #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles- adjust if you have gaps between first level and drop-down sub menu*/
}
.sf-menu ul ul {
    margin-top:0; /*unlikely to need adjusting */
}

/* 2nd level links, no hover */
.sf-menu li li a, .sf-menu li.sfHover li a {
	color: white;
	background-color: #aed67a;
	border-color: #ccc;
	border-bottom: 0;
}

/* 2nd level links, while hovering over sub menu */
.sf-menu li li.sfHover a{
	color: black;
	background-color: silver;
}

/* 2nd level links, hover */
.sf-menu li li a:hover, .sf-menu li.sfHover li a:hover {
	color: white;
	background-color: #73a532;
}

/* 2nd level current page */
.sf-menu li li.current_page_item a,
.sf-menu li li.current_page_ancestor a,
.sf-menu li li.current_page_parent a {
	background-color: #73a532;
}

/* 2nd level side triangles with pure CSS */
.sf-menu li li .sf-sub-indicator { /*right arrow*/
	border-color: transparent transparent transparent WHITE;
}

/*** 3rd Level and beyond ***/

/* 3rd level links, no hover */
.sf-menu li li li a, .sf-menu li.sfHover li li a {
	color: blue;
	background-color: red;
	border-color: blue;
}

/* 3rd level links, hover */
.sf-menu li li li a:hover, .sf-menu li.sfHover li li a:hover {
	color: white;
	background-color: pink;
}

/* 2nd level current page */
.sf-menu li li li.current_page_item a,
.sf-menu li li li.current_page_ancestor a,
.sf-menu li li li.current_page_parent a {
	background-color: TEAL;
}