/*---------------------------+
 | Site: Berghoff Restaurant |
 | Part: Master styles       |
 +---------------------------*/


/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* Internet Explorer */
@import "forms.css"; /* Forms */


/* Fonts
======================================================================*/
body { font-family: "Times New Roman", Times, serif; }
#footer, input, select, textarea { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #ccc; }
a:hover { text-decoration: none; }
address { font-style: normal; }
body { background: #000; color: #666; font-size: 0.875em; line-height: 1.42; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
em { font-style: italic; }
h1 { color: #ccc; font-size: 2em; margin-bottom: 1em; }
h1, h2, h3 { font-weight: normal; }
h2 { background: url(/images/bullet.gif) no-repeat 0 0.3em; border-bottom: 1px dotted #6f6f6f; font-size: 1.28em; margin: 1em 0 ; padding: 0 0 0.5em 1em; }
h2 a { color: #cf0b24; }
h3 { color: #fff; font-size: 1.15em; }
strong { font-weight: bold; }
table { border-collapse: collapse; }


/* Core layout
======================================================================*/
.clear { clear: both; }

/*--- Admin ---*/
.ribbon { width: 960px; }

/*--- Calendar ---*/
.cal { width: 100%; }
.cal td { width: 14.28%; }
.cal a { color: #666 !important; text-decoration: none; }
.cal td, .cal th { font-size: 0.8em; padding: 0.2em 0; text-align: center; }
.cal .Title td { color: #fff; font-size: 1.2em; padding: 0; }
.cal .today { background: #ca1003; }
.cal .today a { color: #fff !important; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

/*--- Content ---*/
#content {
  background: url(/images/b.gif) no-repeat 100% 100%;
  min-height: 500px;
  padding: 0 0 2em 135px;
  position: relative;
  width: 825px;
  z-index: 1000;
}

.win { z-index : 1001; }

#content-primary { float: right; width: 64%; }
#content-secondary { float: left; width: 31%; }

  /*--- Full ---*/
  .full #content-primary, .full .home #content-primary { float: none; width: 100%; }
  .full #content-secondary { display: none; }
  
  /*--- Home ---*/
  .home #content { font-size: 0.95em; }
  .home #content-primary { float: left; }
  .home #content-secondary { float: right; }


/* Content
======================================================================*/

/*--- Banner ---*/
.banner { margin-bottom: 1em; }

/*--- Calendar ---*/
  /* Grid */
  .cal-grid { font-size: 0.8em; width: 100%; }
  .cal-grid a { display: block; height: 100%; width: 100%; }
  .cal-grid td { width: 14.28%; }
  .cal-grid td, .cal-grid th { padding: 0.3em 0; text-align: center; }
  .cal-grid td.event { background: #9b9b9b; }
  .cal-grid td.today { background: #cf1200; color: #fff; }

/*--- Callouts ---*/
div.call-l, img.call-l { clear: left; }
div.call-l, div.call-r { width: 20em; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 1em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.8em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; text-transform: uppercase; }

/*--- Carlyn's Corner ---*/
#cc-intro {
  background: url(/images/carlyns-corner-bg.jpg) no-repeat 0 0;
  color: #ccc;
  font-size: 1.28em;
  height: 245px;
  margin-bottom: 1em;
  padding: 20px 0;
}

#cc-intro-content { line-height: 1.5; padding: 0 15em 0 3.5em; }
#cc-intro h1 { color: #dcb35b; font-size: 2.33em; margin-bottom: 0.5em; text-align: center; }

/*--- Events ---*/
  /* Summary */
  .event-summary { list-style: none; margin: 0; }
  .event-summary a { font-size: 1.15em; }
  .event-summary li { background: url(/images/bullet.gif) no-repeat 0 0.3em; margin-bottom: 1em; padding-left: 1.75em; }
  .event-summary p { margin: 0; }

/*--- Feature ---*/
#feature { background: url(/images/diamonds-grey.jpg) repeat-x 0 0; margin-bottom: 2em; height: 305px; padding-right: 1.25em; }
#feature-secondary { float: right; font-size: 0.9em; padding-top: 1.25em; width: 27%; }

  /* Carousel */
  #carousel { float: left; position: relative; }
  #carousel .data { display: none; }
  #carousel-nav { display: none; }
  #carousel-nav { bottom: 10px; margin: 0; position: absolute; right: 10px; }
	#carousel-nav li { background: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; float: left; margin: 0 0 0 0.2em; padding: 0; }
	#carousel-nav li:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
	#carousel-nav li.current { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
	
	#carousel-nav li a {
		background: #fff;
		border: 3px solid #ddd;
		color: #000;
		display: block;
		line-height: 1;
		padding: 0.2em 0.4em;
		text-align: center;
		text-decoration: none;
	}

/*--- Footer ---*/
#footer { background: #cf0b24; font-size: 0.78em; }
#footer, #footer a { color: #fff; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer-content { width: 960px; }

#footer-logo {
  background: url(/images/diamonds-color.jpg) repeat-x 0 0;
  float: left;
  height: 95px;
  margin-right: 1.5em;
  padding: 0 0.5em;
}

#footer-logo img { display: block; padding-top: 2em; }

  /* Credit */
  #credits { float: right; margin: 0; text-align: right; }
  #credits a:hover { text-decoration: none; }
  #credits a:hover strong { text-decoration: underline; }
  #credits a strong { font-weight: normal; }
  
  /* Colophon */
  #colophon { float: left; }
  
  /* Footer navigation */
  #footer-nav { list-style: none; margin: 0 0 1em 0; padding-top: 1.5em; }
  #footer-nav a { color: #000; }
  #footer-nav li { display: inline; margin-right: 0.85em; }

/*--- Header ---*/
#header { background: url(/images/diamonds-color.jpg) repeat-x 0 0; height: 95px; position: relative; }
#header-content { width: 960px; }
#sign { left: -34px; position: absolute; top: 0; }
#logo-print { display: none; }

  /* Extra navigation */
  #header-nav { background: #b50a1f; float: right; font-size: 0.92em; margin: 0; padding: 0.3em 1em; white-space: nowrap; }
  #header-nav a { text-decoration: none; }
  #header-nav a:hover { text-decoration: underline; }
  #header-nav, #header-nav a { color: #000; }
  #header-nav li { border-right: 1px solid #000; display: inline; margin-right: 0.5em; padding-right: 0.5em; }
  #header-nav li.last { border: 0; margin: 0; padding: 0; }
  #header-nav img { vertical-align: middle; }
  
  /* Tagline */
  #tagline { float: left; margin: 40px 0 0 202px; }

/*--- Highlight ---*/
.highlight { border: 5px solid #2d2d2d; margin-bottom: 2em; padding: 1em; }
.highlight h1 { border-bottom: 1px dotted #6f6f6f; font-size: 1.84em; margin-bottom: 0.05em; padding-bottom: 0.25em; text-align: center; }
.highlight h2 { margin-bottom: 1em; }

/*--- Home ---*/
.home h2 { background: none; border: 0; padding: 0; }

/*--- Horizontal rules ---*/
.hr { background: url(/images/dots-h.gif) repeat-x 0 0; clear: both; height: 1px; margin: 1em 0; }
.hr hr { display: none; }

/*--- Icons ---*/
.icon { background-repeat: no-repeat; background-position: 0 0.25em; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
.icon-pdf { background-image: url(/images/shared/pdf.png); }
.icon-print { background-image: url(/images/shared/print.png); }

/*--- Intro ---*/
#intro { background: url(/images/dots-v.gif) repeat-y 50% 0; margin-bottom: 2em; }
#intro-primary { float: left; }
#intro-primary, #intro-secondary { width: 47%; }
#intro-secondary { float: right; }

/*--- Menus ---*/
.menu .call-r { clear: none; float: left; margin: 2.5em 0 0 -315px; }
.menu h2 { background: url(/images/bullet.gif) no-repeat 0 0.3em; color: #cf0b24; font-size: 1.28em; margin: 2em 0 0.25em 0; padding-left: 1em; }
.menu h2 img { float: left; margin-left: -315px; }
.menu h3 { color: #fff; font-size: 1.14em; }
.menu li { margin-bottom: 1.2em; }

/*--- "More" links ---*/
.more { clear: both; text-align: center; }

/*--- Muted text ---*/
.mute { font-size: 0.95em; margin: 0; }

/*--- Navigation ---*/
#nav { background:#cf0b24; font-size: 1.07em; margin-bottom: 1em; padding: 0.4em 0 0.4em 190px; }
#nav a { color: #000; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li { display: inline; margin-right: 2.5em; }
#nav li.current a { background: url(/images/nav-indicator.gif) no-repeat 50% 100%; color: #fff; padding-bottom: 0.9em; }
#nav ul { margin: 0; }

  /* Secondary nav */
  #nav-secondary a { color: #ccc; text-decoration: none; }
  #nav-secondary a:hover { text-decoration: underline; }
  #nav-secondary li { margin-bottom: 0.5em; }
  #nav-secondary li.current a { color: #fff; }
  #nav-secondary h3 { color: #cf0b24; font-size: 1.42em; margin-bottom: 1em; }

/*--- Panels ---*/
#content-secondary .panel-content { border: 5px solid #2d2d2d; margin-bottom: 2em; padding: 1em; }
.panel { margin-bottom: 2.5em; }
.panel h3 { color: #cf0b24; font-size: 1.28em; }

/*--- Products ---*/
  /* Details */
  .product-details { float: right; margin: 0 0 1em 1em; text-align: center; }
  .product-details .thumb { border: 1px solid #fff; }
  
  /* List */
  .products li { clear: both; padding-left: 210px; }
  .products .thumb { float: left; margin-left: -210px; position: relative; text-align: center; width: 200px; }
  .products .thumb img { border: 1px solid #fff; }

/*--- Stock reusable ---*/
.l { float: left; }
.r { float: right; }

  /* Plain */
  .plain h2 { background: none; border: 0; margin-top: 0; padding: 0; }

/*--- TinyMCE ---*/
.mceContentBody { padding: 0.5em; }

/*--- Videos ---*/
.videos { font-size: 0.9em; line-height: 1.5; }
.videos a { text-decoration: none; }
.videos a:hover { text-decoration: underline; }
.videos img { display: block; margin: 0 auto 0.5em; }
.videos li { background: none; float: left; height: 18em; margin-right: 1%; padding: 0; text-align: center; width: 24%; }
.videos span { display: block; font-size: 1em; }