/*
THEME NAME: Yellow's Green
THEME URI: http://www.yellowsgreen.com (eventually)
DESCRIPTION: Branding for Yellow's Green website
VERSION: 0.1
AUTHOR: Maria Greene and Diane Root
AUTHOR Uri: http://www.justmagicdesign.com
TAGS: one column, two columns, three columns, yellow, green
TEMPLATE: sandbox
*/

/* 
COLORS:

FFB804	yellow
16710A	green
174B1A	dk green
C23D04	orange
D4D3D2	grey

*/

@import url('../sandbox/style.css');

body {
	font: 12px/1.3em ariel, verdana, sans-serif;
	margin-top: 1.3em;
}

div#wrapper {
	margin: 0 auto;
	width: 750px;
}

/*  ----------------
	@HEADER
	---------------- */
div#header {
	background: #FFB804 url(images/yg-header.png) top left no-repeat; /* yellow */
	height: 50px;
	text-align: left;
}
	div#header h1#blog-title, div#header div#blog-description {
		display: none;
	}
	div#header img#logo {
		border: 0;
	}

div#access {
	overflow: hidden;
	border-bottom: 10px solid #16710A; /* green */
}

	/*  ----------------
		@SKIP-LINKS
		For accessibility.
	  	---------------- */
	div.skip-link {
		top: 0;
	}
		div.skip-link a:link, div.skip-link a:visited {
			color: white;
		}
		div.skip-link a:hover, div.skip-link a:active {
			color: black;
		}
		
/*  ----------------
	@SEARCH FORM
	---------------- */
	div#search {
		float: left;
		height: 40px;
	}
	div#search form {
		padding: 8px;
	}
	
/*  ----------------
	@MENU
	---------------- */
div#menu {
	background: transparent;
	width: 475px;
	margin: 0;
	float: right;
	overflow: visible;
}
	div#menu ul.menu {
		float: right;
	}
	div#menu ul.menu li {
		height: 40px;
	}

ul.menu {
/*	overflow: hidden; */
}
	ul.menu li {
		background: transparent url(images/sep.gif) center left no-repeat; /* add the separator */
	}
	ul.menu li:first-child {
		background: transparent;
	}
		ul.menu li ul {
			display: none; /* don't show drop-downs */
		}
	ul.menu a {
		margin: 15px 6px 0;
		padding: 0;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: normal;
	}
		ul.menu a:link, ul.menu a:visited {
			color: black;
		}
		ul.menu a:hover, ul.menu a:active, 
		ul.menu li.current_page_item a, ul.menu li.current_page_ancestor a {
			color: #16710A; /* green */
		}
		div#menu ul.menu a:hover, div#menu ul.menu a:active, 
		div#menu ul.menu li.current_page_item a, div#menu ul.menu li.current_page_ancestor a {
			border-bottom: 3px solid #C23D04; /* orange */
			padding-bottom: 10px;
		}
div#footer-menu {
	overflow: hidden;
	margin: 0 auto;
	width: 475px;
}
	div#footer ul.menu li {
		height: 24px;
	}
	div#footer ul.menu a {
		margin: 5px 5px 15px;
	}
	
/*  ----------------
	@SIDEBARS
	---------------- */
div.sidebar li {
	margin: 0 0 1em;
}
div#primary {
	width: 225px;
	margin-top: 20px;
}
div#secondary {
	display: none;
}

/*  ----------------
	@CONTENT
	---------------- */
div#container {
	margin: 0 0 0 -225px;
}
	div#content {
		margin: 20px 0 0 225px;
		padding: 0 0 0 1em;
		background: transparent url(images/gr-sidegradLong.png) top left repeat-y;
	}

div#nav-above {
	display: none;
}

h2 {
	font-size: 22px;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #174B1A; /* dk green */
	background-color: #FFB804; /* yellow */
	padding: 0.2em 0 0.2em 14px;
	font-variant: small-caps;
	margin: 0;
}

/* Don't display the page title "Home" on the home page */
body.home h2.entry-title {
	display: none;
}

h3 {
	color: #174B1A; /* dk green */
	font-style: italic;
	font: normal bold 16px/1em Verdana, Arial, sans-serif;
	margin: 0.5em 0 0;
	padding-left: 14px;
}
h3.entry-title {
	margin-top: 1.5em;
	background: transparent url(images/greyTopSides.jpg) top left no-repeat;
	padding-top: 1em;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	font-family: verdana,ariel, sans-serif;
	color: #000000; /* black */
	margin: 0;
}
h5 {
	color: #174B1A; /* dk green */
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.5px;
}

p {
	margin: 0 0 1em;
	padding: 1em 0 0 1em;
}

a {
	color: #C23D04; /* orange */
}
a:active {
  outline: none; /* get rid of the dotted borders on Firefox */
}
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active {
	text-decoration: underline;
}
/*
div.entry-meta span {
	display: none;
}
*/
div.entry-meta span.edit-link {
	display: inline;
}
/*  ----------------
	@FOOTER
	---------------- */
div#footer {
	background: transparent url(images/gr-or-bottombar.png) top left repeat-x;
	padding-top: 2em;
}

	div#footer #copyright {
		border-top: 4px solid #8E9093; /* gray */
		color: #8E9093; /* gray */
		clear: left;
		padding-top: 0.25em;
		margin-top: 10px;
	}
	div#footer #copyright a:link, div#footer #copyright a:visited {
		color: #95A580; /* green gray */
	}
	
/*  ----------------
	@PAGE SPECIFIC - FAQ
	---------------- */
div.faq_approve {
	display: none;
}
ol.faq div.answer p {
	font-size: 100% !important;
}

/*  ----------------
	@PAGE SPECIFIC - PRODUCTS
	---------------- */
body.pageid-12 div#content {
	background: transparent;
}

body.pageid-12 div.entry-content p {
	background: transparent url(images/gr-sidegradShort.png) bottom left no-repeat;
}
	
div.product-category {
	width: 49%;
	float: left;
}
div.product-category h5 a {
	color: #174B1A; /* dk green */
/*	font-weight: normal; */
}
body.pageid-12 div.entry-content div.product-category p {
	padding-top: 0.5em;
	background: transparent url(images/greyTopSides.jpg) top left no-repeat;	
}
div.product-category img {
	border: none;
	float: right;
}
div.product-category.odd {
	clear: left;
}

div.callout {
	margin-left: 2em;
	margin-bottom: 2em;
	border-left: 10px solid #68BE5D;
	background: #CCEBA6;
	padding: 0.5em 0.5em;
}

/*  ----------------
	@BLOG
	---------------- */
img.side-image {
	margin-bottom: 1em;
}

div.formcontainer, div#nav-below {
	padding: 1em 0 1em 1em;
}
div.entry-meta {
	margin-left: 1em;
	padding: 1em 0 1em 1em;
	background-color: #FFDE90;
}
div#comments {
	clear: both;
	margin-top: 2em;
}

div.entry-date {
	-moz-border-radius: 5px;
	-webkit-border-radious: 5px;
	background: #16710A none repeat scroll 0 0;
	color: white;
	float: left;
	margin: 1em;
	padding: 5px 5px 5px;
	text-align: center;
	width: 50px;
	font-weight: bold;
}
p.day, p.month, p.year {
	margin: 0;
	padding: 0;
}
.day { 
	font-size: 1.2em; 
/*	font-family: Georgia, serif;  */
}
.month { 
	font-size: 1.2em; 
	text-transform: uppercase;
}
.year { 
	font-size: 1em;
}