@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; background-color: #039bda; background-image: url(images/bg_gradient.jpg); background-repeat: repeat-x;}
#container {width: 975px; margin-left: -487px; left: 50%; position: relative; margin-top: 4px;}
#footer {width: 975px; background-color: #000; clear: both;}
#footerText {width: 150px; height: 13px; background-color: #303131; color: #fff; padding: 5px 12px 5px 12px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; float: left; position: relative;}
#footerLinks {width: 560px; height: 13px; background-color: #303131; color: #fff; padding: 5px 20px 5px 0px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; float: left; text-align: right; position: relative;}
#footerLinks a:link {color: #fff; text-decoration: none;}
#footerLinks a:visited {color: #fff; text-decoration: none;}
#footerLinks a:hover {color: #fff; text-decoration: underline;}
#footerBlack {width: 197px; height: 13px; background-color: #000; color: #fff; padding: 5px 12px 5px 12px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; float: left;}

#content {background-color: #ced0d3; width: 975px;}
#top {width: 975px; height: 100px;}
#logo {width: 435px; height: 78px; float: left;}
#logo img {border: 0;}
#topAd {width: 540px; padding-top: 6px; float: left;}
#topAd img {border: 0;}
#topLinks {width: 975px; text-align: right;}
#topLinks a:link {font-family: Tahoma, Arial, sans-serif; color: #3fb1e2; text-decoration: underline; font-size: 10px;}
#topLinks a:visited {font-family: Tahoma, Arial, sans-serif; color: #3fb1e2; text-decoration: underline; font-size: 10px;}
#topLinks a:hover {font-family: Tahoma, Arial, sans-serif; color: #000; text-decoration: underline; font-size: 10px;}

#navbar {width: 975px; height: 50px; background-color: #000; clear: both;}
#btnEat a {width: 231px; height: 50px; text-decoration: none; background-image: url(images/btn_eat.jpg); background-repeat:no-repeat; display: block; float: left;}
#btnEat a:hover {width: 231px; height: 50px; text-decoration: none; background-image:url(images/btn_eat_over.jpg); background-repeat:no-repeat; float: left;}

#btnDrink a {width: 241px; height: 50px; text-decoration: none; background-image: url(images/btn_drink.jpg); background-repeat:no-repeat; display: block; float: left;}
#btnDrink a:hover {width: 241px; height: 50px; text-decoration: none; background-image:url(images/btn_drink_over.jpg); background-repeat:no-repeat; float: left;}

#btnMadison a {width: 283px; height: 50px; text-decoration: none; background-image: url(images/btn_madison.jpg); background-repeat:no-repeat; display: block; float: left;}
#btnMadison a:hover {width: 283px; height: 50px; text-decoration: none; background-image:url(images/btn_madison_over.jpg); background-repeat:no-repeat; float: left;}

#sponsors {width: 208px; height: 20px; float: left; padding-right: 12px; padding-top: 3px; color: #3fb1e2; font-family: Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; background-image: url(images/bg_sponsors.jpg); background-repeat: no-repeat;}
#sponsors a:link {font-family: Tahoma, Arial, sans-serif; color: #3fb1e2; text-decoration: underline; font-size: 14px;}
#sponsors a:visited {font-family: Tahoma, Arial, sans-serif; color: #3fb1e2; text-decoration: underline; font-size: 14px;}
#sponsors a:hover {font-family: Tahoma, Arial, sans-serif; color: #fff; text-decoration: underline; font-size: 14px;}

#sponsorsAds {width: 200px; height: 524px; padding-left: 10px; float: left; background-color: #ced0d3; border-left: 1px solid #99aab7; margin-top: 19px; font-family: Tahoma, Arial, sans-serif;}
#sponsorsAds img {border: 0; padding-bottom: 7px;}

#sponsors .left {width: 130px; float: left; margin-left: 8px;}
#sponsors .right {width: 60px; float: left; padding-top: 2px;}
#sponsors #restaurants {background: transparent url("images/for_restaurants.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 105px; font: 12px Arial, Helvetica, sans-serif;  padding-bottom: 1px;}
#sponsors #video {background: transparent url("images/video.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 54px; font: 12px Arial, Helvetica, sans-serif; padding-bottom: 1px; margin-top: 3px;}
#sponsors #blog {background: transparent url("images/video.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 54px; font: 12px Arial, Helvetica, sans-serif; padding-bottom: 1px; margin-top: 3px;}
.btnover {color: #fff;}
.btnoff {color: #000;}


/* index styles */
#indexMain {width: 754px; height: 564px; float: left; background-image: url(images/bg_index.jpg); background-repeat: no-repeat; display: block;}
#indexMainNew {width: 754px; height: 564px; float: left; background-image: url(images/bg_index_new.jpg); background-repeat: no-repeat; display: block;}
#indexTopText {width: 560px; color: #264b9e; line-height: 30px; font-size: 24px; font-family: Arial, Helvetica, sans-serif; padding: 80px 90px 0 90px;}
#indexRightText {width: 375px; color: #000; font-size: 12px; font-family: Arial, Helvetical, sans-serif; padding: 220px 50px 0 330px;}
/*#indexRightText {width: 375px; color: #000; font-size: 12px; font-family: Arial, Helvetical, sans-serif; padding: 220px 50px 0 390px;} uncomment when video index goes live */

#indexTop {width: 675px; padding-top: 50px; padding-left: 40px;}
#indexTop h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #264b9e; font-weight: normal;}
#indexTop h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; font-weight: normal; background-color: #CEDDFF; padding: 5px;}
#indexBottom {margin-top: 40px; margin-left: 10px;}
#indexText {width: 754px; padding-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
/*#indexText {width: 754px; padding: 210px 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}*/
#indexLeft {width: 330px; float: left; margin-left: 30px;}
#indexRight {width: 360px; float: left;}

#indexBottom #indexRight .title {font-size: 18px; color: #264b9e; font-family: Arial, Helvetica, sans-serif;}
#indexBottom #indexLeft .title {font-size: 18px; color: #264b9e; font-family: Arial, Helvetica, sans-serif;}
#indexText .title {font-size: 20px; color: #264b9e;}

#indexRightText a:link {color: #339;}
#indexRightText a:visited {color: #339;}
#indexRightText a:hover {color: #000;}

#indexForm {width: 220px; float: left;}
#indexLinks {width: 170px; float: left;}

#indexRightText label {margin: 0; margin-top: 0.4em; text-align: right; width: 70px; float: left; color: #09c;}
#indexText label {margin: 0; margin-top: 0.4em; text-align: right; width: 70px; float: left; color: #09c;}
#indexBottom #indexRight #indexForm label {margin: 0; margin-top: 0.4em; text-align: right; width: 70px; float: left; color: #09c; font-size: 12px;}

/* existing styles */
#indexRightText .br {display:none;}
#indexRightText .textfield {font-family: Arial, Helvetica, sans-serif; color:#333; margin:3px; height:20px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("images/textfield_bg.gif") no-repeat fixed; width: 110px;}
#indexRightText input.textfield {background: transparent url("images/textfield_bg.gif") no-repeat;}
#indexRightText .submit {background: transparent url("images/submit.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 80px; font: 12px Arial, Helvetica, sans-serif; color: #000; padding-bottom: 1px;}

/* new styles */
#indexText .br {display:none;}
#indexText .textfield {font-family: Arial, Helvetica, sans-serif; color:#333; margin:3px; height:20px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("images/textfield_bg.gif") no-repeat fixed; width: 110px;}
#indexText input.textfield {background: transparent url("images/textfield_bg.gif") no-repeat;}
#indexText .submit {background: transparent url("images/submit.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 80px; font: 12px Arial, Helvetica, sans-serif; color: #000; padding-bottom: 1px;}

/* static pages */
#staticMain {width: 754px; height: 564px; float: left;}
#staticBG {width: 720px; height: 458px; margin-top: 19px; margin-left: 8px; background-color: #e4e5e9; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#staticBG a:link {color: #339;}
#staticBG a:visited {color: #339;}
#staticBG a:hover {color: #000;}

h2 {font-size: 24px; font-weight: bold; font-family: Arial, Helvetical, sans-serif;margin-top: 0;}

/* forms */
.row {width: 330px; clear: both;}
.rightRow {width: 390px;}
.leftLabel {width: 130px; float: left;}
.rightLabel {width: 200px; float: left;}
.fieldInput {width: 170px; float: left;}


#leftCol {width: 320px; float: left;}
#rightCol {width: 390px; float: left;}
#staticBG label {margin: 0; margin-top: 0.4em; text-align: right; width: 70px; float: left; color: #09c;}
#staticBG .br {display:none;}
#staticBG .dd {font-family: Arial, Helvetica, sans-serif; color:#333; margin: 5px; width: 150px;}
#staticBG .radio {font-family: Arial, Helvetica, sans-serif; color:#333; margin-top: -5px;}
#staticBG .textfield {font-family: Arial, Helvetica, sans-serif; color:#333; margin:3px; height:20px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("images/textfield_bg.gif") no-repeat fixed; width: 110px;}
#staticBG input.textfield {background: transparent url("images/textfield_bg.gif") no-repeat;}
#staticBG .submit {background: transparent url("images/submit.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 80px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; padding-bottom: 1px;}

.spacer {clear: both; height: 5px;}

.error {color: #f00; font-size: 12px;}

/* search fields */
.check {clear: both;}
.checkbox {float: left;}
.checklabel {float: left; color: #fff;}
.radio {float: left;}
.radiolabel {float: left; color: #fff;}

#keywords {width: 500px; clear: both; padding: 10px 5px 10px 5px; color: #c3af0a; font-family: Arial, Helvetical, sans-serif;font-size: 12px; font-weight: bold;}
#keywords input.textfield {background: transparent url("images/textfield_bg.gif") no-repeat;}
#keywords .textfield {font-family: Verdana, Arial, Helvetica, sans-serif; color:#333; margin:3px; height:20px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("images/textfield_bg.gif") no-repeat fixed; width: 110px;}
#keywords .submit {background: transparent url("images/submit.gif") no-repeat; height: 20px; border:solid 0 #fff; width: 80px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; padding-bottom: 1px;}

#location {width: 100px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#cuisine {width: 110px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#timeofday {width: 115px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#special {width: 135px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#theaters {width: 190px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#sports {width: 250px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}

#drinkspecials {width: 120px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#entertainment {width: 120px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#television {width: 120px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#other {width: 140px; float: left; padding: 0px 5px 0px 5px; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}

#bottomLinks {width: 950px; padding: 10px; color: #c3af0a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#bottomLinks a:link {text-decoration: none; color: #c3af0a;}
#bottomLinks a:visited {text-decoration: none; color: #c3af0a;}
#bottomLinks a:hover {text-decoration: underline; color: #fff;}

#specials {float: left;}
#search {float: right;}

.groupTitle {color: #c3af0a; font-family: Arial, Helvetical, sans-serif;font-size: 12px; font-weight: bold;}

.resultRow {width: 720px; clear: both; padding: 5px; font-family: Arial, Helvetical, sans-serif;color: #000; font-size: 12px;}
.resultName {font-size: 14px; text-decoration: underline;}
.resultName a:link {text-decoration: underline; color: #f00;}
.resultName a:visited {text-decoration: underline;}
.resultName a:hover {text-decoration: underline; color: #c3af0a;}

.resultRating {width: 90px; float: left;}
.resultAddress {width: 200px; float: left;}
.resultDesc {width: 415px; float: left;}

#resultsMain {width: 754px; float: left;}
#resultsBG {width: 720px; min-height: 458px; margin-top: 19px; margin-left: 8px; background-color: #e4e5e9; padding: 10px; font-family: Arial, Helvetical, sans-serif;font-size: 14px;}
#resultsBG a:link {color: #000; text-decoration: underline;}
#resultsBG a:visited {color: #000; text-decoration: underline;}
#resultsBG a:hover {color: #000; text-decoration: underline;}

#detailsLeft {width: 200px; float: left; font-family: Arial, Helvetical, sans-serif;font-size: 12px; color: #000;}
#detailsRight {width: 520px; float: left; font-family: Arial, Helvetical, sans-serif;font-size: 12px; color: #000;}
#detailsRight a:link {color: #58bbe6; text-decoration: underline;}
#detailsRight a:visited {color: #58bbe6; text-decoration: underline;}
#detailsRight a:hover {color: #000; text-decoration: underline;}

.detailsName {font-family: Arial, Helvetical, sans-serif;font-size: 14px; font-weight: bold;}

#additionalTags {width: 955px; clear: both; background-color: #4293b5; color: #fff; padding: 5px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.additionalTagsHeader {font-size: 14px;}

#ataglance {width: 520px; background-color: #fff; color: #2d5c71; font-family: Arial, Helvetical, sans-serif;font-size: 12px;}
#glanceLeft {width: 120px; float: left; margin-left: 5px;}
#glanceRight {width: 390px; float: left;}
#glanceRight a:link {color: #58bbe6; text-decoration: underline;}
#glanceRight a:visited {color: #58bbe6; text-decoration: underline;}
#glanceRight a:hover {color: #000; text-decoration: underline;}

.reviewLabel {width: 100px; float: left;}
.reviewField {width: 420px; float: left;}

.ratingsBack {width: 80px; height: 16px; background-image:url(images/ratingBack.gif); background-repeat: no-repeat;}
.ratingsBackLeft {width: 80px; height: 16px; background-image:url(images/ratingBack.gif); background-repeat: no-repeat;}
.ratingsFront {height: 16px; background-image: url(images/ratingFront.gif); background-repeat: repeat-x;}

.userRatings {width: 90px; float: left;}
.userComments {width: 430px; float: left;}

/* events page */
#eventsBG {width: 720px; min-height: 458px; margin-top: 19px; margin-left: 8px; background-color: #e4e5e9; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#eventsBG a:link {color: #339; text-decoration: underline;}
#eventsBG a:visited {color: #339; text-decoration: underline;}
#eventsBG a:hover {color: #000; text-decoration: underline;}

.eventRow {width: 720px; clear: both; padding-bottom: 10px;}
.eventRow a:link {color: #f00;}
.eventDate {width: 150px; float: left;}
.eventDetails {font-family: Arial, Helvetica, sans-serif; font-family: 14px; width: 570px; float: left;}