/*-----------------------------------------------------------------------------
SITE_NAME Style Sheet

version:   1.0
author:    Dinshaw Gobhai
email:     info@dinshawdesign.com
website:   http://www.dinshawdesign.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {margin: 0;padding: 0;}
/*Put it back on option tag*/
option{margin:3px}

/* Class for clearing floats */
.clear {clear:both;}


/* Remove border around linked images */
img {border: 0;}

#flash{
	background-color:lime;
	color:green;
}
/* =Typography
default font_size / line_height
-----------------------------------------------------------------------------*/
body{
	background:#000 url(/images/grey-line.gif) top center repeat-y;
    font:100% verdana, arial, helvetica, sans-serif;;
    line-height:1.125em; /* 16×1.125=18 */
}

html, body {
    height: 100%;
}

p,li,legend, td, th{
	font-size:0.875em;
}
p {
	text-indent:1em;
	margin-bottom:10px;
}

ul{list-style:none;}

a{color:#d90033;}
/* =Splash Layout
-----------------------------------------------------------------------------*/
body#splash{
	background-image:none;
}

#entrance {
	background:#000 url(/images/splash.jpg) top center no-repeat;
	width:847px;
	height:684px;
	margin:50px auto 20px auto; 
	text-align:center;
	border:1px solid #000;
}

#locations{
	width:600px;
	margin:auto;
	margin-top:480px;
	}
	
#locations ul#springfield{
	float:left;
}

#locations ul#worcester{
	float:right;
}

#locations a{text-transform:uppercase;}

#locations li.name a, #locations li.enter a{
/*	letter-spacing:0.2em;*/
	}

#locations li.name {
	font-size:1.5em;
	line-height:1.5em;
	}

/* =Layout
-----------------------------------------------------------------------------*/
#canvas{
	border:1px solid #000;
	border-width:1px 0 0 0;
	width:847px;
	margin:0 auto;
	background:#e9e9e9 url(/images/metal-bg.jpg) no-repeat;
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #canvas {
    height: auto;
	}

splash{
	
}

#container{
	min-height:100%;
	width:847px;
	margin-bottom:20px;
	}

#nav{
	float:left;
	width:180px;
	margin-right:10px;
	/*border:1px solid red;*/
	}

#content{


/*	border:1px solid red;*/
	}

#page_content{
	float:left;
	width:420px;
}

#sidebar{
	float:right;
	width:180px;
	margin-right:10px;
	}
	

#footer{
	position:absolute;
	bottom:0;
}




/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size:1.5em;
	line-height:1.5em;
	color:#d90033;}
	
	h2{
		font-size:1em;
		line-height:1em;
		color:#ffba00;}	


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
#masthead{
	text-align:center;
	margin:10px 0 20px 0;
	
}

#address{
	width:750px;
	margin:auto;
	font-size:0.8em;
	background:url(/images/black-line-sides.gif) 50% 8px no-repeat;
	}
#drinking_dog{margin-left:30px;}
#snickering_dog{margin-right:30px;}



/* =Main Nav
-----------------------------------------------------------------------------*/
#nav{
	text-transform:uppercase;
	font-weight:bold;
}


#nav ul li{
	text-indent:10px;

}

#nav ul a{
	display:block;
	text-decoration:none;
	line-height:1.5em;
	height:1.5em;
}


#nav ul li li a{
	color:#ffba00;
	text-indent:40px;
}

#nav ul li a:hover,#nav ul li a.curr{
	background:#ffba00;
	color:#fff;
}




/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
fieldset {
	border: 1px solid #d90033;
	margin-bottom:20px;
	padding:0 10px;
}

legend{
	padding:0 5px;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	color:#d90033;
}

#sidebar fieldset legend{padding:0;margin:0;}

#sidebar fieldset{text-align:center;}

#sidebar p{
	text-indent:0;
	margin:0;
	padding:0;
}
#sidebar input{
	width:150px;
	margin:5px;
	border:1px solid #d90033;
}
#sidebar input.text{color:gray;text-align:center;margin-bottom:0;;}
#content ul {
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#ffba00;
	}


/* =Secondary Content
-----------------------------------------------------------------------------*/
#photos div, .photo, #products div, .product{text-align:center;}

#photos div, #products div {
	float:left;
	width:90px;
	margin:5px;
}

#photos div img, .photo img, #products div img, .product img {border:1px solid #000;}
#photos .last, #products .last{margin-right:0;}

#photos div .title, .photo .title, #products div .title, .photo .title{
	color:#d90033;
		font-size:0.7em;
}

#photos div .caption, #photos div .title, .photo .title, .photo .caption, #products div .caption, , #products div .title, .product .title, .product .caption{
	text-indent:0;
	margin:0;
}

#policy h1,#event h1,#contact h1,#hour h1{
	text-align:center;
}

.product li {
	margin:5px;
	color:#d90033;
}

.product p{
	text-indent:0;
}
.pagination, #toolbar{margin:10px;}
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	width:837px;
	margin:auto;
	text-align:center;
	background:url(/images/black-line.gif) 20px 7px no-repeat;
}
#splash_footer{
	text-align:center;
	color:#fff;
	width:847px;
	margin:auto;
	font-size:0.775em;
	letter-spacing:0.1em;
}

#footer #call_out{
	display:inline;
	padding:0 0 0 0.3em;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.3em;
	background:#e9e9e9;
}
#footer #site_info{
	color:#b6b5b5;
	font-size:0.7em;
}
#footer #site_info a{ color:#b6b5b5;}


/* =Forms
-----------------------------------------------------------------------------*/
textarea{height:150px;}



/* =Tables
-----------------------------------------------------------------------------*/

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,th{
	border:1px solid #ccc;
	padding:3px 5px;
}
th{
	background-color:#ccc;
	color:#fff;
	}
td {text-align: left;font-weight: normal;}



/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/