@charset "UTF-8";
/* ********************************************************************
	* Description.......: Potbelly Our Story styles version 0.1
	* Created by........: Euro 
	* Created date......: 06-04-2008
	* Modified by.......: Todd Brady
	* Modified date.....: 07-17-2008
******************************************************************** */

/* =layout containers
============================== */
/*----  Backgrounds Styles  ----*/
body { background: #341616 url(../img/background_10.jpg) center top no-repeat; }


/*----  TALK TO US Section Styles  ----*/
.contentWrap { width:990px; z-index:1; position:absolute; margin-top:170px; }
.contentTop {
	display:block; width:986px; height:60px;
	background: url(../img/contentTop_10.jpg) center top no-repeat;
}
.contentMiddle { 
	float: left; 
	position: relative;
	display:block; 
	width: 870px;
	margin:0; padding:0 60px;
	background:  url(../img/contentMiddle_10.jpg) 0 0 repeat-y;
}
.contentBottom { clear: both;
	display:block; width:986px; height:60px;
	background: url(../img/contentBottom_10.jpg) center top no-repeat;
}
.contentMiddleBody { float: left; background: url(../img/contentBody_10.jpg) 0 0 no-repeat; padding: 25px 0 0 0; }
.subNav ul 	{ border-bottom: 1px solid #7e7a77; }

.contentWrap .content	{ width: 860px; margin: 0 0 0 16px; }


/* =content
============================== */
.story .sidebar { float: right; position: relative; right: 1px;  width: 188px; height: 370px; padding: 60px 0 0 2px; background: url(../img/bg_sidebar_decor01.jpg) 0 0 no-repeat; }

.story .sidebar ul { list-style: none; margin: 0; }
.story .sidebar li { margin: 0 0 12px 0; }
.story .inside { margin-right: 12px; }


/* =misc
============================== */
.contentWrap hr { border-color: #fff transparent #aba8a4 transparent; }


/* =Curved Box
============================== */
.story .cbox { width: 670px; }

.story .cboxT { background-image: url(../img/box1_top.png); }
.story .cboxM { background-image: url(../img/box1_middle.png); _background-image: url(../img/box1_middle.gif); }
.story .cboxB { background-image: url(../img/box1_bottom.png); } 


/* inner content */
.story .cboxM .col01 { float:left; position: relative; z-index: 20; width: 200px; padding-top: 40px; }

.story .cboxM .col02 { float:left; position: relative; z-index: 100; width: 435px; }
.story .cboxM .col02 h1 em,
.story .cboxM .col02 p em { color: #933c2e; }


/* =Accordion
============================== */

.accordion  { width: 540px; }
.accordion .panel { 
	position: relative; 
	zoom: 1; 
	overflow: hidden; 
	width: 550px; 
	padding: 0; 
	background: #fffde1 none;
	 }

.accordion a {
	display:block;
	width: 100%;
	margin-top: 0;
	padding:5px;
	border-bottom: 3px solid #fff;
	background: #5b6958 url() 0 0 repeat-x;
	font: bold italic 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
}
.accordion a.last { border-bottom: none; } 
.accordion a:hover { background: #515f4d url() 0 0 repeat-x; }
.accordion a.selected { background: #933c2e url() 0 0 repeat-x; color: #fff; cursor: default; }
.accordion p { position:absolute; top:-9000px; left:-9000px; }


.checkmark li {
	position:relative;
	left: -16px;
	zoom:1; 
	display: block; 
	padding: 0 0 5px 25px; 
	background: url(../img/nutri_hand_image.gif) 0 0 no-repeat;
}

.accordion_reverse  { width: 540px; }
.accordion_reverse .panel { 
	position: relative; 
	zoom: 1; 
	overflow: hidden; 
	width: 550px; 
	padding: 0; 
	background: #fffde1 none;
	 }

.accordion_reverse a {
	display:block;
	width: 100%;
	margin-top: 0;
	padding:5px;
	border-bottom: 3px solid #fff;
	background: #515f4d url() 0 0 repeat-x;
	font: bold italic 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
}
.accordion_reverse a.last { border-bottom: none; } 
.accordion_reverse a:hover { background: #5b6958 url() 0 0 repeat-x; }
.accordion_reverse a.selected { background: #933c2e url() 0 0 repeat-x; color: #fff; cursor: default; }
.accordion_reverse p { position:absolute; top:-9000px; left:-9000px; }



/* =Clearing Fixes
============================== */
.contentWrap:after,
.contentMiddle:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }

.contentWrap,
.contentMiddle
	{ display: inline-block; }
	
/* Hides from IE-mac \*/
* html .contentWrap,
* html .contentMiddle
	{ height: 1%; }
	
.contentWrap,
.contentMiddle
	{ display: block; }
/* End hide from IE-mac */



/* PNG Fix */
.story .sidebar, .sidebar img, .cboxT, .cboxM img, .cboxB, .press_release, .TB_overlayMacFFBGHack, .cbox img
{ behavior: url("../js/iepngfix.htc") }




/* =Press Room Content
============================== */
.pressroom_content { margin:30px 0 35px 5px; }

.release_date { color:#2b2b2b; font-weight:bold; display:block; margin-bottom:4px; }

ul.releases { margin:0; padding:0; list-style:none; width:348px; float:left; }
ul.releases li { margin-bottom:30px; }
ul.releases ul { margin:0; padding:0; list-style:none; padding-top:5px; }

.press_release { background:url(../img/pointer.gif) top left no-repeat; margin:0; padding:0; padding-bottom:2px; }
.press_release a { text-decoration:none; display:block; margin-left:38px; }
.date { font-weight:bold; color:#2b2b2b; }

#ourstry_rghtimg { width:245px; float:right;  }


/* =Press Room Content
============================== */
.accolades_content { margin:25px 0; }

ul.articles { margin:0; padding:0; list-style:none; float:left; width:348px; }
ul.articles li { margin-bottom:20px; }
ul.articles ul { margin:0; padding:0; list-style:none; }
.PressQuote { color:#ab3d23; margin-top:10px; }


/* =Our Story Content
============================== */
.ourStory_left { float:left; padding-left:10px; }
.ourStory_right { float:right; width:400px; padding-right:10px; }
.timeline { position:absolute; top:450px; left:26px; }


/* =Awww...shucks
============================== */
.nwsMedia_left { float:left; width:240px; padding-left:10px; }
.nwsMedia_right { float:right; width:300px; padding-right:80px; }
.nwsMedia_right h2 { line-height:92%; }
.intheNews { margin:0; padding:0; list-style:none; margin-left:25px; }
.intheNews li { background:url(../img/pointer.gif) top left no-repeat; margin:0; padding:0; padding-bottom:2px; margin-bottom:3px; }
.intheNews li a { text-decoration:none; display:block; margin-left:38px; }


/* =Kids Stuff
============================== */
.coloringBK { list-style:none; margin:0; padding:0; }
li#coloringBOOK { margin-bottom:-30px; }
.colorMe { padding: 0 60px 0 22px; }
#tomatoPickleMan { position:absolute; z-index: 50; margin: -200px 0 0 500px; }
.bagPuppet { position:relative; z-index:40; margin-top:20px; margin-left:-35px; }
.pdfLinks { position:relative; z-index:70; }


/* =Our Community
============================== */
.ourCommunity ol { margin:0; padding:0; margin-left:240px; }
.ourCommunity ol li { margin:0; padding:0; padding-bottom:15px; }
.ourCommunity ol ul { margin:0; padding:15px 0 0 15px; list-style:none; }
.ourCommunity ol ul li { margin:0; padding:0; }
.ourCommunity ul.donations li { background:url(../img/pointer.gif) top left no-repeat; margin:0; padding:0 0 2px 38px; margin-bottom:3px; }


/* Misc */
.ourStory_100 { width:633px; float:left; text-align:left; } /* 100% width container */
.floatLeft { float:left; } /* float images to the left */
.floatRight { float:right; margin:0 0 5px 25px;  } /* float image right to wrap text */
.floatFacts { float:right; margin:0 20px 5px 25px; } /* float image right to wrap text */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.green { color:#00560e; }

.checkmark li {
	position:relative;
	left: -16px;
	zoom:1; 
	display: block; 
	padding: 0 0 5px 25px; 
	background: url(../img/nutri_hand_image.gif) 0 0 no-repeat;
	
}