/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck !
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
background-color: #fff1c4; 
color: #2d3636; 
font-family: 'myriad-pro', helvetica, arial, sans-serif;
}

#mainx {
   padding-top: 10px;
}

#homessmain {
	background: #fff url(images/pc-innerframe.gif) repeat-x top center;
	
}

#pcframe {
	margin: 0 auto;
	width: 1000px;
	background: transparent url(images/pc-frame2B.gif) no-repeat top center;
	padding-top: 0px;
}


a.logo {
text-decoration: none;
border: none;	
}
/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-size: 90%; 
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #860038; 
}

h2 {
font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;
text-transform: uppercase;
font-size: 1.2em;
padding-top: 1em;
padding-left: 18px;
margin-bottom: 0px;
}

h2 a {
  color: #860038; 
}

h2 a:hover {
  color: #ffc623; 
}

.byline {
	visibility: hidden;
}

.timestamp {
padding-top: 0px;
color: #ffc623; 
}

#content p {
	padding-left: 18px;
	font-size: 0.9em;
}
/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}
.center2 {padding-left: 60px;}
.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a { color: #d13f3f; text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, nolink {border-bottom: none;}

a:focus, a:hover { color: #860038;}


li { list-style: square inside url(images/bullet.gif);}

.fancybullet li {
list-style: none;
background: url(images/bullet.gif) no-repeat top left;
padding: 0px 0px 5px 18px;
margin: 0px 0px 0px 0px;
}

.sidebarone li {
list-style: none;
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;

}

.sidebartwo li {
list-style: none;
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 0.9em;

}




/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/


/********************************************************************************
                Borders
********************************************************************************/

.xborder-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: none;
}

.xborder-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


.aleft{
	text-align: left;
}

.aright{
	text-align: right;
}

.acenter{
	text-align: center;
}




/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/
.xnavfront, .xnavend, .navholder {
	background: transparent url(images/navtile.gif) repeat-x top left ;
}
.navbar {
margin: 0px auto 0px;
padding: 5px 0px 5px 0px ;
background: transparent url(images/navtile.gif) repeat-x top left ;
}
	
.navbar li {
   display: inline;
   list-style-type: none;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
text-transform: uppercase;
font-size: 11px !important;
letter-spacing: 0.01em;
}
		
.navbar ul {
   margin: 0px;
   padding: 0px;
overflow: hidden;
display: block;
height: 26px;
}
	
.navbar ul li a {
   color: #860038;
   padding: 0px 6px 0px 8px;
font-size: 11px !important;

   margin: 0px;
   text-decoration: none;
   border-bottom: none;
}

.navbar ul li a:hover, a:active {

color: #cd0056;
}

.current_page_item a {
color: #990000;
}


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2{
   font-size: 1em;
   font-weight: bold;
   margin-bottom: .2em;
}

#sidebar h2.houtlet {
font-size: 0.8em;
font-weight: bold;
margin-bottom: 0.2em;
}
#sidebar a {border-bottom: none;}


/********************************************************************************
                Footer
********************************************************************************/
#closeit {
	background: transparent url(images/pc-closeit.gif) no-repeat bottom center ;
	min-height: 40px;
	height: 40px;
	margin: 0 auto;
	width: 1000px;
	padding-top: 0px;

}

/* arrange for a total footer graphic */
#footwear {
	background: transparent url(images/pc-footer-bg.jpg) repeat-x bottom center ;
	font-size: 1em;
	color: #bfaf95;
	padding-top: 60px;
	padding-right: 0pt;
	padding-bottom: 0px;
	padding-left: 0pt;
	border: none;
	
}
#footer {
   text-align: left;
   font-weight: normal;
}


/* jc */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 710px;
    height: 282px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango.jcarousel-container {
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  710px;
    height: 282px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 710px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 235px;
    left: 305px;
    width: 94px;
    height: 34px;
    cursor: pointer;
    background: transparent url(images/but-next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -94px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -94px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
		/*visibility: hidden;*/
}

.jcleft {
float: left;
display: inline;
margin: 0px;
width: 240px;
}

.jcright {
display:inline;
float:right;
height:203px;
margin:20px 20px 0 0;
width:423px;
}


.pots {
	background: transparent url(images/pc-potscuisine.jpg) no-repeat top left;
}

.oil {
	background: transparent url(images/pc-oil.jpg) no-repeat top left;
}

.salt {
	background: transparent url(images/pc-salt.jpg) no-repeat top left;
}

.crisps {
	background: transparent url(images/pc-arch.jpg) no-repeat top left;
}


.stu {
	background: transparent url(images/pc-top-stuart.jpg) no-repeat top left;
}

.kath {
	background: transparent url(images/pc-top-kathryn.jpg) no-repeat top left;
}

.tim {
	background: transparent url(images/pc-top-tim2.jpg) no-repeat top left;
}

.larry {
	background: transparent url(images/pc-top-larry.jpg) no-repeat top left;
}


.team {
	background: transparent url(images/pc-top-team3.jpg) no-repeat top left;
}



#scontent h2 {
	font-weight: bold;
	font-size: 1em;
	color: #860038;
	padding-top: 20px;
}

#scontent p {
	font-size: 0.8em;
	color: #111;
	padding-top: 0px;

	line-height: 1.2em;
	
}



/* homepage style */

div.hp1  {
	background: #fff url(images/pc9-hp1bg.gif) no-repeat top left;
}

div .hp1 #recent-posts h3 {
	display: none;
}

div .hp1 #recent-posts ul {
	margin-top: 50px;
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	
}


div.hp1 li {
}

#recent-posts li a {
text-decoration: none;
font-size: 0.8em;
border-bottom:none;
}

#recent-posts li a:visited {
text-decoration: none;
font-size: 0.8em;
border-bottom:none;
}

#recent-posts li a:link {
text-decoration: none;
font-size: 0.8em;
border-bottom:none;
}

#recent-posts li a:active {
text-decoration: none;

border-bottom:none;
}

#recent-posts li a:hover {
text-decoration: none;
font-size: 0.8em;
color: #990033;
border-bottom:none;
}



#recent-posts
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#recent-posts li
{
padding-left: 28px;
list-style: none;
background-image: url(images/pc9-pots.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
list-style-position: outside;
margin-left: 0px;
}


div.hp3 {
	background: #fff url(images/pc9-hp3bg.gif) no-repeat top left;
}

div.hp2 {
	background: #fff url(images/pc9-hp2bg.gif) no-repeat top center;
}

div.hp4 {
	background: #fff url(images/pc9-hp4bg.gif) no-repeat top center;
}


div.hp1 h3.widgettitle{
	text-transform: uppercase;
	color: #990033	;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 1.5em;
	text-align: center;
}


div.hp3 h3.widgettitle{
display: none;
}


div.hp2OLD h3.widgettitle{
	text-transform: uppercase;
	color: gold;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 1.5em;
	text-align: center;
}

div.hp2 h3.widgettitle{
display: none;
}

.hp2 .textwidget{
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 0.8em;
	margin-top: 100px;
}

.hp1 .textwidget{
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 0.8em;
}

.hp3 .textwidget{
	margin-left: 1em;
	margin-right: 1em;
	font-size: 0.8em;
	margin-top: 60px;
}

.hp4 .textwidget{
	margin-top: 100px;
	margin-left: 0em;
	margin-right: 0em;
	font-size: 0.8em;
}

.hp4 .textwidget h3{
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 1em;
}

div.hp4 h3{
display: none;
}

.noborder {border-bottom: none !important;}

.cform legend {
margin-left: 10px;
padding-top: 0pt;
padding-right: 2px;
padding-bottom: 0pt;
padding-left: 2px;
font-family: 'myriad-pro', helvetica, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
line-height: normal;
color: #860038;
letter-spacing: 0px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: solid 1px silver;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

	img.alignright2 {
		padding: 4px;
		margin: 0 0 2px 4px;
		display: inline;
		border: none;
		float: right;
		
		}


img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.jcarousel-next-horizontal {
    position: absolute;
    top: 235px;
    left: 305px;
    width: 94px;
    height: 34px;
    cursor: pointer;
    background: transparent url(images/but-next.gif) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -94px 0;
}