/*
---
Winchester Restaurant
www.winchestergr.com
original design by www.colorsplashstudio.com
adapted by Nathan Bierma, www.nathanbweb.com
August 2010
---
*/

/* --- Reset ----- */
* {padding: 0; margin: 0;}
html, body {height: 100%; margin-bottom:-30px;}

/* --- Body ----- */
body {
	background-color:#000; font:normal 1em "Century gothic",Tahoma,Verdana,sans-serif;
	line-height:130%; text-align:center;
}

a {text-decoration:none}
a:link, a:visited {color:#444;}
a:hover {color:#444; border-bottom:1px dotted #444; text-decoration:none}

p, li {margin:5px 0; line-height: 1.8em;}
h1, h2 {	margin:0; letter-spacing:-1px; }
h1 { background-color:black; color: #333; font-size: 3em; margin:0; padding: 0 0 10px 0; }
h2 { font-size:1.8em; padding: 10px 5px 10px 2px; font-family:"Century gothic",Tahoma,Verdana,sans-serif; }
h3, h4, h5 {font:bold 1.1em "Century gothic",Tahoma,Verdana,sans-serif; margin:15px 0 5px 0}
ul {list-style:none; margin:10px;}

/* subpages */
.subpage #content {padding:0 0 0 20px; font:normal 0.8em Arial,sans-serif;} /* matches original typography of page content */
#hours #content ul {font:normal 1em Arial,sans-serif; margin:20px 0 20px 10px} /* forcing font on hours page */
#hours #content p {font:normal 1em Arial,sans-serif}

/* --- Layout ----- */
body {background:#000; font-size:0.9em;}
#page {	width: 1024px;	background-color: #fff;	margin: 0 auto;	text-align: left;}
#container {background:white; color:white; width:1024px; padding:0}
#content {background:white; color:#333; margin:0px;}
#gallery {padding:0 0 15px 0}
#column-one {width:440px; margin-top:20px; border-right:1px solid black}
#welcome {margin:40px 0 0 20px; width:380px; font:normal 1em "Century gothic",Tahoma,Verdana,sans-serif;}
#welcomehed {margin:25px 15px;}
#thumbs {margin:40px 0 0 20px; width:380px}

#footer {background: url('http://www.winchestergr.com/images/footer.jpg') no-repeat; height:auto;
clear:both;
color:#ccc;
margin:0 auto;
padding:10px 0 5px 0;
text-align:right;
}

#footer a {color:#eee;}
#footer a:hover {border-bottom:1px dotted #eee}

ul#welcome-menu { list-style:disc; margin:15px 55px;}
ul#welcome-menu li {margin:15px 0}

ul#menu {
background:#000;
color:#ccc;
display:block;
font-family:century gothic, Arial, sans-serif;
font-size:14px;
font-weight:normal;
height:60px;
list-style-type:none;
margin:0;
padding:0 0 0 470px;
position:relative;
width:auto;
text-align:right}

ul#menu li {display:inline; float:left; margin:15px;}

ul#menu a {color:#999}
ul#menu a:hover {color:#fff; border-bottom:1px dotted #fff}

div#page, div#page img {border:0 !important}

/* --- Utility styles ----- */
.endgroup, .clear {clear: both;}

/* --- Gallerific styles ----- */
/* from www.twospy.com/galleriffic */
div.content {
/* display on js */
  display: none;
  float: right;
  width: 550px;
}
div.content a, div.navigation a {
  text-decoration: none;
  color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
  text-decoration: underline;
}
div.slideshow-container {
  position: relative;
  clear: both;
  height: 502px;/* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('loader.gif');
  background-repeat: no-repeat;
  background-position: center;
  width: 550px;
  height: 502px;/* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {}
div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
div.slideshow a.advance-link {
  display: block;
  width: 550px;
  height: 502px;/* This should be set to be at least the height of the largest image in the slideshow */
  line-height: 502px;/* This should be set to be at least the height of the largest image in the slideshow */
  text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
  text-decoration: none;
}
div.slideshow img {
  vertical-align: middle;
  border: 1px solid #ccc;
}
div.download {float: right;}
div.caption-container {
  position: relative;
  clear: left;
  height: 75px;
}
span.image-caption {
  display: block;
  position: absolute;
  width: 550px;
  top: 0;
  left: 0;
}
div.caption {padding: 12px;}
div.image-title {font-weight: bold; font-size: 1.4em;}
div.image-desc {line-height: 1.3em; padding-top: 12px;}
div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
ul.thumbs {clear: both; margin: 0; padding: 0;}
ul.thumbs li {
  float: left;
  padding: 0;
  margin: 5px 10px 5px 0;
  list-style: none;
}
a.thumb {
  padding: 2px;
  display: block;
  border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none; display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px; height: 11px;}
div.navigation div.bottom {margin-top: 12px;}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
  border: 1px solid #ccc;
}
div.pagination a:hover {
  background-color: #eee;
  text-decoration: none;
}
div.pagination span.current {
  font-weight: bold;
  background-color: #000;
  border-color: #000;
  color: #fff;
}
div.pagination span.ellipsis {
  border: none;
  padding: 5px 0 3px 2px;
}

/* added */
.navigation {margin-left:40px}

#thumbs {border:0px dotted black; padding:10px; width:410px !important;}
#thumbs ul a {border:0; display:block; margin:5px;}
#thumbs img {width:110px; height:75px}

#thumbs a:hover {-moz-transform: scale(1.15); -webkit-transform:scale(1.15);} /* css3 effect for expanding when hovering over thumb */

.top {display:none}
.bottom a {text-align:right; width:auto; border:0; margin-left:320px !important;}
.bottom a:hover {-moz-transform:scale(1) !important; -webkit-transform:scale(1) !important;} /* disabling expand-on-hover for 'more' link */

/* kill bug */
#container h1 {border:0 !important}
element.style {background:0; outline:0;}
* {outline:0 !important}

/* for menu page */
iframe {border:0; border-top:1px solid #ddd}
#open-ext-wrap {height:30px; margin-top:-5px;}
#open-ext-wrap a:link, #open-ext-wrap a:visited {border-bottom:1px dotted #444}
#open-ext-wrap a.iconlk {border-bottom:0}
#menu h2, #menu #open-ext-wrap {padding-left:10px;} /* reiterating padding after iframe fit */