/*   
Theme Name: Bigego Herbalist Theme
Theme URI: http://www.bigego.co.uk
Description: A Thematic Child Theme by Bigego that is herbaly
Author: Dimitri
Author URI: http://www.bigego.co.uk
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 {color: #888;}

body {
background:#325c23 url() repeat scroll 0 0;
/* background:#fff url(images/bg.jpg) repeat scroll 0 0;  */
}

a:link, a:visited { color:#888;} /* #888 */

a:active, a:hover {color:#99CC33;}

#note_container {
	overflow:visible;margin:0 auto;padding:0;width:970px;height:0px;
	}

	#stickynote {
	float:right;top:150px;z-index:10;width:246px;height:142px;position:relative;
	}

#wrapper, #header, #branding, #footer {width:100%; /* 100% */ }

#wrapper{
background: #fcfcf4; /* main content background colour */
background:url("images/background.jpg") no-repeat scroll center top #fcfcf4;
}

#header {
top:0px;
z-index:2;
height:103px; /* 48px without tabs enclosed, 80px with tabs and dropdown bg  */
padding:0;
background:url("images/pots.png") no-repeat scroll 87% 33px #325C23;
/* background: #325c23 url("images/hdr-dropshadow.gif") repeat-x scroll center bottom; */
}

#branding {
background:url("images/ph-medical-herbalist-in-sussex.gif") no-repeat scroll 38px 16px transparent;
color: White;
height:70px;
padding:0;
text-indent:-9999px;
vertical-align:top;
width:960px;
}

#blog-title {
background:url("images/medical-herbalist-in-sussex.gif") no-repeat scroll right 0 transparent;
height:30px;
left:-10px;
position:relative;
text-indent:-9999px;
top:30px;
width:200px;
}
	
	#blog-description {
	text-indent:-9999px;
	}

#access {
width:960px;
background:url("") repeat-x scroll center bottom transparent;
border-bottom:0px solid #CCCCCC;
font-size:13px;
height:32px; 
overflow:visible;
margin:0 auto;
}

#access div.menu {
margin: 0 auto;
padding: 0; /* 0 0 0 50px; */
width: 960px; /* 960 - 50 margin left = 910 */
}

/***************************************
SF MENU
***************************************/

.sf-menu {
    border-right:1px solid #325c23;
	float:left;
	padding:0 0 0 50px;
}
.sf-menu a {
	border-left:1px solid #325c23;
	border-top:1px solid #325c23;
	border-bottom:1px solid #325c23;
	padding:9px 13px;
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fcfcf4; /* active main content bg #fff */
}

/* for active tab format and its sub menu items */
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#ddeccb; /* active main content bg #fcfcf4*/
    background-color: #ddeccb; /* active main content bg #fcfcf4*/
    color: #666;
}

.sf-menu li {
	background:		#97bd5b; /* Non active tabs - lighter green not the hovery one #fff */
}
.sf-menu li li {
	background:		#97bd5b; 
}
.sf-menu li li li {
	background:		#97bd5b;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #6f9631;
	outline:		0;
    border-bottom-color:#325c23;
}

/* for active tabs on hover format */
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a,

.sf-menu .current_page_item a:focus, .sf-menu .current_page_item a:hover, .sf-menu .current_page_item a:active
{
    border-bottom-color:#ddeccb; /* active main content bg #fcfcf4*/
    background-color: #ddeccb; /* active main content bg #fcfcf4*/
    color: #666;
}

.sf-menu ul {
    border-right:1px solid #325c23;
    border-bottom:1px solid #325c23;
}

/* sub menu - colour same as non active tabs */
.sf-menu ul a {
    background:#97bd5b;
	border-bottom:none;
}

/* sub menu - colour of text */
.sf-menu ul a:hover {
    color: #e8f0db;
}

/**************************************
MAIN BODY
****************************************/

#main {
background:transparent url() repeat-y scroll 0 0;
margin:0 auto;
overflow:hidden;
position:relative;
width:960px; /* 960 */
}

#container {
width: 600px; /*620px */
margin-left: 60px;
}
	#content {
	margin:0; /* 0 0 0 10px */
	overflow:visible; /* was hidden but want to show date to side of posts */
	width:600px;
	}
	
	#content .aside {
border:1px dashed #CCCCCC;
margin:0 0 44px;
}

	.entry-title { /* the post headings */
	font-family:Georgia,serif,Arial,sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:30px;
   padding:0 0 6px 0;
	letter-spacing: -1px;
	}

	/* this forces the same font size as the body - for pages and posts */
	.entry-content, .entry-content p {
	font-size: 15px;
	}
	
	.hentry {
padding:0 0 22px 0;  /* padding:0 0 22px 10px; */
}

	.entry-title a {
	color:#325c23;
	text-decoration:none;
	}
	.entry-title a:active,
	.entry-title a:hover {
	    color: #99cc33;
	}
	.entry-meta {
	    color:#666;
	    font-size:12px;
	    font-style:italic;
	    line-height:18px;
		 height:20px;
		 padding-left:4px;
	}
	
	.meta-prep, .meta-sep {
	
	}
	.entry-meta .author {
	}
	.entry-meta .n {
	    font-size:11px;
	    font-style:normal;
	    letter-spacing:0.05em;
	    text-transform:capitalize;
	}
	.entry-meta a {
	    color:#666;
	    text-decoration:none;
	}
	.entry-meta a:active,
	.entry-meta a:hover {
	    color: #99cc33;
	}
	
	.entry-meta abbr {
border:medium none;
cursor:text;
font-size:11px;
font-style:normal;
letter-spacing:0;
line-height:13px;
text-transform:capitalize;
color: white;
	}
	
.meta-prep-author {
/* margin-left:10px;*/
}
	.meta-sep-entry-date, .meta-prep-entry-date {
	display: none;
	}
	
.entry-date {
background:url("") no-repeat scroll right top #325c23;
border:2px dotted #97BD5B;
display:block;
height:42px;
left:-64px;
padding:2px;
position:relative;
text-align:center;
top:-50px;
width:42px;
}
	
	.entry-content {
	    padding:22px 0 0 0;
	}
	.entry-content h1,
	.entry-content h2 {
	    font-family:Arial,sans-serif;
	    font-size:19px;
	    font-weight:bold;
	    padding:28px 0 14px 0;
	}

	
	/* the Posted in Uncategorized / tagged etc at bottom of post */
	.entry-utility {
	color:#666666;
	font-size:12px;
	line-height:18px;
	border-bottom: 1px dashed #aeaeae;
	margin:11px 0 44px;
	}
/*********************************************
MAIN ASIDE
**********************************************/

.main-aside {
float:right;
position:relative;
right:50px; /* 10px */
width:220px; /* 260px */
}

	#primary {
	background: transparent url("images/andrea-and-linda.gif") no-repeat right top;
	border:1px dashed #CCCCCC;
	margin:0px 0 22px 0;
	}

	.main-aside ul {
	padding:0 5px 0 20px;
	}

	.widgettitle {
	font-weight: 800;
	}

.aside .current_page_item a {
color:#97bd5b;
}

.aside .current_page_item .page_item a {
color:#97bd5b;
}

.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active {
    color: #888;
}

.aside a:link, .aside a:visited{
	color: #99CC33;
}

.aside a:active,
.aside a:hover {
    color: #99CC33;
    text-decoration: none;
}

.aside input {
width:180px;
font-size:12px;
}

.aside ul, ul.bullet, ul.bullet ul, ul.bullet ul ul{
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style: none; /*disc outside url("images/greenar.png");*/
    margin:0 0 22px 0; /* 0 0 22px 20px */
}

.aside ul ul li {
padding: 1px 0;
background: url("images/greenar.png") no-repeat 1px 6px;
padding-left: 20px;
}

ul.bullet li{
padding: 1px 0;
background: url("images/greenar.png") no-repeat 1px 12%;
padding-left: 20px;
}

ul.bullet li li{
padding: 1px 0;
background: url("images/greenar.png") no-repeat 1px 24%;
padding-left: 20px;
}



/****************
The Calendar to fit
*****************/

.aside th, .aside td {
border-right:1px solid #CCCCCC;
padding:0.2em 0.4em;
}

/**********************************
FOOTER
************************************/

#footer {
background:url("") repeat-x scroll center bottom #325c23;
border-top:0px solid #CCCCCC;
margin-top:0;
margin: 0 auto;
/*width:  960px */
/* height:183px;*/
}

#subsidiary {
width: 910px; /* 960px */
padding:20px 0 0 50px;
margin: 0 auto;
background:url("") repeat-x scroll center bottom #325c23;
}

#subsidiary .aside {
float:left;
margin:0 20px 0 0;
width:290px;
}

#subsidiary #third { /* no right margin for last (3rd) column of 3 */
margin:0;
}

#subsidiary .widgettitle {
	color: #fff;
	font-weight: 800;
	}
	
#siteinfo {
width: 960px;
color:#99CC33;
font-size:11px;
line-height:18px;
padding:25px 0 5px;
margin: 0 auto;
text-align:center;
background:url("") repeat-x scroll center bottom #325c23;
}


#siteinfo a, #siteinfo a:active,
#siteinfo a:hover {
text-decoration: underline;
color: #99CC33;
}
/*************************************
COMMENTS and POST STYLES
************************************/

#comments-list li {
background:#e7e9c6 none repeat scroll 0 0;
}

#comments-list li.alt {
background:#fff7d7 none repeat scroll 0 0;
}

#respond {
background:transparent none repeat scroll 0 0;
}



/***************************************
EXTRAS FOR FUNCTIONS
*****************************************/
/*
#access-search{
    position:absolute;
    left:60%;
    width:170px;
    margin-left:170px;
    height:41px;
    border:none;
    padding:12px 0 0 4px;
}
#access-search #searchsubmit {
display:none;
}
*/

#my_rightbutton_container {
float:right;
position:relative;
right:50px;
width:220px;
height:70px;
background:url("images/right_col_top_andrea.gif") no-repeat scroll right top transparent;
}

/**************************************8
OVERIDE WP-INVOICE STYLES
***************************************/
#invoice_page{
padding:10px;
background: #fbf8ec;
border: 1px solid #ffffff;
}

#invoice_overview{
width: 95% !Important;
}

#invoice_page .wp_invoice_due_date {
font-weight: 800;
color: #cc0000;
}

/***************************************
 OVERIDE SEXY-BOOKMARKS
 ****************************************/
 
 div.entry-content  div.sexy-bookmarks {
clear:both !important;
margin:45px 0 0 !important;
}