/******************************************************
 Riegsecker Marketplace Master Stylesheet
 
 Created: 05/08/2012
 Author: Will Burrows
 
 Last Edited: 08-21-2012
 By: WB
*/

/******************************************************
 Fonts 
*******************************************************/
@font-face {
	font-family:Droid Serif;
	src:url('/assets/fonts/DroidSerif-Regular.ttf');
}
@font-face {
	font-family:Droid Serif;
	font-style:italic;
	src:url('/assets/fonts/DroidSerif-Italic.ttf');
}
@font-face {
	font-family:Droid Serif;
	font-weight:bold;
	src:url('/assets/fonts/DroidSerif-Bold.ttf');
}
@font-face {
	font-family:Droid Serif;
	font-weight:bold;
	font-style:italic;
	src:url('/assets/fonts/DroidSerif-BoldItalic.ttf');
}
* {
	font:13px/18px Arial;
	margin:0;
	padding:0;
}
i, em {
	font-style:italic;
}
b, strong {
	font-weight:bold;
}

/******************************************************
 Fonts 
*******************************************************/
p {
	text-align:left;
	font:13px/18px Arial;
	color:#1E140B;
	padding-bottom:18px;
}
p.announcement, p.announcement a {
	font:18px/21px Arial;
	font-weight:bold;
	text-align:center;
}
p.fineprint {
	font:13px/15px Arial;
	font-style:italic;
	color:#777;
}
a {
	text-decoration:none;
	color:#203B4F;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	-ms-transition:color .2s ease-in-out;	
	transition:color .2s ease-in-out;
}
a:hover {
	text-decoration:none;
	color:#3F6073;
}
h1, h1 a {
	font:16px/20px Georgia, serif;
	color:#203B4F;
	padding-bottom:5px;
}
h2, h2 a {
	font:20px/24px Georgia, serif;
	color:#203B4F;
	padding-bottom:3px;
}
h3 {
	font:13px Georgia, serif;
	font-style:italic;
	color:#7A7061;
	padding-bottom:0;
}
h4, h4 a {
	font:17px/21px Arial;
	font-weight:bold;
	color:#203B4F;
	padding-bottom:2px;
}
h5 {
	font-size:21px;
	margin-bottom:9px;
	color:#282C35;
	font-family:Georgia;
	text-align:center;
	font-weight:bold;
}
h6 {
	font-size:18px;
	margin-bottom:24px;
	color:#282C35;
	font-family:Georgia;
	text-align:center;
	font-style:italic;
}

/******************************************************
 General 
*******************************************************/
body {
	background:url('/assets/images/riegsecker/layout/bg-summer.jpg') no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
#page {
	min-height:100%;
	margin:0 auto;
	background:url('/assets/images/riegsecker/layout/bg-top.png') 0 28px repeat-x;
}
* html #page {
	height:100%;
}
#wrapper {
	position:relative;
	min-height:100%;
}
.clearer { /* go here for explanation:http://tangible.ca/articles/35/how-to-get-a-parent-div-to-expand-around-floated-content */
	clear:both;
	display:block;
	height:1px;
	margin-bottom:0;
}
img {
	border:0;
}
hr {
	border-bottom-width:1px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:none;
	border-bottom-color:#ccc;
	border-top-width:0;
	border-right-width:0;
	border-left-width:0;
	margin-bottom:20px;
	margin-top:13px;
	height:1px;
}

/******************************************************
 Site ID (displays on all Riegsecker sites)
*******************************************************/
#site-id {
	position:relative;
	width:100%;
	height:28px;
	background:#31434e;
	text-align:center;
}
#site-id ul {
	list-style:none;
	text-align:center;
	margin:0 auto;
	padding:0;
	width:1050px;
	height:29px;
	overflow:hidden;
}
#site-id ul li {
	display:inline;
	padding:7px 0;
	margin:0 9px;
	font:13px/29px Droid Serif;
	font-style:normal;
	color:#fff;
	text-shadow:0 -1px 0 #000;
}
#site-id ul li.title {
	font-weight:bold;
}
#site-id ul li.current {
	background:url('/assets/images/riegsecker/layout/tick.png') center 24px no-repeat;
	color:#e8d1ad;
}
#site-id ul li a {
	font:13px/29px Droid Serif;
	font-style:normal;
	color:#fff;
	text-shadow:0 -1px 0 #000;
}
#site-id ul li a:hover {
	color:#e8d1ad;
}

/******************************************************
 Banner Ad 
*******************************************************/
#bannerAd {
	display:block;
	position:relative;
	width:100%;
	height:40px;
	background:#7caeaf;
	text-align:center;
	font:20px/40px Arial;
	font-weight:bold;
	color:#fff;
	text-shadow:0 -1px 0 #1c4343;
}

/******************************************************
 Header 
*******************************************************/
#header {
	position:relative;
	margin:0 auto;
	width:963px;
	height:144px;
}
#header .logo {
	position:absolute;
	top:21px;
	left:0;
	width:297px;
	height:109px;
	background:url('/assets/images/riegsecker/layout/logo.png') 0 0 no-repeat;
	text-indent:-999999px;
}
#header .inner ul.social {
	position:absolute;
	top:30px;
	right:0;
	list-style:none;
	width:99px;
	height:27px;
}
#header .inner ul.social li {
	display:inline-block;
	width:27px;
	height:27px;
	opacity:.85;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;	
	transition:all .2s ease-in-out;
}
#header .inner ul.social li:hover {
	opacity:1;
}
#header .inner ul.social li.facebook {
	background:url('/assets/images/riegsecker/layout/social-facebook.png') 0 0 no-repeat;
}
#header .inner ul.social li.twitter {
	margin-left:4px;
	background:url('/assets/images/riegsecker/layout/social-twitter.png') 0 0 no-repeat;
}
#header .inner ul.social li.contact {
	margin-left:4px;
	background:url('/assets/images/riegsecker/layout/social-email.png') 0 0 no-repeat;
}
/******************************************************
 Primary Navigation 
*******************************************************/
ul#navigation {
	position:absolute;
	top:90px;
	right:0;
	list-style:none;
	width:648px;
	height:54px;
	background:url('/assets/images/riegsecker/layout/bg-nav.png') 0 0 no-repeat;
}
ul#navigation li {
	display:inline-block;
	margin:9px 0 0;
	width:108px;
	text-align:center;
	text-shadow:0 1px 0 #fff;
}
ul#navigation li.fix {
	margin-left:-4px;
}
ul#navigation li a {
	font-weight:bold;
	color:#364044;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;	
	transition:all .2s ease-in-out;
}
ul#navigation li a:hover {
	color:#507082;
}

/******************************************************
 Content 
*******************************************************/
#content {
	position:relative;
	margin:0 auto;
	padding:9px;
	width:963px;
	overflow:hidden;
	background:#fff;
	-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.25);
    -webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.25);
    box-shadow:0 0 9px 0 rgba(0,0,0,.25);
}
#content .slideshow {
	position:relative;
	width:963px;
	height:396px;
	overflow:hidden;
}
#content .slideshow-tiny {
	position:relative;
	width:963px;
	height:297px;
	overflow:hidden;
}
#content .slideshow-tiny .announcements {
	position:absolute;
	padding:10px 20px 0;
	top:0;
	right:0;
	width:200px;
	min-height:297px;
	overflow:hidden;
}
#content .slideshow-tiny .announcements h6 {
	text-align:center;
	font:18px/21px Georgia, "Times New Roman", Times, serif;
	color:#3f6073;
}
#content .slideshow-tiny .announcements hr {
	margin-bottom:13px;
}
#content .slideshow-tiny .announcements p {
	font:15px/20px Arial;
	text-align:center;
	color:#9B8E75;
}

/***** quick-link "buttons" *****/
#content .buttons {
	position:relative;
	margin:9px auto 0;
	width:963px;
	height:153px;
	background:url('/assets/images/riegsecker/layout/bg-buttons.jpg') 0 0 no-repeat;
}
#content .buttons .bakery,
#content .buttons .theater,
#content .buttons .furniture,
#content .buttons .cabinet,
#content .buttons .hotel,
#content .buttons .christmas {
	float:left;
	padding:14px 18px 36px;
	width:204px;
	height:103px;
	color:#1E1B09;
	text-shadow:0 1px 0 #fff;
	cursor:pointer;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	-o-transition:background .3s ease-in-out;
	-ms-transition:background .3s ease-in-out;	
	transition:background .3s ease-in-out;
}

#content .buttons .hotel,
#content .buttons .theater,
#content .buttons .furniture {
	border-right:1px solid #AFA697;
}
#content .buttons .bakery {
	background:url('/assets/images/riegsecker/layout/bg-button-bakery.png') 126px 58px no-repeat;
}
#content .buttons .bakery:hover {
	background:url('/assets/images/riegsecker/layout/bg-button-bakery.png') 126px 58px no-repeat rgba(155,141,114,.35);
}
#content .buttons .theater {
	background:url('/assets/images/riegsecker/layout/bg-button-theater.png') 138px 58px no-repeat;
}
#content .buttons .theater:hover {
	background:url('/assets/images/riegsecker/layout/bg-button-theater.png') 138px 58px no-repeat rgba(155,141,114,.35);
}
#content .buttons .furniture {
	background:url('/assets/images/riegsecker/layout/bg-button-furniture.png') 138px 62px no-repeat;
}
#content .buttons .furniture:hover {
	background:url('/assets/images/riegsecker/layout/bg-button-furniture.png') 138px 62px no-repeat rgba(155,141,114,.35);
}
#content .buttons .cabinet {
	background:url('/assets/images/riegsecker/layout/bg-button-cabinet.png') 158px 60px no-repeat;
}
#content .buttons .cabinet:hover {
	background:url('/assets/images/riegsecker/layout/bg-button-cabinet.png') 158px 60px no-repeat rgba(155,141,114,.35);
}
#content .buttons .hotel {
	background:url('/assets/images/riegsecker/layout/bg-button-hotel.png') no-repeat;
}
#content .buttons .hotel:hover {
	background:url('/assets/images/riegsecker/layout/bg-button-hotel.png') 3px 3px no-repeat rgba(155,141,114,.35);
}
#content .buttons .christmas {
	background:url('/assets/images/riegsecker/layout/bg-button-christmas.png') 138px 58px no-repeat;
}
#content .buttons .christmas:hover {
	background:url('/assets/images/riegsecker/layout/bg-button-christmas.png') 138px 58px no-repeat rgba(155,141,114,.35);
}

/***** tabbed event slider (tabs) *****/
#content .event-slider ul.tabNavigation3 {
	position:absolute;
	list-style:none;
	top:-25px;
	width:700px;
	height:27px;
}
#content .event-slider ul.tabNavigation3 li {
	margin:0 4px 0 0;
	display:inline;
	font-size:12px;
	font-family:Arial;
	font-style:normal;
	font-weight:bold;
}
#content .event-slider ul.tabNavigation3 li a {
	padding:9px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	background-color:#9B8E75;
	font-family:Arial;
	font-style:normal;
	font-weight:bold;
}
#content .event-slider ul.tabNavigation3 li a:hover {
	color:#324144;
	text-decoration:none;
	background-color:#9B8E75;
	font-style:normal;
	font-weight:bold;
}
#content .event-slider ul.tabNavigation3 li a:focus {
	outline:0;
	font-style:normal;
	font-weight:bold;
}
#content .event-slider ul.tabNavigation3 li a.selected {
	color:#324144;
	text-decoration:none;
	background-color:#BAAC90;
	font-size:12px;
	font-weight:bold;
}

/***** tabbed event slider (content) *****/
#content .event-slider {
	position:relative;
	margin:41px auto 0;
	width:963px;
	height:180px;
	background:url('/assets/images/riegsecker/layout/bg-blog.jpg') 0 0 no-repeat;
}
#content .event-slider .event {
	position:relative;
	margin:18px auto;
	width:927px;
	height:144px;
	text-shadow:0 1px 0 #fff;	
}
#content .event-slider .event .ribbon {
	position:absolute;
	padding:18px 0 0 0;
	width:60px;
	height:114px;
	background:url('/assets/images/riegsecker/layout/bg-date-ribbon.png') no-repeat 0 0;
	font:bold 32px/28px "Trebuchet MS", "Arial", Sans-Serif;
	color:#fff;
	text-shadow:0 -2px 0 rgba(0,0,0,.5);
	text-align:center;
	text-indent:3px;
}
#content .event-slider .event .ribbon span {
	color:#F9F2DA;
	display:block;
	font:12px "Trebuchet MS", "Arial", Sans-Serif;
	font-weight:bold;
	letter-spacing:7px;
	padding:3px 4px 0 0;
	text-align:right;
	text-transform:uppercase;
	text-shadow:none;
}
#content .event-slider .event .description {
	position:relative;
	left:78px;
	width:615px;
	height:144px;
}
#content .event-slider .event .description span.longdate {
	font:17px Georgia;
}
#content .event-slider .event .thumbnail {
	float:right;
	margin:-24px 15px 0 0;
	width:200px;
	height:200px;
	-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.35);
    -webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.35);
    box-shadow:0 0 9px 0 rgba(0,0,0,.35);
}

/***** subpage content *****/
#content .sub-navigation {
	position:relative;
	margin:0 auto;
	width:927px;
	height:32px;
	background:url('/assets/images/riegsecker/layout/bg-blog.jpg') -18px 0 no-repeat;
	border-radius:0 0 3px 3px;
}
#content .sub-navigation ul {
	list-style:none;
	text-align:center;
}
#content .sub-navigation ul li {
	display:inline;
	padding:0 8px;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	line-height:30px;
}
#content .inner {
	position:relative;
	margin:18px auto 9px;
	width:927px;
	min-height:270px;
	overflow:hidden;
}
#content .inner .content-pics {
	float:left;
	margin:0 9px 0 0;
	width:398px;
	height:auto;
}
#content .inner .content-pics img {
	float:left;
	margin:0 9px 9px 0;
	padding:4px;
	border:1px solid #e6e6e6;
}

/***** newsletter signup form *****/
#content .newsletter {
	position:relative;
	float:right;
	margin:9px auto 0;
	width:963px;
	height:81px;
	background:url('/assets/images/riegsecker/layout/bg-newsletter-signup.jpg') 0 0 no-repeat;
	font:18px/79px Georgia, serif;
	color:#F9F2DA;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	font-style:italic;
	text-indent:72px;
}
#content .newsletter .email {
	position:relative;
	padding:0;
	float:right;
	top:27px;
	right:36px;
	width:270px;
	height:27px;
	text-indent:0;
}
#content .newsletter .email .form-field {
	font:11px/25px Georgia, serif;
	text-indent:5px;
	margin:0;
	width:234px;
	height:25px;
	background:#F9F2DA;
	border:1px solid #364044;
	color:#324144;
	font-style:italic;
}

/******************************************************
 Footer 
*******************************************************/
#footer {
	margin:21px auto 0;
	width:100%;
	height:72px;
}
#footer .inner {
	position:relative;
	margin:0 auto;
	width:963px;
	height:54px;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.75);
	font:13px/21px Arial;
}
#footer .inner a {
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.75);	
	font:13px/21px Arial;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	-ms-transition:color .2s ease-in-out;	
	transition:color .2s ease-in-out;
}
#footer .inner a:hover {
	color:#8CA0AB;
}
#footer .inner ul.social {
	position:absolute;
	top:10px;
	right:0;
	list-style:none;
	width:99px;
	height:27px;
}
#footer .inner ul.social li {
	display:inline-block;
	width:27px;
	height:27px;
	opacity:.65;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;	
	transition:all .2s ease-in-out;
}
#footer .inner ul.social li:hover {
	opacity:1;
}
#footer .inner ul.social li.facebook {
	background:url('/assets/images/riegsecker/layout/social-facebook.png') 0 0 no-repeat;
}
#footer .inner ul.social li.twitter {
	margin-left:4px;
	background:url('/assets/images/riegsecker/layout/social-twitter.png') 0 0 no-repeat;
}
#footer .inner ul.social li.contact {
	margin-left:4px;
	background:url('/assets/images/riegsecker/layout/social-email.png') 0 0 no-repeat;
}

/*=========================================================================================================================
 FOOTER STYLES
===========================================================================================================================*/
#footer-outer-container {
	margin-top:27px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	width:100%;
	height:72px;
	background-image:url('/assets/images/riegsecker/layout/bg-footer.png');
	background-repeat:repeat-x;
	background-position:top;
}
#footer-container {
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	width:981px;
}

/******************************************************
 Special Styles
 
*******************************************************/

#special-container {
    left: 915px;
    margin: -154px auto;
    padding-bottom: 0;
    position: relative;
    top: 315px;
    z-index: 10000;
}

#giftcard-sticker {
	position: absolute;
	margin: -40px 0 0 -20px;
	width: 150px;
	height: 450px;
	background: url('/assets/images/bluegatetheatre/layout/make-it-a-gift-card.png') 0 0 no-repeat;
	z-index: 999999;
	overflow: h;
}

#special-badge-absolute-bottom {
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding-bottom:0;
	width:963px;
	background-color:#fff;
	-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.5);
	box-shadow:0 0 7px 0 rgba(0,0,0,.5);
	z-index:10000;
}

#hiring-badge {
  display: block; /* none or block to display or hide special content */
  bottom: 0;
  height: 175px;
  position: fixed;
  width: 250px;
  z-index: 999999;
	background: url("/assets/images/riegsecker/layout/hiring-badge.png") 0 0 no-repeat;
}

#logo-overlay {
	position:absolute;
	margin:300px 0 0 750px;
	width:200px;
	height:88px;
	background:url('/assets/images/riegsecker/layout/riegsecker-carriage-logo.png') 0 0 no-repeat;
	z-index:999999;
}


/*=========================================================================================================================
 SUB NAVIGATION
===========================================================================================================================*/
#subnav-container {
	margin-top:-1px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	width:927px;
	height:27px;
	background:url('/assets/images/riegsecker/layout/bg-subnav.jpg');
	background-repeat:no-repeat;
	z-index:100000;
}
#subnav {
	padding-top:5px;
	width:927px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	color:#364044;
}
#subnav a {
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	color:#fff;
}
#subnav a:hover {
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	color:#D8CEB4;
}