@import url("reset.css");

/* Sam & Louie's New-York Pizzeria v3.0 */

/* ---------- tags ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body{ position:relative; z-index:1; font:100%/150% Georgia, "Times New Roman", Times, serif; background:url(../images/design/seamlessBricks2.jpg) repeat; color:#680402; }
h1,h2,h3,h4,h5,h6,p{ margin:10px 15px 10px 15px; padding:5px; position:relative; z-index:7; }
abbr{ cursor:help; }
em{ font-style:italic; font-size:80%; margin:0 15px 0 15px; display:inline-block; }
	input + em{ float:left; margin:0; }
	a.pdf em{ margin:0; }
strong{ font-weight:bold; display:inline-block; }
iframe{ margin:0 0 10px 15px; }

/* ---------- type ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

span{ display:block; clear:both; }

#navPrimary li span{ color:#ffffff; font:12px Arial, Helvetica, sans-serif; letter-spacing:3px; margin-top:5px; position:relative; z-index:5; }
	
h1,h2,h3,h4{ background:url(../images/design/blankBlack.png) repeat; clear:both; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; color:#ffffff; }
h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-style:italic; letter-spacing:2px; margin-left:0; padding-left:15px; text-shadow:3px 3px #000000; }
h5,h6{ color:#680402 }
	h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{ color:#ff0000; font:40px Georgia, "Times New Roman", Times, serif; margin-top:-8px; letter-spacing:0; }

div.locations h2{ margin:15px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; letter-spacing:2px; background:none; color:#680402; text-shadow:none; }

#indexMenus h4{ margin-top:0; color:#ff0000; font-style:italic; font-weight:bold; background:none; text-shadow:none; }
#indexMenus p{ margin-right:0; }

#allLocations h2,#allLocations h3{ background:0; color:#ffffff; font:24px Georgia, "Times New Roman", Times, serif; margin:0; letter-spacing:0; }
#allLocations h4{ margin:0; color:#ffffff; }

div.locations span{ display:inline; border-bottom:1px solid; color:#009900; }

.smallHeaders{ font-family:Arial, Helvetica, sans-serif; color:#ff0000; font-style:italic; font-weight:bold; letter-spacing:2px; margin:0 0 10px 0; padding-left:15px; border-left:5px solid; text-shadow:1px 1px #000000; }

body > span{ display:block; width:900px; margin:auto; color:#ffffff; margin-bottom:25px; font-size:24px; }

/* ---------- divs ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#content, #footer{ -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; }

#header{ width:900px; margin:auto; height:200px; background:url(../images/design/header.png) bottom no-repeat #f1d6be; position:relative; z-index:2; }
#content{ width:900px; margin:auto; background:url(../images/design/content.png) top no-repeat #f1d6be; position:relative; z-index:1; }
	#primary{ width:680px; float:left; }
		div.locations{ border-bottom:2px dashed; padding-bottom:20px; position:relative; }
		div.last{ border:0; }
	#aside{ width:219px; float:left; border-left:1px solid #000000; margin-top:10px; }
#footer{ width:900px; margin:10px auto 25px auto; background:url(../images/design/footer.png) top no-repeat; height:280px; position:relative; }
	#credit{ position:absolute; top:230px; left:10px; }
	
	#emailClub:hover, #facebook:hover, #twitter:hover, #myspace:hover{ border:1px dashed #ff0000; }
	#facebook, #twitter, #myspace{ width:45px; height:45px; position:fixed; z-index:5; right:5px; }
	#emailClub{ width:45px; height:201px; position:fixed; z-index:5; right:5px; top:5px; }	 
	#facebook{ top:370px; }	 
	#twitter{ top:425px; }
	#myspace{ top:480px; }
	
	#cornerLeft{ position:fixed; top:0; left:0; height:265px; width:265px; z-index:5; }	 
	#cornerLeft a{ outline:none; }

.clear{ clear:both; }

/* ---------- ul, ol. dd ------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#navPrimary{ width:960px; height:195px; display:block; margin:auto; color:#FF0000; font-size:30px; letter-spacing:2px; background:url(../images/design/navPrimary.png) top no-repeat; position:relative; z-index:1; }
#navPrimary li{ display:inline; } 
/* additional rules in links */

#navSite{ display:inline-block; border-top:1px solid #000000; width:100%; clear:both; margin-bottom:5px; padding-top:4px; }
#navSite li{ display:inline; margin-right:-15px; }

#navSecondary{ width:219px; font-size:20px; letter-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#indexMenus{ margin-bottom:15px; }
#indexMenus li{ display:block; float:left; width:220px; }
	
.pizzeriaBenefits{ margin:10px 0 15px 35px; }
.pizzeriaBenefits li{ list-style:circle; }

.glutenFree{ margin:10px 15px 10px 15px; }
.glutenFreeItems{ float:left; margin:0 75px 15px 0; }

dl{ margin:15px; display:block; }
dt{ margin:15px 0 10px 0; padding:15px 0 5px 5px; font:18px Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; letter-spacing:2px; border-top:2px dashed; }
dd{ background:url(../images/design/blackWhite.png) repeat; padding:5px; position:relative;
	-moz-border-radius-topright:4px; -webkit-border-top-right-radius:2px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:2px;
	-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:2px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:2px;
	}
dl.price dd span{ font-size:12px; letter-spacing:5px; }
dl.quantity dd span+span{ clear:both; font-size:12px; letter-spacing:5px; }
	dt.focus{ color:#ff0000; background:url(../images/design/logoTiny.png) no-repeat center left; text-indent:25px; }
	dd.focus{ color:#ff0000; border:1px dashed; }


#navFooter{ width:900px; display:block; padding-top:65px; font-size:18px; clear:both; }
#navFooter li{ display:inline-block; float:left; border-left:1px solid; margin-right:2px; }
#navFooter li ul li{ display:block; float:left; clear:both; border:0; } 
	#navFooter li.noBorder{ border:0; }
	
/* ---------- links ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

a{ text-decoration:none; margin:10px 15px 15px 20px; color:#680402; }

#header a img{ border:0; }
#header a img:hover{ border:0; }

a img{ border:5px solid #000000; }
a img:hover{ border:5px solid #ffffff; }

#aside a img{ border:0; float:left; }

	#emailClub a img, #facebook a img, #twitter a img, #myspace a img{ border:0; margin-left:-20px; padding:0; }

#primary a{ border-bottom:1px dotted; }
#primary a:hover{ border-bottom:1px solid #ff0000; color:#ff0000; }

div.locations a{ margin-left:20px; }
div.locations a+a{ margin-left:5px; }

#navPrimary a{ color:#ff0000; display:inline-block; height:50px; background-color:#000000; margin:55px -9px 0 0; padding:15px 10px 10px 15px; border-right:2px dotted #ffffff; border-bottom:0; }
#navPrimary a:hover{ background:url(../images/design/blankBlack2.png) repeat; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
	#navPrimary li.home a{ width:131px; margin-left:12px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; }
	#navPrimary li.locations a{ width:171px; }
	#navPrimary li.menus a{ width:146px; }
	#navPrimary li.franchise a{ width:226px; }
	#navPrimary li.order a{ width:126px; border:0; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; }
	
#navSecondary a{ display:block; border-bottom:1px dotted; padding:10px; margin:0; color:#000000; }
#navSecondary a:hover{ color:#ff0000; border-bottom:1px dotted #ffffff; background:url(../images/design/blankBlack2.png); }

#navSite a{ border-bottom:1px dotted; }
#navSite a:hover{ border-bottom:1px solid #ff0000; color:#ff0000; }
	#navSite li a.current{ border-bottom:1px solid; }

h2 a{ color:#ffffff; margin:0; }
h2 a:hover{ color:#ff0000; border-bottom:1px solid; }

#navFooter a{ color:#000000; margin-left:10px; border-bottom:1px dotted; }
#navFooter a:hover{ color:#000000; border-bottom:1px solid; }

.noBorder2{ border:0; float:left; }
.noBorder2:hover{ border:0; }

a.pdf{ background:url(../images/design/pdf-Icon.png) left center no-repeat; padding-left:25px; }

body span a{ color:#ffffff; border-bottom:1px dotted; margin:0; }
body span a:hover{ color:#ff0000; border-bottom:1px solid #ff0000; }

/* ---------- images ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

a img.vAidRight{ float:right; margin:45px 15px 5px 5px; position:relative; z-index:8; }
a img.vAidLeft{ float:right; margin:45px 15px 5px 5px; position:relative; z-index:8; }

#indexMenus li img{ border:5px solid; margin-left:20px; }
#primary h2+img{ border:5px solid; margin-left:15px; }
	
#logo{ position:absolute; top:0; left:-55px; }

div.locations img{ border:5px solid #680402; margin-left:15px; }

#footer > img{ position:absolute; top:190px; left:820px; }

/* ---------- tables ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

table.customPizza{ margin:15px; padding:5px; width:650px; display:block; background:url(../images/design/blackWhite.png) repeat; }
table.customPizza tr > td{ width:162px; }

div.locations table{ display:block; padding:5px; font-size:17px; background:url(../images/design/blackWhite.png) repeat; width:345px; position:absolute; top:45px; right:0;
	   -moz-border-radius-topright:4px; -webkit-border-top-right-radius:2px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:2px;
	   -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:2px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:2px;
	   }
	   div.locations table.brunch{ position:absolute; top:140px; right:0; }
div.locations table tr td+td{ display:block; margin-left:25px; border-left:1px dotted; padding-left:25px; }

/* ---------- forms ---------- //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

input,select,textarea{ -moz-border-radius-topright:4px; -webkit-border-top-right-radius:2px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:2px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:2px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:2px; background:#ffffff; border:1px solid #999999; }

form{ margin:15px 15px 15px 150px; }
input{ width:350px; height:15px; padding:5px; margin:10px 0 10px 0; }
	.comments{ width:50px; float:left; }
	.button{ width:175px; height:25px; margin-right:7px; background-color:#ff0000; color:#ffffff; border:1px solid #000000; }
	.button:hover{ background-color:#B40704; }
select{ width:358px; height:25px; padding:5px; margin:10px 0 10px 0; }
textarea{ width:350px; padding:5px; margin:10px 0 10px 0; }

/* ---------- vCard / hCard - //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.vcard > a{ float:left; clear:both; font-size:12px; }
.adr, .tel{ float:left; margin:0 0 0 20px; display:block; clear:both;  }
.vcard span{ display:inline; font-size:24px; }

/* ---------- lightbox ------ //
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox img{ width:auto; height:auto;}
#lightbox a img{ border:none; }

#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }

#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0; }
#hoverNav a{ outline:none; }

#prevLink, #nextLink{ width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; }
#prevLink{ left:0; float:left; }
#nextLink{ right:0; float:right; }
#prevLink:hover, #prevLink:visited:hover{ background:url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover{ background:url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; }

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }			
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; outline:none; }	 	

#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }