/* template.css
 * 
 */


/*
The Plumbing
*/

html, body {
	margin: 0; 
	padding: 0; 
}


img { border: 0; }
tr { vertical-align: top; }


/* 
Accessibility Stuff 
*/

#skipnav {
	position: absolute;
	top: 0;
	left: -999em;
}



/* 
Basic Layout 
*/

#top, 
#navigation ul, 
#middle, 
#content_box, 
#bottom {
	width: 660px; 
	margin: 0 auto; 
	clear: both; 
}

#top { 
	height: 170px; 
	clear: both; 
}

#navigation {
	width: 100%; 
	height: 35px; 
}

#middle {
	
}

#bottom{
	height: 90px; 
	text-align: center; 
	clear: both; 	
}

.padding {
	padding: .25em 1em; 
}


/*
=Navigation
*/

.navigation li {
	display: inline; 
	padding: 0 .5em; 
}

.navigation li.current {
	font-weight: bold; 
}




/*
=Columns
*/

.big_column { 
	width: 420px; 
}

.big_column .padding {
	padding-left: 2em; 
}

.small_column .padding {
	padding: 0 2em 0 0; 
}

.small_column { 
	width: 210px; 
	padding: 0 0 0 1em; 
}

.big_column, 
.small_column {
}

.big_column.left, 
.small_column.left {
	float: left; 
	margin-right: 10px;
}

.big_column.right, 
.small_column.right {
	float: right; 
}

.full_width {
	width: 100%; 
}




/*
=Lists
*/

ul.with_a_bullet li {
	margin: 0 0 .5em -2em; 
}


/*
=Tools
*/

.clear {
	clear: both; 
}

img.middle {
	vertical-align: middle; 
}

img.left {
	float: left; 
	margin: 0 1em 1em 0; 
}

img.right {
	float: right; 
	margin: 0 0 1em 1em; 
}



/*
=Box
*/
/*/
 * =box
 * All-purpose, free-scaling box. 
/*/


.box {
	position: relative;
	margin-bottom: 10px; 
	overflow: visible; 
}
.box_top {
	background: url(/iskippedlunch/images/box/pod_top.gif) repeat-x top left; 
	width: 150px; 
	height: 10px; 
}
.box_mid {
	background: url(/iskippedlunch/images/box/pod_mid.gif) repeat-x top left; 
	width: 150px; 
	height: 10px; 
}
.box_bot {
	background: url(/iskippedlunch/images/box/pod_bot.gif) repeat-x top left; 
	width: 150px; 
	height: 10px; 
}