/* --------------------------------------------
		Zanzabelle CSS version 1.00
|* -------------------------------------------- */
*{
	margin:0;
	padding:0;
}

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#2C676F url(../images/css/background.jpg);
	text-align:center;
}

h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color:#e3c886;
}

p{
	margin:0 0 .7em;
}

ul li{
	margin:0 0 .7em 20px;
	list-style-image:url(../images/css/daisy.gif);
}

a{
	color:#5c0008;
}
a:hover{
	color:#fff;
	text-decoration:underline;
}

img{
	border:none;
}

/* containers */
div#photo_frame{
	text-align:center;
	background:transparent url(../images/css/window-frame-bg.jpg) top center no-repeat;
	width:100%;
	height:872px;
}
div#photo_frame2{
	margin:0 auto;
	text-align:left;
	width:930px;
	height:722px;
	position:relative;
	background:#FA041B url(../images/css/window-frame-bg.jpg) top center no-repeat;
}

div#photo_frame h1{
	display:block;
	text-indent:-5000px;
	height:1px;
	font-size:1px;
	/*
	border:1px solid #000;
	*/
	}
div#photo_frame_middle{
	height:407px; /* total: 580px less top (136) less bottom (130) */;
}

div#frame_content{
	width:660px;
	height:490px;
	text-align:left; 
	position:absolute;
	/* border:1px solid #0f0; */
	left:129px;
	top:130px;
	margin:0;
	padding:0;
	overflow:auto;
}
div#frame_content h2{
	font-size:18px;
	color:#EDEBD5;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin-bottom:1em;
}


div#photo_frame_footer{
	position:absolute;
/*	border:1px solid #00f; */
	left:120px;
	top:645px;
	text-align:left;
	width:660px;
	height:70px;
}
div#photo_frame_footer h2
{
	text-indent:-5000px;
	height:1px;
	font-size:1px;
}
div#photo_frame_footer p
{
	margin:0 0 .3em;
	font-size:12px;
	font-weight:bold;
	color:#2b3500;
}
div#photo_frame_footer p a
{
	color:#2b3500;
	text-decoration:none;
}
div#photo_frame_footer p a:hover
{
	color:#f25000;
	text-decoration:underline;
}
p#foot_addy{padding-left:105px;}
p#foot_phone{padding-left:45px;}
p#foot_em{padding-left:115px;}
p#storeHours{
	position:absolute;
	top:-25px;
	right:25px;
}

/* let's build the navigation url */
p#nav{
	position:absolute;
	left:74px;
	top:55px;
	width:425px;
	margin:0;
	padding:0;
	text-align:center;
	/* border:1px solid #000; */
}

p#nav a{
	color:#fffdcd;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 14px 3px 6px;
	background:url(../images/css/blue-dot.gif) right 6px no-repeat;
}
p#nav a.last{
	background:none;
}
p#nav a:hover{
	color:#f25000;
}

/* now some pretty stuff */

/* let's make that picture kinda fun */
/* IE and transparent PNG-layer hack, need to put the image on different div and content one-z-layer above that */
div.picture_pad
{
	position:relative;
	width:376px;
	height:311px;
}
div.picture_pad div.background
{
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:376px;
	height:311px;
	background:url(../images/css/picture-pad-shadowed-bg.png) top left no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pizzabytheslice.com/projects/zanzabelle/images/css/picture-pad-shadowed-bg.png',sizingMethod='scale');
}
div.picture_pad div.content
{
	z-index:11;
	position:absolute;
	top:0;
	left:0;
	width:376px;
	height:311px;
}
div.picture_pad img
{
	position:absolute;
	top:31px;
	left:22px;
}
div.picture_pad a img
{
	border:1px solid #B0D61F;
}
div.picture_pad a:hover img
{
	border-color:#fff;
}

/* how about a post-it? see IE notes above */
div.post_it{
	position:relative;
	width:208px;
	height:269px;
}
div.post_it div.background{
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:208px;
	height:269px;
	background:url(../images/css/post-it-bg.png) top left no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pizzabytheslice.com/projects/zanzabelle/images/css/post-it-bg.png',sizingMethod='scale');
}
div.post_it div.content
{
	z-index:11;
	position:absolute;
	top:20px;
	left:0;
	width:190px;
}
div.post_it div.content p{
	padding-left:40px;
}
div.post_it a
{
	color:#900;
}
div.post_it a:hover
{
	color:#620;
}

/* just some pretty text blocks */
div.fun_text
{
	font-family: Lucida, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.4em;
	color:#fff;
}
div.fun_text p{
	margin-bottom:.8em;
}
div.fun_text a{
	color:#FFCC66;
}
div.fun_text a:hover{
	color: #FFFF33;
}

/* anchor wrapped image */
a.colorfulPict img{
	border:4px solid #333;
	margin:0 0 .6em 1.3em;
}
a.colorfulPict:hover img{
	border-color:#39c;
}

