/*
Theme Name: Rosebud Preserves
Theme URI: http://rosebudpreserves.co.uk
Description: WordPress theme for Rosebud Preserves.
Version: 1.0
Author: Rosebud Preserves
Author URI: http://rosebudpreserves.co.uk
Tags:

	Rosebud Preserves v1.0
	http://rosebudpreserves.co.uk

	This theme was designed and built for Rosebud Preserves,
	whose website you will find at http://rosebudpreserves.co.uk
	
*/

@font-face {
	font-family: Satisfaction;
	src: url("fonts/SATISFA0.eot");
	local('Satisfaction'),
	src: url("fonts/Satisfaction.ttf");
}


* {
  margin: 0;
  padding: 0;
}

body {
  background: url("images/bg-content.jpg");
  font: 72.5%/1.5 'Gill Sans', "Arial", sans-serif;
  color: #2e382a;
}

#outer-header {
  width: 100%;
  background: #586055;
  margin: 0 0 19px 0;
  box-shadow: 0px 0px 6px #555;
  -webkit-box-shadow: 0px 0px 6px #555;
  -moz-box-shadow: 0px 0px 6px #555;
}

#header {
  width: 950px;
  margin: 0 auto;

}

#header h1 {
  padding: 41px 0;
}

#header h1 a {
  width: 0;
  height: 0;
  margin: 0 0 0 6px;
  padding: 61px 461px 0 0;
  background: url("images/bg-logo.png") top left no-repeat;
  display: block;
  overflow: hidden;
}



.nav-search{
  width: 950px;
  margin: 0 auto;
}

.nav-search ul{
  float: left;
  margin: 0 0 19px 0;
  list-style: none;
}

.nav-search li{
  float: left;
  padding-right: 10px;
}

.nav-search li a:link,
.nav-search li a:visited {
  float: left;
  width: 230px;
  height: 32px;
  padding: 3px 0 0;
  font-size: 1.9em;
  line-height: 1.3em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #586055;
  box-shadow: 0px 0px 3px #999;
  -webkit-box-shadow: 0px 0px 3px #999;
  -moz-box-shadow: 0px 0px 3px #999;
}

.nav-search li a:hover,
.nav-search li a:active {
  color: #fff;
  background: #687066;
  opacity: .9;
  box-shadow: 0px 0px 6px #555;	
  -webkit-box-shadow: 0px 0px 6px #555;
  -moz-box-shadow: 0px 0px 6px #555;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-delay: initial;
}

.nav-search form {
  float: right;
}

.nav-search form input {
  float: left;
  width: 167px;
  height: 29px;
  margin: 0;
  padding: 2px 6px 0;
  font-size: 1.84em;
  color: #2e382a;
  border: 2px solid #586055;
  outline: none;
}

.nav-search form input.submit {
  float: left;
  width: 47px;
  height: 35px;
  padding: 0 0 2px;
  border: 0;
  color: #fff;
  background: #586055;
}




#container {
  width: 950px;
  margin: 0 auto;
}




#main {
  float: right;
  width: 710px;
}


#main h2,
#main h3 {
  font-size: 3em;
  color: #2e382a;
  margin: 0 0 .5em 0;
  font-weight: normal;
  vertical-align: baseline;
  line-height: 1.5;
  clear: both;
}

#main h2.pagetitle {
  margin-left: 27px;
}

#main h2 a:link, 
#main h2 a:visited,
#main h2 a:hover {
  text-decoration:none; 
  border-bottom: transparent;
}

#main h3 {
  font-size: 2em;
}

#main a:link,
#main a:visited {
  color: #2e382a;
  text-decoration:none;
  border-bottom: 1px dotted;
}

#main a:hover {
  text-decoration:underline;
  border-bottom: transparent;
  text-shadow: #2E382A .5px 0px .5px;
}

#main a:active {
  position: relative;
  top: 1px;
}

#main p {
  margin: 16px 0 0;
  padding: 0;
  font: 1.34em/1.25 'Times New Roman', 'Georgia', serif;
}

#main p.postmetadata {
  font-size: 1.17em;
  line-height: 1.25em;
  margin: 15px 0 0 0;
}

#main p.postmetadata.alt {
  margin: 0 0 15px 0;
  padding: 13px 27px;
  background: url("images/bg-transparent50.png");
}

#main .navigation {
  margin: 0 0 15px 0;
  float: left;
  clear: both;
  width: 656px;
  padding: 0 27px;
}

#main .navigation .alignleft {
  float: left;
}

#main .navigation .alignright {
  float: right;
}

.post {
  margin: 0 0 20px 0;
  padding: 13px 27px;
}

.odd {
  background: url("images/bg-transparent50.png");
}

ol.commentlist {
  list-style: none;
}

ol.commentlist li.even {
  background: url("images/bg-transparent50.png");
  padding: 20px 27px;
  margin: 0 0 20px 0;
}


#respond {
 width: 540px;
 padding: 0 27px;
 color: #2e382a
}

#commentform p {
  margin: 0;
  padding: 0;
  font-size: 1.15em;
}

p#required {
  margin: 0 0 10px 0;
}

#commentform p span {
  font-size: .85em;
}

#commentform label {
  float: left;
  width: 200px;
  margin: 0 20px 0 0;
  padding: 5px 0;
}

#commentform input[type=text] {
  margin: 0;
}

#commentform input[type=text],
#commentform textarea {
  background: url("images/bg-transparent50.png");
  font: .85em/1.25 'Times New Roman', 'Georgia', serif;
  padding: 5px;
  border: none;
  width: 300px;
  margin: 0 0 10px 0;
}

/*
#commentform textarea {
  width: 640px;
}
*/

#submit {
  float: right;
  margin: 5px 10px 0 0;
}

#sidebar {
  float: left;
  width: 229px;
  background: url("images/bg-transparent50.png");
  padding: 0 0 20px;
  font: 1.25em/1.3 'Gill Sans', "Arial", sans-serif;
  margin: 0 0 19px 0;
  box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
}

#sidebar:hover{
  box-shadow: 0px 0px 10px #555;
  -moz-box-shadow: 0px 0px 10px #555;
  -webkit-box-shadow: 0px 0px 10px #555;	
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-delay: initial;
}

#sidebar ul {
  list-style: none;
  padding: 0 30px;
  float: left;
  clear: both;
}

#sidebar ul li {
  width: 169px;
}

#sidebar li.twitter-item {
  margin-bottom: 15px;
}

#sidebar li.twitter-item:last-of-type {
  margin-bottom: 0;
}

.twitter-timestamp {
  float: right;
  clear: both;
  margin-top: 3px;
}

#sidebar ul ul{
  padding: 4px 0 0;
}

#sidebar li {
  margin: 20px 0 0;
  float: left;
  clear: both;
}

#sidebar li li{
  margin: 0;
}

#sidebar h3 {
  position: relative;
  margin: 8px 0 0 -3px;
  font: 1.5em/1 "Satisfaction", 'Gill Sans', "Arial", sans-serif;
  color: #2e382a;
  float: left;
  clear: both;
  cursor: pointer;
  border-bottom: transparent;
}

#sidebar a:link,
#sidebar a:visited {
  color: #2e382a;
  text-decoration: none;
  border-bottom: 1px dotted;
  -webkit-transition-property:padding-left;
  -webkit-transition-duration:500ms,500ms,500ms;
  -moz-transition-property:padding-left;
  -moz-transition-duration:500ms,500ms,500ms;
}

#sidebar a:hover,
#sidebar a:active {
  color: #2e382a;
  text-decoration:underline;
  border-bottom: transparent;
  padding-left:12px;
}

#sidebar h3 a:link,
#sidebar h3 a:visited {
  color: #2e382a;
  text-decoration: none;
  border-bottom: transparent;
  -webkit-transition-property:none;
  -moz-transition-property:none;
}

#sidebar h3 a:hover,
#sidebar h3 a:active {
  text-decoration: none;
  border-bottom: transparent;
}

.down-arrow, .up-arrow {
  background: url("images/down-arrow.png");
  width: 0;
  height: 0;
  padding: 16px 16px 0 0;
  display: block;
  overflow: hidden;
  margin: 10px 0 0 10px;
  float: left;
}

.up-arrow {
  background: url("images/up-arrow.png");
}

a.twitter_title_link:hover {
  text-decoration: underline;
}

#sidebar h3.image {
  width: 0;
  height: 0;
  overflow: hidden;
  display block;
  font: 1.25em/1.3 'Gill Sans', "Arial", sans-serif;
  margin: 0;
}

#sidebar h3#products {	
  padding: 28px 108px 0 0;
  margin-left: -6px;
  background: url(images/txt-h3-products.png) no-repeat 0 0;
}

#sidebar h3#shopping {
  padding: 40px 98px 0 0;
  margin-left: -6px;
  background: url(images/txt-h3-shopping.png) no-repeat 0 0;
}

#sidebar h3#information {
  padding: 34px 140px 0 0;
  margin-left:-10px;
  background: url(images/txt-h3-information.png) no-repeat 0 0;
}

#sidebar h3#contact-us {
  padding: 31px 132px 0 0;
  margin-left: -1px;
  background: url(images/txt-h3-contact-us.png) no-repeat 0 0;
}

#sidebar h3#awards {
  padding: 28px 94px 0 0;
  margin-left: -1px;
  background: url(images/txt-h3-awards.png) no-repeat 0 0;
}

#sidebar ul.awards{
  margin-top: 27px;
  width: 190px;
  overflow: hidden;
}

#sidebar ul.awards li{
  float: left;
}

#sidebar ul.awards li.afa {
  width: 0;
  height: 0;
  padding: 63px 175px 0 0;
  overflow: hidden;
  display: block;
  background: url(images/afa.png) no-repeat 0 0;
}



#outer-footer {
  width: 100%;
  background: #586055;
  clear: both;
  float: left;
  margin: 15px 0 0 0;
  box-shadow: 0px 0px 3px #555;
  -webkit-box-shadow: 0px 0px 3px #555;
  -moz-box-shadow: 0px 0px 3px #555;
 }
  
#footer {
  margin: 0 auto;
  width: 950px;
  height: 54px;
  padding: 18px 0 0 0;
  line-height: 1em;
  font: 1.25em/1 'Gill Sans', "Arial", sans-serif;
  color: #fff;
}

#footer .left {
  float: left;
  width: 480px;
}

#footer ul {
  margin: 0;
  padding: 0 0 8px;
  list-style: none;
}

#footer li {
  float: left;
  padding: 0 9px 0 4px;
  margin: 0 0 0 -5px;
  border-left: 1px solid #fff;
}

#footer li:first-of-type {
  border-color: #586055;
}

#footer p {
  margin: 0;
  padding: 0 0 8px;
}

#footer .left p {
  margin: 15px 0 0 0;
}

#footer a:link,
#footer a:visited {
  color: #fff;
  text-decoration: none;
  position: relative;
  border-bottom: 1px dotted;
  position:relative;
}

#footer a:hover,
#footer a:active {
  color: #fff;
  border-bottom: transparent;
  text-decoration:underline;
}

#footer .right {
  float: right;
  text-align: right;	
}

/*
li#rss-feed {
  border: none;
}

li#rss-feed a{
  background: url(images/rss-feed.png);
  width: 0;
  height: 0;
  padding: 12px 12px 0 0;
  overflow: hidden;
  float: left;
}
*/