@charset "utf-8";

/*   SJWDesign pickledgreen css import file.  This code is COPYRIGHT PROTECTED 2009

<<---------------------------------------------------------------------------------------------------------- lets lay this mother out  <<----------------------------------------------------------------------------------------------------------

/* Kill margin and padding on all elements - because different browsers have different defaults */

* {
margin:0;
padding:0;
}

html{
/* Fixes background blurgh when a sidebar is open in Firefox */
	min-width:798px;
	width: 100%;
}

body{
/* Use backgound image as opposed to colour so that site is still functional if images are off */
	background:white url(../images/background.jpg) 0 0 repeat;
	
	text-align:center;
}

/* <<---------------------------------------------------------------------------------------------------- DIV LAYOUTS <<------------------------------------------------------------------------------------------------------- */


#pagecontent {
	
background:white url(../images/background.jpg) 0 100% repeat-x;
margin: auto;
padding:0px;
text-align:left;
vertical-align:middle;
width:1000px;
}


#header{ 
background:white url(../images/header.jpg) 0 100% repeat-x;
margin: 0;
padding:0px;
text-align:left;
width:1000px;
height:165px;
}

#maincontent {
background:white url(../images/maincontent.jpg) 50% 100% repeat-y;
margin: 0;
padding:0px;
	min-height:800px;
	_height:800px;
}

#footer{ 
background:white url(../images/footer.jpg) 0 100% repeat-x;
margin: 0;
padding:0px;
text-align:left;
width:1000px;
height:66px;
}

#pointslogon {
padding:0px;
position: relative;
	top: 10px;
	left: 700px;
	width: 230px;
	height: 85px;
	display:inline;
clear:both;
}

#clickbooking {
display:inline;
padding:0px;
position: relative;
top: 0px;
	left: 150px;
	width: 150px;
	height: 85px;
	clear:both;

}
#section1 {
padding: 10px 0 0 0;
height: 300px;
display:inline;
}

#section2{
display:inline;
padding: 10px 0 0 0;
clear:both;
height: 300px;
}

#section1_left {

background:transparent url(../images/section1_left_back.png) no-repeat;
display:inline;
float:left;
margin: 0 0 0 50px;
padding: 20px 30px  0 25px;
width:225px;
height:468px;
}


#section1_right {
background:transparent url(../images/section1_right_back.png) no-repeat;
display:inline;
float:left;
margin: 0 0 0 0px;
padding: 20px 30px  0 15px;
width:567px;
height:468px;
}

#section2_left {
background:transparent url(../images/section2_left_back.png) no-repeat;
display:inline;
float:left;
margin: 0 0 0 50px;
padding: 20px 0px  0px 25px;
width:468px;
height: 310px
}


#section2_right {
background:transparent url(../images/section2_right_back.png) no-repeat;
display:inline;
float:left;
margin: 0 0 0 0px;
padding: 20px 15px  0px 30px;
width:358px;
height: 310px;
}

#section2_alt_left {
background:transparent url(../images/section2_alt_left_tweet.png) no-repeat;
display:inline;
float:left;
margin: 0 0 0 50px;
padding: 100px 10px  0px 20px;
width:185px;
height: 210px
}


#section2_alt_mid{
background:transparent url(../images/section2_alt_mid.png) no-repeat;
display:inline;
float:left;
margin: 0 0px 0 10px;
padding: 20px 15px  0px 20px;
width:310px;
height: 290px;
}

#section2_alt_right{
background:transparent url(../images/section2_alt_right.png) no-repeat;
display:inline;
float:left;
margin: 0 0 0 10px;
padding: 15px 50px  0px 15px;
width:275px;
height: 290px;
}

#fullpage_top {
background:transparent url(../images/fullpage_top.png) no-repeat;
height:16px;
margin: 0 0 0 50px;
}

#fullpage_mid {
background:transparent url(../images/fullpage_mid.png) repeat-y;
height:auto;
padding: 20px 175px  0 75px;
margin: 0 0 0 50px;

}

#fullpage_bottom {
background:transparent url(../images/fullpage_bottom.png) no-repeat;
height:16px;
margin: 0 0 0 50px;

}

#footer_copyright {
	position: relative;
	top: 45px;
	left: 55px;
	width: 900px;
	height: 45px;
	text-align:right;
 }


/* <<---------------------------------------------------------------------------------------------------- more content layouts <<------------------------------------------------------------------------------------------------------- */

#section1_right_left {
 	float:left;
 	padding: 10px;
	width: 278px;
	height: 375px;
	display:inline;
 }

#pickledseason {
	width: 248px;
	height: 250px;
	padding: 0px;
}

 #section1_right_right{
	float:left;
	padding: 5px;
	display:inline;
 }
 
 #right_full {
	  	padding: 20px;
}
 
 #dish_details {
	position: relative;
	top: 20px;
	left: 20px;
	width: 200px;
	height: 127px;
 }
 
  #section1_right_winners{
	background: transparent url(../images/pickled_winners.jpg)  no-repeat;
	float:left;
	padding: 5px;
	display:inline;
	width: 255px;
	height: 325px;
	padding: 65px 0 0 10px;
 }
 #entry_rules {
	 clear: both; 	font-size: 0.9em; font-style:italic; margin-left: 10px; color:#999; line-height: 1.2em
}

#right_section_copy { padding-left: 15px;}
#right_section_copyparties{ padding-left: 15px; color: #b10763; font-size:1.1em}

/* <<---------------------------------------------------------------------------------------------------- TYPOGRAPHY <<------------------------------------------------------------------------------------------------------- */


body{
/* relative font sizing to allowing scaling in Internet Exfoliator - http://www.clagnut.com/blog/348/*/
	font:normal 62.5%/1.8em Verdana, Geneva, sans-serif;
		color: #4b575f;

}

p{  text-align: left;

}

a:link {color:#7a9a1d}      /* unvisited link */
a:visited {color:#7a9a1d}  /* visited link */
a:hover {color:#4b575f}  /* mouse over link */
a:active {color:#4b575f}  /* selected link */

h1, h2, h3, h4 { font-weight:normal;}

h1 {font-size:1.6em}
h2 {font-size: 1.4em}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}



#feed_rss {
	/* style imported blog feeds */

	font-size:0.9em;
	padding: 5px 5px 20px 5px;
	color: #4b575f;
	font-family:Verdana, Geneva, sans-serif;
	background-repeat:no-repeat;
	background-image:url(../images/rss-feed-bg.png);
	border-top:#4b575f dotted 1px;

}

.rss_title a   {
	text-decoration: none;
	font-weight:bold;
	font-size: 1.1em;
	color:#7a9a1d;
	
}

.pickleddish {
	 
	font-weight:bold;
	font-size: 1.5em;
	color:#678412;
	font-family: "Helvetica", Arial, Helvetica, sans-serif ;

}

.pickleddish-subtitle {
	font-size: 1.1em;
	color:#678412;
	font-weight:bold;
	font-family: "Helvetica", Arial, Helvetica, sans-serif ;

}
.copytext{
	font-size: 1.0em;
	color:#293745;
	font-family: Verdana, Geneva, sans-serif;
}

.tweet_header {
	font-style:italic;
	color:#7a9a1d;}

.copy {
-x-system-font:none;
color:#293745;
font-family:arial,helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing: 0.1em;
line-height:9px;
}

.copy a { text-decoration:none}

#openinghours {
margin: 0 0 0 0 px;
padding: 5px;
width: 210px;
font-size: 1.1em;
letter-spacing: 0.1em;
}