/****************************************************************
   PICKLE BOB'S ICE CREAM AND TREATERY STYLESHEET 
*****************************************************************/


/* GENERAL SELECTORS
---------------------------------------------------------------*/	
body, html {
	height:100%;
	}
	
body { 
	margin:0; 
	padding:0; 
	background:#DC605F url(../images/bg_body.jpg) repeat-x; 
	color:#000; 
	text-align:center; 
	font:76% Arial, Helvetica, sans-serif;
	}	
	
ul, li {
	margin:0; 
	padding:0;
	list-style:none;
	}
		
a:link, a:visited { 
	text-decoration:underline; 
	color:#16B05E; 
	}	
	
a:hover, a:active { 
	text-decoration:none; 
	color:#16B05E; 
	}	

form, fieldset, legend {
	margin:0; 
	padding:0;
	}
	
fieldset {
	border:none;
	}	
	
input, select, textarea {
	font:100% Arial, Helvetica, sans-serif;
	}

img { 
	border:none; 
	}
	
img, input, select, label {
	vertical-align:middle;
	}	

hr { 
	display:none; 
	}		

/* ACCESSIBILITY NAVIGATION
---------------------------------------------------------------*/		
#skip { 
	display:none;
	}		


/* CORE LAYOUT
---------------------------------------------------------------*/
#header,
#content,
#footer div div {
	width:741px;
	margin:0 auto;
	text-align:left; 
	font-size:1em; 
	}

#header-wrap {
	height:259px;
	background:url(../images/bg_header_wrap.jpg) no-repeat center top;
	}
			
#header  { 
	overflow:hidden;
	w\idth:737px;
	padding:0 4px 0 0;
	}
	
#main {
	min-height:100%;
	background:url(../images/tiles.jpg) repeat-y center top;
	}
	
#content-wrap {
	background:url(../images/bg_main.jpg) no-repeat center top;
	}	
	
#content  { 
	overflow:hidden;
	width:752px;
	w\idth:741px;
	height:729px;
	padding:0 11px 0 0;
	}
		
#footer 
{
	min-height:100%;
	background:url(../images/bg_footer_tile.jpg) repeat-y center top;
	}
	
#footer div {
	background:url(../images/bg_footer.jpg) no-repeat center top;
	}

#footer div div {
	w\idth:719px;
	padding:10px 12px 10px 10px;
	color:#724246;
	min-height:208px;
	}	
	
	
	
/* HEADER
---------------------------------------------------------------*/	
#logo {
	float:right;
	}
	
#header h1 {
	margin:0;
	position:relative;
	font-size:1.2em;
	}

#header h1, #header h1 a {
	width:257px;
	height:259px;
	color:#16B05E;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	background:transparent url(../images/logo.jpg) no-repeat;
	z-index:1;	
	}
	

/* -- TOP MENU -- */	
#top-menu {
	overflow:hidden;
	float:left;
	width:440px;
	margin:202px 0 0 8px;
	display:inline;
	}
	
#top-menu li {
	float:left;
	width:146px;
	}

#top-menu a {
	float:left;
	width:146px;
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	}
	
#top-menu a:link,
#top-menu a:visited {
	color:#FFF;
	text-decoration:none;
	}	

#top-menu a:hover,
#top-menu a:active {
	color:#E7D2B2;
	text-decoration:none;
	}	

	
	
/* MAIN CONTENT
---------------------------------------------------------------*/	
#main-content {
	float:right;
	width:472px;
	w\idth:460px;
	padding:12px 12px 12px 0;
	color:#C24E4D;
	}
	
#main-content .section-left {
	float:left;
	}	
	
#main-content #content-panel {
	clear:both;
	width:460px;
	w\idth:450px;
	/*height:455px;*/
	height:475px;
	overflow:auto;
	position:relative;
	padding:0 10px 0 0;
	}
	
#main-content #content-panel p {
	margin:0 0 14px 0;
	}	
	
#content-panel ul
{
	margin-left:15px; 
	padding-left:15px;
}
#content-panel li 
{
	list-style-type:disc;
}
	
/* -- SECTION HEADERS (IMAGE REPLACED)  -- */
.section-header {
	float:right;
	display:block;
	position:relative;
	top:0; left:0;
	/*margin:0 0 22px 0; */
	margin:0;
	padding:0;
	font-size:1.2em;
	}

.section-header em { 
	position:absolute; 
	left:0; top:0; 
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	}
	
.section-header, .section-header em {
	height:30px;
	color:#DE6564;
	}	
		
/* Hides from IE5-mac \*/
.section-header {
	overflow:hidden; 
	} 
/* End hide from IE5-mac */	


/* THE INDIVIDUAL SECTION HEADER STYLES */
#header-picture-gallery, #header-picture-gallery em { 
	width:182px;
	}
	
#header-picture-gallery em { 
	background-image:url(../images/header_picture_gallery.gif); 
	}
	
/*
#header-section-name, #header-section-name em { 
	width:182px; 
	}
	
#header-section-name em { 
	background-image:url(../images/header_section_header_name.gif); 
	}
*/

	
/* -- CUSTOM SCROLLBAR  -- */
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0; 
	left:0;
	}

.vscrollerbase {
	width:10px;
	background-color:#FFF7DC;
	}
	
.vscrollerbar {
	width:10px;
	background-color:#F2C38E;
	}
	
.hscrollerbase {
	height:10px;
	background-color:#FFF7DC;
	}
	
.hscrollerbar {
	height:10px;
	background-color:#F2C38E;
	}

.scrollerjogbox {
	width:10px;
	height:10px;
	top:auto; 
	left:auto;
	bottom:0px; 
	right:0px;
	background-color:#FFF7DC;
	}
	
	
/* SIDEBAR
---------------------------------------------------------------*/	
#sidebar {
	float:left;
	width:224px;
	}
	
#main-menu {
	margin:0 0 235px 0;
	}
	
a#spoon {
	display:block;
	width:118px;
	margin:0 0 0 106px;
	}	
	
a#spoon {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}		


	
/* MISC. STYLES
---------------------------------------------------------------*/	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}	

a.thickbox img
{
	margin: 5px;
}