/*  
Theme Name: Almost Spring
Description: A two column theme. Light and simple with greens and oranges. 
Version: 1.3
Author: Becca Wei
Author URI: http://beccary.com
*/

/* 
-----------------------------------------------
Basics and Typography 
--------------------------------------------------
*/
body {
	margin: 0;
	padding: 0;
	background: #E8E8CE url(/images/bg.gif) repeat-x fixed;
	font-size: 78%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}
ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #9BBB38; 
}
h1, h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
a {
	text-decoration: none;
}
a:link {
	color: #E58712;
}
a:visited {
	color: #B96F17;
}
a:hover, a:active {
	color: #9BBB38;
}
input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAF0;
	color: #333;
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 0.9em;
}
code {
	font-family: monospace;
	color: #666;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #999;
}

/* Layout */

#wrapper {
	margin: 0 auto;
	padding:0;
	width: 750px;
	background-color: #FFF;
	text-align: left;
}

/* 
--------------------------------------------------
header
--------------------------------------------------
*/
#header {
	position:relative;
	float:left
	padding: 30px 0px 0px 0px;
	height:85px;
	background-color: #F5F5E7;
	/*border-bottom:5px solid #9BBB38;*/
	
}
	/* Header Styles */
	 #header .logo {
		position:relative;
		float: left;
		height:50px;
		margin-top: 0.5em;
		margin-left: 0.5em;
		padding:0;
	}

	 #header .tagline {
		position:relative;
		float: left;
  		clear:both;
		width:550px;
		padding:0;
		margin-left: 0.5em;
	}
	
	 #header .tagline h1 {
		color: #666666;
		font-weight:normal;
		padding:0;
		margin:0;
	}
	

/* 
--------------------------------------------------
topnav - top-of-page righthand global navigation
--------------------------------------------------
*/
#topnav ul{
	position:absolute;
	top:5px;
	right:15px;
	width:500px;
	padding:0;
	margin:0;
}

#topnav li{
	color:#80904F;
    list-style-type:none;
    padding:0px 0px 0px 8px;
	float:right;
}
	/* topnav styles */
	#topnav li a{
    	color:#80904F;
        text-decoration:none;
        border-right:1px solid;
        padding:0px 8px 0px 0px; /*creates space each side of menu item's text */
	}
	#topnav li a:hover{
		color: #CAC8BB;
		text-decoration:underline;
	}
	#topnav li.noborder a{
		color:#80904F;
		text-decoration:none;
		border-right:0px solid;
		padding:0px 0px 0px 0px; /*creates space each side of menu item's text */
	}
	#topnav li.noborder a:hover{
		color: #CAC8BB;
      	text-decoration:underline;
	}
/* End topnav  - top-of-page righthand global navigation*/ 

/* 
--------------------------------------------------
navigation - top-of-page main global navigation
--------------------------------------------------
*/
	#navigation { }
	#navigation a { 
		text-decoration: none; 
	}

	#navigation ul
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
		position: relative;
	}
	
	#navigation li { 
		display: inline;
	}
	
	/*1st level elements*/
	#navigation ul
	{
		font-size: 1.2em;
		border-top: 1px solid #636563; /* dark grey */
		border-bottom: 1px solid #636563;
		background-color:#636563; 
		padding: 2px 0;
		margin-bottom: 2em;
	}
	
	#navigation li { 
		margin: 0 0 0px; 
	}
	
	#navigation ul a,
	#navigation ul a:link,
	#navigation ul a:visited
	{
		background-color: #636563;  /* dark grey */
		border: 1px solid #636563;
		color: white;
		padding: 0px 5px;
	}
	
	#navigation ul a:hover,
	#navigation ul a:focus
	{
		background-color: #80904F;	/* dull green */
		border: 1px solid black;
		color: black;
	}
	
	/*current Link*/
	#navigation ul a#current,
	#navigation ul a#current:link,
	#navigation ul a#current:visited { 
		font-weight: bold; 
	}
	
	/*Second and subsequent levels*/
	#navigation ul ul
	{
		font-size: 0.9em;
		position: absolute;
		top: 23px;
		left: 0;
		width: 100%;
		border-top: none;
		background-color:#9BBB38; /* light dull green */
	}
	
	#navigation ul ul li { 
		display: inline; 
	}
	
	#navigation ul ul a,
	#navigation ul ul a:link,
	#navigation ul ul a:visited
	{
		background-color: #9BBB38;
		border: 1px solid #9BBB38;
		color: black;
	}
	
	#navigation ul ul a:hover,
	#navigation ul ul a:focus
	{
		background-color: #80904F;
		border: 1px solid black;
		color: black;
	}
	
	/*current Link*/
	#navigation ul ul a#subcurrent,
	#navigation ul ul a#subcurrent:link,
	#navigation ul ul a#subcurrent:visited { 
		font-weight: bold; 
	}
/* End navigation - top-of-page main global navigation */

/* 
--------------------------------------------------
mainnav - decrecated by navigation
--------------------------------------------------
*/
#mainnav {
	height: 2.7em;
 }

#mainnav ul {
  margin:0;
  padding:0;
  line-height: 2.7em; 
   
}

#mainnav li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  white-space:nowrap;
  border-color:white;
}

#mainnav li a {
  display:block;
  padding:0 10px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:1.0em;
  font-weight:900;
}

#mainnav form {
	float:right;
  	height:100%;
  	width:250px;
  	padding:0 15px;*/
  	border-left:1px solid;
  	border-color:white;
	line-height:0;
}

#mainnav form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}

	/* mainnav styles */
	#mainnav {
		background-color:#9BBB38; 
		border-top:1px solid #FFF;
	}

	#mainnav li { border-color: #FFF; }

	#mainnav a:link, #mainnav a:visited { color: #FFF; }
	
	#mainnav .selected, #mainnav a:hover { 
		background-color: #80904F;}

	#mainnav #q {
		height:1.5em;
		width:150px;
		margin:0 5px 0 0;
		padding:0;
		font-size:0.8em;
		vertical-align:middle;
	}

	#mainnav #sq {
	  height:2em;
	  width:auto;
	  padding:0 1px;
	  font-size:9px;
	  letter-spacing:1px;
	  text-align:center;
	  vertical-align:middle;
	}
/* End mainnav */


/* 
--------------------------------------------------
splash div/classes - top-of-page home page content
--------------------------------------------------
*/
	#splash{
		position:relative;
		float:left;
		width:500px;
		height:200px;
		margin:15px 0 15px 0;
		padding:0;
		background-color:#636563;
	}
	
	.splashimg{
		position:relative;
		float:right;
		width:220px;
		height:200px;
		margin:0;
		padding:0;
		border-left:1px solid #fff;
	}
	
	.splashtxt{
		position:relative;
		float:left;
		width:240px;
		margin:0;
		padding:15px 15px 0 15px;
	}
	
	.splashtxt p {
		color: #fff;
		font-weight:normal;
	}

/* End splash */



/* 
----------------------------------------------------
directory class - home page & tack shop page content
----------------------------------------------------
*/
	.directory{
		position: relative;
		float: left;
		/*width: 160px;*/
		width: 240px;
		margin: 5px 5px 5px 0px;
		padding: 0px 0px 5px 0px;
		background-color: #fafaf0;
	}

	/* directory styles */
	.directory h2{
		position: relative;
		float: left;
		/*width: 155px;*/
		width: 235px;
		height: 19px;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		background-color: #9BBB38;
		/*font-size: 0.7em;*/
		font-size: 0.9em;
		line-height: 19px;
		border-bottom: 1px solid #fff;
	}
	
	.directory h2 a:link, .directory h2 a:visited { color: #FFF; }

	.directory h2 a:hover { background-color: #80904F; }

	ul.bullet {
		color: #000;
		/*font-size: 0.7em;*/
		font-size: 0.9em;
		list-style-type: square;
		margin: 0 0 0 25px;
		padding: 2px 0 0 0;
		clear: both;
		line-height:1.25;
	}

	ul.bullet li{
		padding: 2px 0 2px 0;
		margin:0;
	}
	
	ul.bullet li a{
		color:#000;
		text-decoration:none;
	}
	
	ul.bullet li a:hover{
		color:#000;
		text-decoration:underline;
	}

/* End directory - home page & tack shop page content */


/* 
---------------------------------------------------------
link_entry class - used to style sqllinks directory links
---------------------------------------------------------
*/
.link_entry {
	margin:0px 0px 15px 0;
	padding:5px;
	background-color: #fafaf0;
	border:1px solid #9BBB38;
}
/* End link_entry - sqllinks directory links*/


ul.links li{
	color:#000;
	padding:3px 5px 3px 5px;
	background-color:#EFFCFF;
	margin:5px 0 15px 0;
	border:1px solid #D1ECF4;
}

/*
---------------------------------------------------------
highlight class - used to style sqllinks directory links
---------------------------------------------------------
*/
	.highlight			{ color:#FF0900 ; }
	a.highlight			{ color:#D25400 ; }
	a.highlight:hover	{ color:#FF6600 ; }

/* End highlight - sqllinks directory links*/


/*
---------------------------------------------------------
optional class - used to style sqllinks directory links
---------------------------------------------------------
*/
	.optional			{ color:#666666 ; }
	a.optional			{ color: #999999 ; }
	a.optional:hover    { color: #000000 ; }

/* End optional - sqllinks directory links*/
	

/* 
--------------------------------------------------
offers div - special offers
--------------------------------------------------
*/
	/* styles */
	DIV.offers h2{
		font-size: 0.9em;
		background-color: #9BBB38; 
		height: 25px;
		color: #fff;
		margin: 0px;
		padding: 2px 10px 3px 10px;
		}
	
	DIV.offers p{
		float: left;
		margin: 0px;
		font-size: 0.7em;
		padding: 0px 10px 10px 0px;
		}
		
	DIV.offers a{
		float: right;
		margin: 0px 5px 10px 5px;
		padding: 2px 5px 2px 5px;
		border: 1px solid #000;
		font-size: 0.7em;
		text-decoration: none;
		background-color: #9BBB38;
		color: #FFF;
		font-weight: bold;
		}
		
	DIV.offers a:Hover{background-color: #80904F;}
	
	DIV.offerItem{
		float: left;
		width: 235px; 
		height: 220px;
		margin: 0px 10px 10px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #000;
		background-color: #fafaf0;
		}
		
	DIV.offerItemPadding{padding:5px 10px 0px 10px;}
	
/* End offer - special offers */

/* 
--------------------------------------------------
promobox class - promotional boxes - global
--------------------------------------------------
*/
	.promobox {
		position:relative;
		float:left;
		width:240px !important;
		width /**/:240px;
		margin:0 10px 12px 0;
		display:inline;
		background-image:url(../images/promobox_corner.gif);
		background-position:bottom left;
		background-repeat: no-repeat;
		background-color:#e4e4c3;
	}
	
	.promobox-txt {
		position:relative;
		float:left;
		width:134px !important;
		width /**/:150px;
		padding:10px 8px 0 8px;
	}
	
	.promobox-txt h2 {
		color:#000;
		font-size:.9em;
		font-weight:bold;
		margin:0 0 2px 0;
	}
	
	.promobox-txt p {
		color:#000;
		line-height:1.3;
		margin:0;
		padding:0 0 4px 0;
	}
	
	.promobox-txt a:link {
		font-weight:normal;
		color:#d8050b;
		text-decoration: none;
	}
	.promobox-txt a:visited {
		color:#d8050b;
		text-decoration: none;
	}
	.promobox-txt a:hover {
		color:#d8050b;
		text-decoration: underline;
	}
	
	.promobox-img{
		position:relative;
		float:right;
		width:66px;
		height:115px;
		margin:5px 5px 5px 0;
		display:inline;
	}	
	
/* End promobox - promobox class - promotional boxes - global */

/* 
--------------------------------------------------
subscribe class
--------------------------------------------------
*/

	.subscribe {
		position:relative;
		float:left;
		width:500px;
		margin:0 0 15px 10px;
		padding: 0;
		border:2px solid #c4c4a4;
		display:inline;
	}
	
	.subscribetable {
		/*margin:10px 15px 10px 15px;*/
		margin:0 0 15px 10px;
		padding: 0;
	}
	
	.attributename  {
		font-size : 12px;
		font-weight : normal;
		font-style : normal;
		color : black;
		text-decoration : none;
	}

	.attributeinput  {
		font-size : 12px;
		font-weight : normal;
		font-style : normal;
		color : black;
		text-decoration : none;
	}
	
	.required {
		font-size : 12px;
		font-weight : normal;
		font-style : normal;
		color : red;
		text-decoration : none;
	}
	
	.missing {
		font-size : 14px;
		font-weight : bold;
		font-style : normal;
		color : red;
	}
	
	ul.list {
		color:#000;
		font-size:.9em;
		list-style-type:none;
		margin:0 0 5px 24px;
		padding:0;
	}
	
/* 
--------------------------------------------------
action class - shop
--------------------------------------------------
*/	
	.action a:link {
		color: #c30;
		font-weight:bold;
		text-decoration: none;
		background-image:url(/images/buttons/shop-button.gif);
		background-repeat:no-repeat;
		background-position:right;
		padding:3px 22px 3px 0;
	}
	
	.action a:visited {
		color: #c30;
		font-weight:bold;
		text-decoration: none;
		background-image:url(/images/buttons/shop-button.gif);
		background-repeat:no-repeat;
		background-position:right;
		padding:3px 22px 3px 0;
	}
	
	.action a:hover {
		text-decoration: underline;
		color: #c30;
	}
	
	.action a:active {
		text-decoration: underline;
		color: #c30;
	}
	
/* 
--------------------------------------------------
content	
--------------------------------------------------*/
#content {
	float: left;
	margin: 0 0 0 20px;
	width: 500px;
	display: inline; /* IE double margin bug fix */
	/*background-color:#fff;
	background-image: url(/images/hoof-image.gif);
	background-repeat:no-repeat;
	background-position:center center;*/
}

/* 
--------------------------------------------------
sidebar
--------------------------------------------------*/
#sidebar {
	float: left;
	margin: 0 20px 0 20px;
	padding: 1.8em 0 0 0;
	width: 190px;
	font-size: 0.9em;
	display: inline; /* IE double margin bug fix */
}
* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}

/* 
--------------------------------------------------
footer
--------------------------------------------------
*/
#footer {
	clear: both;
	height:100px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #F5F5E7;
	border-top:5px solid #9BBB38;
	font-size: 0.9em;
	text-align: left;
}

#footer-navigation {
	border-bottom:5px solid #9BBB38;
}

#footer-navigation ul {
	padding-left:10px
	padding-right:20px;
}

#footer-navigation li {
	color:#80904F;
	display: inline; 				/* gets the list items showing horizontally */ 
	list-style-type: none;			/* removes the bullets */ 
	padding:0px 0px 0px 10px;		/* some space between each item */ 
	margin:-2px;					/* removes the space left by the bullet point */ 
	margin:0; 						/* don't need to remove the space for IE */		
}

#footer-navigation li a { 
	color:#80904F;
	text-decoration:none; 			/* removes the underline from links */
    border-right:1px solid;			/* vertical bar */
    padding:0 10px 0 0;  			/*creates space each side of menu item's text */ 
}

#footer-navigation li a:hover {
	color: #CAC8BB; 
	text-decoration:underline; 		/* adds the underline back on mouseover */ 
}
 
#footer-navigation li.noborder a {
	color:#80904F;
	text-decoration:none;			/* removes the underline from links */
	border-right:0px solid;			/* no bar required */
	padding:0 0 0 0;  				/*creates space each side of menu item's text */		
}

#footer-navigation li.noborder a:hover{
    color: #CAC8BB; 	
	text-decoration:underline;
}

/*#footer li{
	color:#80904F;
    list-style-type:none;
	margin:0;
    padding:0px 0px 0px 10px;
	float:left;
}*/
	
	/* footer styles */
	#footer .copyright{
		clear: both;
		margin-left: 30px;
	}
	
/* 	#footer li a{
   	color:#80904F;
        text-decoration:none;
        border-right:1px solid;*/
      /*  padding:0 10px 0 0; */ /*creates space each side of menu item's text */
/*	}
	
	#footer li a:hover{
		color: #CAC8BB;
		text-decoration:underline;
	}*/

/*	#footer li.noborder a{
		color:#80904F;
		text-decoration:none;
		border-right:0px solid;*/
		/*padding:0 0 0 0; */ /*creates space each side of menu item's text */
/*	}
	
	#footer li.noborder a:hover{
	/*	color: #CAC8BB;
      	text-decoration:underline;
	}*/
	
/* Sidebar Styles */

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	background: url(/images/arrow.gif) no-repeat center right;
	font-size: 1.1em;
}
#sidebar h2 a {
	color: #9BBB38;
}
#sidebar h2 a:hover {
	color: #E58712;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar ul li {
}
#sidebar ul ul {
	margin: 1.2em 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAF0;
}
#sidebar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}
#sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0.1em 10px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 170px;
} 
html>body #sidebar ul ul li a {
	width: 170px;
}
#sidebar ul ul li a:hover {
	background-color: #FFF;
}
/* Nested lists? */
#sidebar ul ul ul {
	margin: 0;
	border: none;
}
#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}
#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 0.1em 10px 0.1em 25px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 155px;
} 
html>body #sidebar ul ul ul li a {
	width: 155px;
}
/* Calendar */
#wp-calendar {
	margin: 0 0 1.2em 0;
	width: 190px;
	border: 1px solid #E8E7D0;
	background: #FAFAF0;
	line-height: 1.2em;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 188px;
} 
html>body #wp-calendar {
	width: 188px;
}
#wp-calendar caption {
	margin: 1.2em 0 0 0;
	padding: 0.4em 0;
	background: #9BBB38;  
	color: #FFF;
	font-weight: bold;
}
#wp-calendar td {
	border: 0;
	border-collapse: collapse;
	background: #FFF;
}
#wp-calendar td a {
	display: block;
	width: 100%;
}
#wp-calendar td.pad {
	background: transparent;
}
#wp-calendar td#next, #wp-calendar td#prev {
	padding: 0.1em 2px;
	background: transparent;
}
#wp-calendar td#next a, #wp-calendar td#prev a {
	display: inline;
}
#wp-calendar td#next {
	text-align: right;
}
#wp-calendar td#prev {
	text-align: left;
}

/* Blog */

.post {
}
.posttitle {
	margin-bottom: 0;
	width: 100%;
	color: #FFF;
	overflow: auto;
	/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
	float: left;
	padding: 0 10px;
	background: #9BBB38 url(/images/posttitle.gif) no-repeat top right;
}
.posttitle a:link, .posttitle a:visited {
	color: #FFF;	
}
.posttitle a:hover, .posttitle a:active {
	background: #E8E7D0 url(/images/posttitle.gif) no-repeat 100% -91px;
	/*background: #80904F url(/images/posttitle.gif) no-repeat 100% -91px;*/
	color: #80904F;
	/*color: #FFF;*/
}
.postmeta {
	margin-top: 0;
	padding-top: 1px;
	background: url(/images/postmeta.gif) no-repeat top left;
	font-size: 0.9em;
	color: #999;
}
.postentry {
}
.permalink {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 14px;
	background: url(/images/permalink.gif) no-repeat center left;
}
.commentslink {
	padding: 0 0 0 17px;
	background: url(/images/commentslink.gif) no-repeat center left;
}

/* Comments */

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #E8E7D0;
	list-style-type: none;
}
#commentlist li {
	border-top: 1px solid #E8E7D0;
	padding: 1px 20px;
	background-color: #FFF;
}
.alt {
	background-color: #FAFAF0 !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}
#comment {
	width: 98%;
}

/* Widgets and Etc */

.widget_search div {
	margin: 1.2em 0;
}
#sidebar #s {
	margin-bottom: 2px;
	width: 180px;
}