/*
Title:      The Slanted Door Print CSS
Author:     rynsms@gmail.com
Copyright:  2011, The Slanted Door.  All rights reserved (please don't re-use without permission).
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 

/* hide unnecessary areas
--------------------------------------------- */

#logo h6,
#logo ul li.link,
#logo a.btn_social,
#footer span.links,
p.dash {
	display: none;
}

/* master styles
--------------------------------------------- */

body {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
	font-size: 12px;
	color: #000;
	}
	
a, a:visited {
	color: #09c;
	font-weight: bold;
	}
	
h1, h2, h3, h4, h5, h6, p, img {
	display: block;
	margin: 0;
	padding: 0 0 1em 0;
	}
	
ol, ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
	display: block;
	padding: 0;
	margin: 0;
	}
	
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clear {
    zoom: 1;
    }
	
/* logo */
	
div#logo {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20%;
	padding-bottom: 0;
	font-size: 9px;
	}
	
	#logo h1 img {
		max-width: 100%;
		}
	#logo h1 img.white { display: none; }
		
	#logo ul li.hours {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 2em 0;
	}
		
	#logo ul li strong {
		font-weight: normal;
		text-transform: uppercase;
		}
		
/* nav */

div#nav { padding: 20px 0 0 0; }

#nav ul li {
	float: left;
	padding: 0 3em 0 0;
	text-transform: uppercase;
	font-size: 9px;
	}
	
	#nav ul li a {
		text-decoration: none;
		}
	
	body.food #nav ul li.food a,
	body.drink #nav ul li.drink a,
	body.family #nav ul li.family a,
	body.images #nav ul li.images a,
	body.store #nav ul li.store a,
	body.purveyors #nav ul li.purveyors a,
	body.restaurants #nav ul li.restaurants a { 
		color: #000;
		text-decoration: underline;
		}
	
h1 a, h1 a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	}
	
h5 {
	font-weight: normal;
	}
	
h6, h6 strong {
	font-weight: normal;
	text-transform: uppercase;
	}
	
h6 {
	border-bottom: 1px solid #333;
	margin: 0 0 3em 0;
	padding: 0 0 3em 0;
	}

div#container {
	position: relative;
	width: 70%;
	clear: both;
	}
	
	#container h2 {
		font-size: 24px;
		text-transform: uppercase;
		letter-spacing: -1px;
		padding: 1em 0 .5em 0;
		}
		
	#container p.intro {
		padding: 0 0 2em 0;
		}
		
	#container p {
		font-size: 12px;
		line-height: 150%;
		}
		
	ul.subnav {
		margin: 0 0 2em 0;
		}
		
		ul.subnav li {
			float: left;
			text-transform: uppercase;
			font-size: 9px;
			padding: 0 .5em 0 0;
			}
			
			ul.subnav li a {
				text-decoration: none;
				}
			ul.subnav li a.selected {
				color: #000;
				text-decoration: underline;
				}
		
			ul.subnav li em {
	            padding: 0 .5em 0 0;
	            }
	
	/* tables */

	ul.menu {
	    display: block;
		font-size: 9px;
	    width: 100%;
	    margin: -.5em 0 2em 0;
	    }

	    ul.menu li {
	        float: left;
			width: 90%;
			padding: .2em 0;
	        }
		ul.menu li.price {
			text-align: right;
			width: 10%;
			}

		#section_wine ul.menu li { width: 85%; }
		#section_wine ul.menu li.price { width: 7.5%; }

	    ul.menu li strong {
	        padding: 0 4px 0 0;
	        }

	/* thumbs */
	
	ul.thumbs {
		display: block;
		margin: 0 0 0 -3.333333333%;
		}
	
		ul.thumbs li {
			float: left;
			width: 30%;
			padding: 0 0 .5em 3.3333333333%;
			}
			
			ul.thumbs li img {
				max-width: 100%;
				margin: 0 0 .5em 0;
				padding: 0;
				}
				
			#container ul.thumbs li p {
				font-size: 12px;
				}
				
			ul.thumbs li a.thumb {
				border: 0;
				}
	
	/* clears */
	
	#container ul.subnav:after,
	ul.thumbs:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
	/* all-caps links */
	
	#container p.back,
	#container p.learn,
	#container p.buy,
	body.food #container h3,
	body.drink #container h3,
	body.purveyors #container h3,
	body.reservations #container .section h3 {
		font-size: 9px;
		text-transform: uppercase;
		}
		
	#container p.back {
		padding-top: 2em;
		}
		
	/* resized photos */
	
	#container img.bio,
	body.store .section img,
	.column img,
	body.reservations .section img {
		max-width: 100%;
		}
		
	/* food and drink */
	
	body.food #container p.learn,
	body.drink #container p.learn {
		margin: 0 0 2em 0;
		}
		
	/* family */
	
	#container img.bio {
		padding: 0;
		margin: 0 0 2em 0;
		}
		
	#container .bios h3 {
		text-transform: uppercase;
		font-size: 14px;
		}
		
	/* purveyors */
	
	body.purveyors div.toggle_section a img {
		display: block;
		float: left;
		width: 30%;
		margin: 0 4% 3em 0;
		}

		body.purveyors #container div.toggle_section h3,
		body.purveyors #container div.toggle_section p {
			float: left;
			width: 66%;
			}
	
		body.purveyors #container .toggle_section p {
			font-size: 9px;
			margin: 0 0 2em 0;
			}
		
	/* store */
	
	body.store div.section {
		padding: 0 0 2em 0;
		}
		
	/* restaurants */
	
	div.column {
		display: block;
		float: left;
		margin: 0 5% 0 0;
		padding: 0 0 1em 0;
		width: 30%;
		}
	div.column.otd, 
	div.column.wohing {
		width: 45%;
		margin-right: 10%;
		}
	div.column.wohing,
	div.column.heaven { margin-right: 0; }
			
		.column a.logo {
			display: block;
			border: 0;
			margin: 0 0 1em 0;
			}
			
	/* reservations */
	
	div#section_opentable { display: none; }
	
	body.reservations div.section {
		margin: 0 0 1em 0;
		}
	
	body.reservations #container .section p {
		font-size: 9px;
		}
		
	body.reservations .section img {
		width: 35%;
		margin: 0 0 1em 0;
		}

/* footer */		

div#footer {
	border-top: 1px solid #999;
	margin: 3em 0 0 0;
	padding: 3em 0 0 0;
	}

	div#footer p {
		font-size: 9px;
		line-height: 175%;
		text-transform: uppercase;
		}



body.press div.section {
	border-bottom: 1px solid #999;
	padding: 0 0 2em 0;
	margin: 0 0 2em 0;
	}
	
body.press div.section img {
	width: 100px;
	border: 1px solid #999;
	padding: 0;
	margin: 0 0 1em 0;
	}