﻿* { margin: 0; padding: 0; }

body 
{
	font: 12px/20px Verdana, Arial, Geneva;
	text-align: center;
	background: #f3d57f url(/img/body_bg.jpg) top left repeat-x;
}
h1 { font-weight: bold; margin: 0; color: #4b1612; font-size: 175%; text-transform: uppercase; }
h1.pageHead { width: 700px; height: 25px; padding: 5px 0 15px 0; }
h2 { color: #7f100a; font-size: 125%; text-transform: uppercase; }
img { border: none; }
a { color: #7f100a; }
ul.list { margin-left: 20px; margin-bottom: 10px; }

.bold { font-weight: bold; }

#wrapper 
{
	position: relative;
	margin: 0 auto;
	width: 951px;
	text-align: left;
	background: #e9e0b2 url(/img/main_bg.jpg) no-repeat bottom left;
}

#header {position: relative; width: 951px; background: url(/img/top_bg.jpg); }

#logo { position: absolute; top: 0; left: 343px; z-index: 100; }
#top { position: relative; height: 0px; }

#navigation { position: relative; width: 951px; height: 85px; }
#navigation ul { list-style-type: none; }
#navigationLeft { position: absolute; margin: 0; top: 0; left: 0; width: 621px; }
#navigationRight { position: absolute; margin: 0; top: 0; right: 0; width: 331px; }
#navigationLeft li { float: left; }
#navigationRight li { float: right; }

#navHome a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) 0 0; width: 75px; height: 85px; display: block; }
#navAbout a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -75px 0; width: 101px; height: 85px; display: block; }
#navLocations a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -176px 0; width: 104px; height: 85px; display: block; }
#navMenu a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -280px 0; width: 60px; height: 85px; display: block; }
#navBlank {  background: url(/img/nav/top_bg.jpg) no-repeat; width: 280px; height: 85px; }
#navTakeout a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -341px 0; width: 90px; height: 85px; display: block; }
#navComments a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -494px 0; width: 97px; height: 85px; display: block; }
#navNews a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -431px 0; width: 64px; height: 85px; display: block; }
#navJobs a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -590px 0; width: 80px; height: 85px; display: block; }

#navHome a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) 0 -86px; width: 75px; height: 85px; display: block; }
#navAbout a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -75px -86px; width: 101px; height: 85px; display: block; }
#navLocations a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -176px -86px; width: 104px; height: 85px; display: block; }
#navMenu a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -280px -86px; width: 60px; height: 85px; display: block; }
#navTakeout a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -341px -86px; width: 90px; height: 85px; display: block; }
#navComments a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -494px -86px; width: 97px; height: 85px; display: block; }
#navNews a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -431px -86px; width: 64px; height: 85px; display: block; }
#navJobs a:hover { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -590px -86px; width: 80px; height: 85px; display: block; }

#navHomeActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) 0 -86px; width: 75px; height: 85px; display: block; }
#navAboutActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -75px -86px; width: 101px; height: 85px; display: block; }
#navLocationsActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -176px -86px; width: 104px; height: 85px; display: block; }
#navMenuActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -280px -86px; width: 60px; height: 85px; display: block; }
#navTakeoutActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -341px -86px; width: 90px; height: 85px; display: block; }
#navCommentsActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -494px -86px; width: 97px; height: 85px; display: block; }
#navNewsActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -431px -86px; width: 64px; height: 85px; display: block; }
#navJobsActive a { text-indent: -9999px; background: url(/img/nav/nav_sprite.jpg) -590px -86px; width: 80px; height: 85px; display: block; }

/* MAIN */
#main { position: relative; margin-top: 1px; padding-top: 74px; background: url(/img/wood.png) no-repeat top left; }
#headerPageContent { position: relative; width: 681px; height: 283px; }
#sideBar { float: left; width: 260px; min-height: 284px; display: block;}
#sideBarNav { margin-top: -60px; margin-left: 5px;  }
#sideBar ul { list-style-type: none; width: 229px; margin-left: 11px; padding-top: 35px; padding-bottom: 35px; background: url(/img/subnav/bg.png) no-repeat;  }
#subNavFooter { background: url(/img/subnav/bgfooter.png) no-repeat bottom left; height: 83px; margin-top: -40px; margin-left: 10px; z-index: 101; }
#sideBar li { text-align: center; padding: 0 25px; }
#sideBar li a { color: #341801; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px 0; display: block; border-top: 1px solid #c4a664; }
#sideBar li.header { border: none; width: 190px; height: 40px; }
h1.navHeader { color: #7f100a; font-size: 14px; height: 70px; width: 280px; text-align: left; overflow:hidden; }
#sideBar li.no-line { border: none; height: 15px; }
#content { position: relative; margin-left: 260px; min-height: 600px; }
#contentWrapper { position: relative; width: 951px; background: url(/img/main_content_bg.png) no-repeat; }
#content p { padding: 0 15px 0 0; }


/******************************** DINNER AND A MOVIE ****************************************/
/********************************************************************************************/
#dinner #main { position: relative; margin-top: 0px; padding-top:0; background:#e9cf93 url(/img/bg_dinner_tile.jpg) repeat-y;}
#dinner #contentWrapper { position: relative; width: 951px; background: url(/img/bg_header.jpg) top no-repeat; }
#dinner #contentWrapper #dinner_header h2 {text-indent:-9999px; display:none;}
#dinner #contentWrapper #dinner_header h3 {width:469px; height:122px; color:#fff; position:absolute; top:210px; left:463px; font-weight:normal; line-height:1.5em; font-size:1.2em;}
#dinner #contentWrapper #dinner_header {height:381px; display:block;}
#dinner #content {display:block; padding:20px 20px 20px 20px; margin:0; z-index:0; background:transparent url(/img/bg_dinner_content.jpg) no-repeat; min-height:0; overflow:hidden;}
#dinner #bottom {display:block; height:71px; background:transparent url(/img/dinner_btm.png) no-repeat; padding:10px 0 0 20px;}
#dinner #bottom p {font-size:.9em; font-style:italic;}
/* DROPDOWN */
#dropdown {position:absolute; text-align:right; top:290px; right:20px;}
#dropdown a.signin {background:#c0beba url(/img/bg_dinner_dropdown.png) top repeat-x; height:32px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; color:#43413d; text-decoration:none; z-index:500;}
#dropdown a.signin span, #dropdown a.menu-open span {display:block; height:27px; background:transparent url(/img/dinner_btn_sprite.png) top right no-repeat; padding:5px 45px 0 10px; z-index:500;}
#dropdown a.menu-open {background:#fffcf8; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; display:block; color:#43413d; text-decoration:none; z-index:10;}
#dropdown a.menu-open span {background:transparent url(/img/dinner_btn_sprite.png) right -37px no-repeat;}

#signin_menu {display:none; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; background:#fffcf8; position:absolute; right:20px; top:322px;  text-align:left; padding:10px; margin-right:0px; z-index:300; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5);}
#signin_menu li {list-style:none;}
#signin_menu li a {text-decoration:none;}
#signin_menu li a:hover {text-decoration:underline;}

#dinner #content h2 {margin-bottom:1.2em;}
.theater_header {display:block; overflow:hidden; background:transparent url(/img/theater_header_btm.jpg) bottom no-repeat; padding-bottom:15px; margin-bottom:20px;}
.TheaterImage {display:block; width:188px; height:134px; float:left; margin:0 10px 10px 0; padding:28px 0 0 8px; background:transparent url(/img/bg_theaterimage.jpg) no-repeat;}
.TheaterImage img {width:178px; height:108px;}
.Logo {height:49px; display:block; margin:5px 0 10px 0;}
.theater_info {display:block; width:328px; margin-left:212px;}
.theater_info strong {color:#600505;}

.showtimes {margin-bottom:0;}
.show_left {width:49%; float:left; margin:0;}
.show_right {width:49%; float:right; margin:0;}
.movie {clear:both; margin-bottom:8px;}
.name {font-size:110%; margin:0; color:#600505; font-weight:bold;}
.info {font-style:italic;}
.times {clear:both; margin:0;}

/* HOME */
#flashBanner { position: relative; width: 951px; height: 330px; margin: 0; padding: 0; }
#hpSections { position: relative; width: 951px; height: 150px; text-align: center; }
#hpSections { position: relative; margin: 15px 52px 15px 31px; height: 200px; }
#section1 { float: left; margin: 0; }
#section2 { float: left; margin: 0; }
#section3 { float: left; margin: 0; }
#section4 { float: left; margin: 0; }

/* LOCATOR */
#locatorForm { position: absolute; z-index: 110; width: 221px; height: 56px; top: 93px; right: 30px; display: none; }
#locatorBox { position: relative; width: 221px; height: 56px; background: url(/img/locator_box.png) no-repeat; }
#locatorBox input { margin-top: 27px; margin-left: 17px; border: 1px solid #000; padding: 1px; width: 143px; }
#locatorBtn { position: absolute; top: 30px; right: 20px; cursor: pointer; }

#mainSC {}
#content2 {}


/* FOOTER */
#footer { position: relative; color: #572a0a; font-size: 9px; margin-top: 5px; padding: 0 50px; background: url(/img/dog-paw-sm.png) no-repeat 20px 3px; }
#ftop { position: relative; clear: both; background: url(/img/footer.png) no-repeat 50% 50%; height: 15px; width: 951px; }
#footer ul { list-style-type: none; width: 100%; height: 18px; margin: 0; }
#footer li { float: left; font-weight: bold; padding: 0 5px 0 0; }
#footer ul li a { color: #572a0a; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 9px; }
#lazyDogNumber { position: absolute; top: 10px; right: 40px; margin-top: 15px; }

/* social media */
#social_footer {display: block; width:73px; height:41px; list-style:none; clear:both; position: relative; }
#social_footer li a {display: block; background:url(/img/footer_social_sprite.png); height:41px;}
#social_footer #facebook a {float:left; display:block; width:36px; background-position:-2px 0; background-repeat:no-repeat; text-indent:-9999px;}
#social_footer #twitter a {float:left; display:block; width:38px; background-position:-38px 0; background-repeat:no-repeat; text-indent:-9999px;}


/* ERROR BOX */
#errorBox { width: 100%; margin: 20px 0; }
#errorBox ul { list-style-type: none; }
#errorBox li { color: #f00; font-weight: bold; padding: 3px; padding-left: 25px; margin-left: 20px; background: url(/img/lazydog_bone.png) no-repeat; }



/* FORMS */
.publicForm { position: relative; }
.form_row { position: relative; width: 670px; margin-bottom: 15px; }
.form_row label { font-weight: bold; float: left; text-align: right; margin-right: 1em; width: 150px; padding-top: 2px; }
label.error { float: none; color: #910; font-style: italic; margin-left: .5em; }
.publicForm select, .publicForm textarea, .publicForm input[type=text], .publicForm input[type=submit] { padding: 3px; color: #000; font-weight: bold; border: 1px solid #572a0a; background: url(/img/form_bg.png); }
.publicForm input[type=submit] { font-weight: bold; background: transparent; cursor: pointer; border-style: double; border-width: 3px; }
.publicForm  input.error, .publicForm textarea.error { border: 1px solid #910; }

.btn { border: 3px double #572a0a; background: transparent; font-weight: bold; padding: 3px; text-transform: uppercase; font-size: 10px; color: #572a0a; cursor: pointer; }
.btn:hover { background: url(/img/form_bg.png); }
#cartActions { position: relative; width: 90%; height: 50px; }
#cartActions form { float: left; margin: 0 14px 0 0 ; }
/* ERROR BOX */
.publicForm #errorSummary { font-weight: bold; color: #910; }
.publicForm #errorMessages ul { list-style-type: none; }
.publicForm li label.error { font-weight: bold; color: #910; margin-left: 30px; }

/* MENUS */
#menuHeader { position: relative; width: 100%; height: 281px; background: transparent; }
#menuHeader #menuCatText { position: absolute; top: 125px; left: 325px; width: 325px; height: 140px; text-align: left; font-size: 12px; }
#menuHeader h4 { color: #910; text-transform: uppercase; font-size: 13px; }
#menuItemContainer { position: relative; width: 100%; }
.menuItem { float: left; width: 255px; margin-bottom: 10px; padding: 4px; display: block; margin-left: 30px; margin-right: 40px; background: url(/img/form_bg.png); }
.menuItemDiv { width: 100%; height: 10px; }
.menuItemRight { position: relative; width: 255px; margin-bottom: 10px; padding: 4px; display: block; margin-left: 375px; background: url(/img/form_bg.png); }
.menuItemBlock { position: relative; display: table; }
.menuItemPic { position: relative; width: 253px; height: 142px; background: url(/img/menu_bg.png) no-repeat; text-align: center; }
.menuItemPic a { position: relative; padding: 12px 8px; display: block; }
.price { color: #4b1612;}

/* LOCATIONS */
.LocationInfo { position: relative; width: 95%; height: 190px; background: url(/img/form_bg.png); margin-bottom: 20px; padding: 5px; }
.LocationInfo span { float: left; width: 33%; }
.locationHours td, .locationHours th { text-align: center; }

/* NEWS */
.newsBox { background: url(/img/form_bg.png); border: 1px solid #4b1612; margin-right: 15px; padding: 5px; }
.newsBox p { margin-bottom: 10px; }

/* COMMON */
.ErrorMessage { font-weight: bold; color: #910; }


/* TABLE */
.tableList { width: 95%; background: url(/img/form_bg.png); }
.tableList th { font-weight: bold; text-transform: uppercase; background: #f3d57f; }
.tableList td, .tableList th { padding: 3px; }

.divider { border-top: 1px solid #572a0a; margin-top: 10px; margin-bottom: 20px; margin-right: 15px; }
#flash { font-weight: bold; color: #910; font-style: italic; font-size: 12px; }


.textBg { background: url(/img/form_bg.png); margin-right: 15px; padding: 2px; }


/* SITE BADGE */
#siteBadge { position: relative; width: 950px; text-align: right; margin: 10px auto 0 auto; }
#siteBadge a {display:block; height:33px; width:144px; background:transparent url(/img/tech_link.png) no-repeat; text-indent:-9999px; float:right; }
#siteBadge a:hover {background-position:0 -33px;}


#sidebarImg { position: relative; text-align: center; }


/* Image Gallery */
#imageGallery { position: relative; display: block; }
#imageGallery a { width: 200px; height: 200px; margin: 5px; }
#imageGallery img { border: 3px solid #4b1612; }
#imageGallery a:hover img { border-color: #f3d57f; }

/* HOME PAGE SOCIAL MEDIA LINKS */
#social_media {display:block; width:255px; top:360px; right:55px; position:absolute; z-index:30;}
#social_media ul {list-style:none;}
#social_media ul li a {background:url(/img/social_sprite.png); height:78px; display:inline;}
#social_media ul #follow {position:absolute; top:0; left:0; display:block; height:78px; width:107px; background:url(/img/social_sprite.png) 0 0 no-repeat; margin:0; text-indent:-9999px;}
#social_media ul #facebook a {position:absolute; top:0; left:108px; display:block; width:72px; background-repeat:no-repeat; background-position:-108px 0; margin:0; text-indent:-9999px;}
#social_media ul #twitter a {position:absolute; top:0; left:179px; display:block; width:76px;  background-repeat:no-repeat; background-position:-179px 0; margin:0; text-indent:-9999px;}


/* Photo Upload Pages */
#photo_submit_link a {display:block; height:114px; background:transparent url(/img/submission_link.jpg); margin:2px 52px 15px 31px; text-indent:-9999px;}
#missing_dog a {width:509px; height:372px; background:url(/img/missing_dog.png); text-indent:-9999px; margin:0 auto; display:block;}
#float_button {position:absolute; width:220px; height:70px; background:url(/img/photo_upload_sprite.png) -215px -121px no-repeat; left:720px; top:30px; display:block; z-index:50; padding:0 0 0 1px;}
#submission_btns {margin:0 auto; margin-top:15px; padding-left:235px;}
.view_gallery a {width:215px; height:58px; background:url(/img/photo_upload_sprite.png) -1px -1px no-repeat; display:block; margin-top:10px; text-indent:-9999px; float:left; margin-right:10px;}
.view_gallery a:active {background-position:-1px -61px;}
.submit_photo a {width:215px; height:58px; background:url(/img/photo_upload_sprite.png) -219px -1px no-repeat; display:block; margin-top:10px; text-indent:-9999px; float:left;}
.submit_photo a:active {background-position:-219px -61px;}
.fileupload {padding: 3px; color: #000; font-weight: bold; border:none; background: url(/img/form_bg.png);}
#submission_sidebar_img {width:260px; height:206px; background:url(/img/photo_upload_side1.png) no-repeat; text-indent:-9999px; margin-top: -60px; margin-left: 5px; float:left;}
.gallery_form {width:320px; float:left; margin-right:10px; margin-bottom:10px;}
.gallery_form label { font-weight: bold; float: left; text-align: right; margin-right: 1em; padding-top: 2px; }
.gallery_form select {width:200px;}
.form_bground {padding:10px 2px 10px 2px; overflow:hidden;}
#submission_gallery {display:block; clear:both;}
#submission_gallery .row {overflow:hidden;}
#submission_gallery .row .photo {width:211px; margin-left:24px; float:left; height: 280px; }
#submission_gallery .row .photo .description {background: url(/img/form_bg.png); padding:2px 2px 2px 4px; width:196px; margin-bottom:25px;}
#submission_gallery .row .photo a {display:block; width:196px; height:134px; border:3px solid #4b1612;} 
#submission_gallery .row .photo a:hover {border-color: #f3d57f;} 
#submission_home_pic {width:935px; height:273px; margin-top:-50px; float:left; display:block;}
#submission_home_content {padding:20px; display:block; clear:both; min-height:300px;}
#gallery_box {width:685px; float:right;}

/* LOAD MORE BUTTON */
.load_more {border:1px solid #3a1206; text-align:center;  display:block; margin:0 20px 20px 25px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.load_more a {background:transparent url(/img/loadmore_sprite.png) 0 0 repeat-x; display:block; text-decoration:none; color:#eedb94; padding:3px 0 3px 0;}
.load_more a:hover {background:transparent url(/img/loadmore_sprite.png) 0 -54px repeat-x; text-decoration:none;}
.loader {display:block; width:54px; height:55px; text-align:center; margin:0 auto; margin-top:20px; margin-bottom:20px; background:transparent url(/img/ajax-loader.gif);}

/* Home Page Photo Submission Link */
#hp_mid_links {display:block; height:114px; margin:15px 52px 15px 31px; overflow:hidden;}
#photo_submit_link a {display:block; width:424px; height:114px; background:transparent url(/img/submission_link.jpg); float:left; margin:0; text-indent:-9999px;}
#gossip_hound {display:block; width:216px; height:114px; background:transparent url(/img/gossip_link.jpg); float:left; margin:0; text-indent:-9999px;}
#dinner_and_movie a {display:block; width:228px; height:114px; background:transparent url(/img/dinner_movie_link.jpg); float:left; margin:0; text-indent:-9999px;}

