/*  
Theme Name: Lunchbox
Theme URI:
*/
  /*											*/
/*			THE LUNCHBOX					*/
/*			by Kevin Byrd					*/
/*			JAN 28 07						*/
/*											*/
/*			I am hungry all the time 		*/
/*											*/

	img, img a 	{
		border: none;
	}	
	
	body  {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family:  courier, helvetica, "Lucida Grande", arial, Trebuchet, Sans-Serif;
		background-color: #fff;	
		text-align: left;
		padding: 0px;
		margin: 0px;
	}
	
/*  MAIN CONTAINERS    */
	#lunchbox {padding: 0px; margin: 0px; width: 1000px; overflow: hidden;}	
	#sammich { padding:0; width:500px; float:left;}
	#chips { padding: 30px 0 0 0; margin: 30px 0 0 60px; padding:0; width:350px; float:left;background-color:#fff;}
	

	p {
		padding:0;	
		font-size: 1.2em;
		color: #000;
		line-height: 1.2em;
	    margin:0;
	}
	
	h1 {
		font-size: 3.5em;  
	    color: #fff;  
	    padding: 0;
	    margin: 0	;
	    text-transform: uppercase;
	 
	   }
	h2 {
		font-size: 1.2em;
	    color: #fff;  
	    padding: 0;
	    margin: 0;
	    text-transform: uppercase;
	 
	   }
	h3 {
		font-size: 1.2em;  
	    color: #000; 
	    margin: 16px 0 8px 0;
	    text-transform: uppercase;
	    font-family:helvetica,arial,sans-serif;
	    
	   }
	   
	h4 {
		font-size: 1.2em;  
	    color: #000; 
	    margin: 0 0 0 0;
	    text-transform: uppercase;
	
	    
	   }
	

a, a:visited {background-color:none; text-decoration: underline; color:#000;}
a:hover {text-decoration: none;}



/* home */

.pullquote {padding:30px 0 30px 0; margin:0 0 10px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.footnote {text-align:right; font-size:1.0em;color:#666;font-family:helvetica,arial,sans-serif;margin:20px 0 10px 0;}
#pie {border-bottom: 1px solid #ccc;margin:20px 0 30px 0;}
#qfa {border-bottom: 1px solid #ccc;margin:30px 0 30px 0; padding: 30px 0 10px 0;}



.ham {padding: 0;width:500px;float:left;background:#f7f;font-family:courier,helvetica,arial,sans-serif;font-size:1.0em;line-height:1.7em;}
.ham h2 { width:500px;height:375px;float:left;position:relative; margin:0 0 0 0;  font-weight: normal;}
.ham a {display:block;width:500px;height:375px;color:#fff;}
.ham h2 a span {background-color:#000; padding:4px 12px 4px 12px;}
.ham a:hover {color:#AD81E8;}


.bitesizedlinks {margin: 50px 0 0 0;color:#000;}
.bitesizedlinks li{	list-style-type: none;line-height:1.2em;margin:0 0 0 0;padding:0;font-size:1.2em;}
.bitesizedlinks ul {margin:0; padding:0; }
.bitesizedlinks li a, .bitesizedlinks li a:visited {display: inline; color:#000; padding: 0;text-decoration: underline;}
.bitesizedlinks li a:hover {color:#000; text-decoration: none;}


dt {font-size:1.2em;font-family:helvetica,arial,sans-serif;	font-weight: bold; padding:0;margin:18px 0 3px 0;}
dd {font-size:1.2em;font-family:courier,helvetica,arial,sans-serif;margin: 0 0 0 0;}


#navlist{margin: 0;padding: 0;}	
ul #navlist{margin: 0;padding: 0;}
#navlist li{display: inline; list-style-type: none;}
#navlist a:link, #navlist a:visited {display: inline; margin: 10px 12px 5px 0px; background-color: none; }
#navlist a:link img, #navlist a:visited img{ color: #000;text-decoration: none;border: 4px solid #fff;background-color: #000;}
#navlist a:hover img {border: 4px solid #AD81E8;; color: #000;text-decoration: none;background-color: #000;}
#badges {margin: 10px 0 10px 0; padding: 0 0 0px 0;}
	





/* single */

#oreos {margin:0 0 30px 150px; padding:0 0 30px 0;border-bottom: 1px solid #ccc;}
#oreos img  {margin: 0 0 30px -150px;}
 
#oreos .wordtube {margin: 24px 0 30px 0px;}
#oreos p{}

#oreos h2 {display: block;position: absolute;  top: 5px; left: 0px; font-weight: normal; }
#oreos h2 span {background-color:#000; padding:6px 12px 4px 12px;};







 
	#kit{
		margin:0 0px 0 20px;
		padding: 0px 0px 0px 0px;
		color: #fff;  
		width: 640px;
		float: left;
	    background-color: #000;
	}
	
	#kat{
		margin: 0px 0 0 0;
		padding:6px 12px 4px 12px;
		color: #fff;  
		position: absolute;
		top: 0px;
		right:0px;
		float:none;
		text-align:right;
		background-color: #fff;
	}
	#kat a, #kat a:visited {
		
		margin: 0 0 0 0;
		color: #000;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.2em;
		
		padding: 5px 10px 5px 10px;
		text-decoration: none;
	}
	#kat a:hover {
		text-decoration: underline;
				
	}


	#fruitrollup{		}
	#eatme{	}




	
	
/*	menu	*/	


	#ziplocks {padding: 50px 0 0px 8px; margin: 0px 0 20px 0; text-align:left; font-style: normal; background: none; overflow:hidden ;}
	
	.menulist li{	list-style-type: none;line-height:1.2em;margin:0 0 0 0;padding:0;font-size:1.3em;}
	ul.menulist {margin:0; padding:0; }
	.menulist li a, li a:visited {display:block;background-color:none;text-decoration:none; color:#000; padding: 3px 3px 3px 0px;}
	.menulist li a:hover, .right a:hover {text-decoration: none;background-color: #AD81E8;color:#fff;}
	
	.right a{padding: 5px 5px 3px 20px;background-color: #111;font-weight: normal;text-transform: uppercase;letter-spacing: 0;text-decoration: none;color:#fff;
	}

	#close {background: black url('/img/graphics/uparrow.gif') no-repeat 
	 left; }
	#close:hover {background-color: #1F1F1F;}



/* categories */



#dorritos { padding: 30px 0 0 0; margin: 0px 100px 0 0px; padding:0; width:900px; float:left;background-color:#fff;}
#identity, #interactive, #photography, #extras, #film, #pagetitle, #elsewhere, #awards {
	width:165px; margin:0 10px 0 0px; float:left; padding:0 0 10px 0; }



	
/*			UTILS							*/
.clear {clear: both; height: 0;}
.right  {text-align:right;}

/*			FOOTER							*/
#footer{clear: both; color: #282828; padding: 4px 4px 15px 150px; margin:0 0 300px 0 ;background-color: #fff;text-align:left;}