/* ---------------------------------------------*/ /* Fried Pickle Review - (c) 2009 */ /* online @ pickles.dizandat.com */ /* */ /* Design and Coded by Abraham Nasser */ /* sintax@dizandat.com */ /* ---------------------------------------------*/ body { margin: 0px auto; background: url(../img/menu-bar.gif) repeat-x #FFF; } body img { border: 0px; } a:link { color: #950000; text-decoration: none; } a:visited { color: #950000; text-decoration: none; } a:hover { color: #a90000; text-decoration: none; } #beta { float: right; margin: -5px -17px 0px 0px; background: url("/img/beta.png") no-repeat; width: 51px; height: 52px; } #arrow { position: absolute; top: 35px; right: 235px; background: url("/img/arrow.jpg") no-repeat; width: 95px; height: 53px; } #lodge-photo { float: left; width: 150px; margin: 3px 15px 10px 13px; } #lodge-contact { float: right; width: 300px; text-shadow: #CCCCCC 2px 2px 2px; } #address { margin: 0px 0px 10px 0px; color: #444444; letter-spacing: .1em; line-height: 17px; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; } #phone { margin: 0px 0px 0px 10px; padding: 1px; line-height: 20px; color: #444444; letter-spacing: .1em; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; padding-left: 25px; background: url("/img/phone.gif") no-repeat; background-position: 0px 0px; } #email a { margin: 0px 0px 0px 10px; padding: 3px; line-height: 20px; color: #444444; letter-spacing: .1em; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; padding-left: 25px; background: url("/img/email.gif") no-repeat; background-position: 0px 0px; } #url a { margin: 0px 0px 0px 10px; padding: 3px; line-height: 20px; color: #444444; letter-spacing: .1em; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; padding-left: 25px; background: url("/img/globe.gif") no-repeat; background-position: 0px 0px; } #lodge-info { margin: 0px; text-align: justify; color: #444444; letter-spacing: .1em; line-height: 17px; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; } #lodge-stats1 { float: left; padding-bottom: 10px; text-align: left; } #lodge-stats2 { float: right; padding-bottom: 10px; text-align: right; } #photo-tour { margin: 7px 0px 2px 7px; padding: 3px; background: #FFF; border: 1px solid #A1A1A1; width: 100px; height: 80px; } #button-image { float: left; margin: 0px 10px 15px 13px; } #button-info { padding-top: 2px; color: #444444; letter-spacing: .1em; line-height: 20px; font-size: 11px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; } #button-info input { width: 135px; color: #222; font-size: 10px; height: 11px;} #update a { margin: 15px 12px 0px 0px; float: right; letter-spacing: .1em; font-size: 11px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; } #clear { clear: both; } #map { margin: 10px 0px 10px 13px; width: 455px; height: 200px; border: 1px solid #333333; } #reviewer { text-align: left; margin-bottom: 10px; margin-left: 12px; font-style: italic; font-weight: bold; font-size: 11px; color: #158200; } /* ---------------------------------------------*/ /* SPLASH PAGE LAYOUT */ /* ---------------------------------------------*/ #splash-wrap { width: 484px; margin: 75px auto; margin-bottom: 0px; } #splash-wrap h1 { clear: both; margin: 0px; text-indent: 13px; color: #158200; letter-spacing: .1em; font-size: 18px; font-family: Geneva, Arial, Trebuchet MS, Helvetica, Trebuchet; font-weight: normal; padding-bottom: 5px; border-bottom: 1px dotted #CCC; text-shadow: #CCCCCC 2px 2px 2px; } #splash-wrap h2 { margin: 0px; color: #158200; letter-spacing: .1em; font-size: 16px; font-family: Geneva, Arial, Trebuchet MS, Helvetica, Trebuchet; font-weight: normal; text-shadow: #CCCCCC 2px 2px 2px; } #splash-wrap h3 { margin: 20px 0px 5px 0px; text-indent: 13px; color: #045986; letter-spacing: .1em; font-size: 16px; font-family: Geneva, Arial, Trebuchet MS, Helvetica, Trebuchet; font-weight: normal; padding-bottom: 5px; border-bottom: 1px dotted #CCC; text-shadow: #CCCCCC 2px 2px 2px; } #splash-wrap p { margin: 10px 12px 0px 12px; color: #333; letter-spacing: .1em; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-align: justify; text-shadow: #CCCCCC 2px 2px 2px; } #splash-logo { width: 484px; height: 125px; background: url(../img/splash-header.jpg) no-repeat; } #splash-footer { width: 484px; height: 43px; background: url(../img/splash-footer.gif) no-repeat; padding: 12px 0px 0px 15px; font-size: 12px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; letter-spacing: .1em; } #splash-footer a { color: #950000; text-decoration: none; text-shadow: #A1A1A1 2px 2px 2px; } #splash-footer a:hover { color: #600e0e; } #line { clear: both; height: 10px; margin: 15px 0px 0px 0px; border-bottom: 1px dotted #CCC; } #line2 { clear: both; height: 10px; margin: 15px 0px 15px 0px; border-bottom: 1px dotted #CCC; } #line3 { clear: both; height: 5px; margin: 0px 0px 0px 0px; border-bottom: 1px dotted #CCC; } #results { margin-top: 20px; } #activity { clear: both; text-align: center; padding: 30px 0px 30px 0px; font-size: 12px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; letter-spacing: .1em; color: #333; } #copywrite { margin-bottom: 10px; text-align: center; font-size: 8px; color: #CCCCCC; text-transform: uppercase; font-family: Arial, Geneva, Trebuchet MS, Helvetica, Trebuchet; letter-spacing: .2em; } #copywrite a { text-decoration: none; color: #CCCCCC; } #copywrite a:hover { text-decoration: none; color: #600e0e; } #count1 { float: left; text-align: left; color: #444444; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; } #count1 a { text-decoration: none; color: #950000; } #count2 { float: right; margin-right: 30px; text-align: right; color: #600e0e; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; } #count2 a { text-decoration: none; color: #950000; } #state { float: left; text-align: left; width: 145px; margin: 15px 0px 0px 15px; color: #333; letter-spacing: .1em; font-size: 12px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; line-height: 15px;} #addLodge { float: left; margin: 10px 0px 8px 0px; width: 170px; height: 30px; background: url(../img/add-button.gif) no-repeat; text-align: center; line-height: 30px; } #addLodge a { text-decoration: none; color: #045986; font-size: 14px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #A1A1A1 1px 1px 2px; font-weight: bold; } #addLodge a:hover { color: #2688bb; } #addLodge #current { color: #2688bb; } #highlight { margin: 7px 12px 7px 12px; text-align: center; color: #333; background: url(../img/notes-bg.gif) repeat-x; line-height: 27px; text-shadow: #FFFFFF 1px 1px 1px; } #floatRight { float: right; margin: 10px -135px 10px 10px; width: 125px; } #vote { margin-bottom: 10px; padding: 2px 0px 0px 0px; background: #f5f5f5; border: 1px solid #666; text-align: center; } #vote h2 { color: #045986; font-size: 11px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #A1A1A1 1px 1px 2px; font-weight: bold; text-transform: uppercase; padding: 3px 0px 0px 0px; } #vote p { margin: 0px 0px 5px 0px; padding: 0px; text-align: center; } #voteYes { padding-bottom: 7px; color: #6cb21c; font-weight: bold; font-size: 16px; } #voteNo { padding-bottom: 7px; color: #d4370f; font-weight: bold; font-size: 16px; } #addThis { } #addThis a { } /* ---------------------------------------------*/ /* APPLE STYLE SEARCH BOX */ /* ---------------------------------------------*/ #searchbox { float: right; margin: 10px 0px 8px 0px; } #searchform { margin: 0; padding: 0; } #searchform fieldset { margin: 0; padding: 0; border: 0; } #searchform label { color: #999; display: none; } #searchform input { width: 180px; color: #222; } #searchform #submitquery{ display: none; } #searchfor { text-align: right; color: #A1A1A1; font-size: 11px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; padding-top: 3px; } /* ---------------------------------------------*/ /* MENU WITH ALTERNATING BACKGROUNDS */ /* ---------------------------------------------*/ #menuholder { width: 484px; margin: 6px auto; margin-bottom: 0px; } #menutab ul { margin-left: 0; margin-top: 0; padding-left: 0; white-space: nowrap; } #menutab li { display: inline; list-style-type: none; padding-left: 14px; padding-right: 11px; margin: 0px; } #menutab a { color: #666666; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #DDDDDD 2px 2px 2px; font-weight: bold; } #menutab li a:hover { color: #333333; } #menutab li #current { color: #333333; } #menubox { float: left; width: 420px; margin: 0px auto; margin-bottom: 0px; } #navcontainer { font-size: 14px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #BBBBBB 1px 1px 2px; font-weight: bold; } ul#navlist { margin-left: 15px; padding-left: 0px; padding-top: 8px; } #navlist li { display: inline; list-style-type: none; padding-right: 20px; } #navlist li a { color: #C36127; } #navlist li a:hover { color: #E17817; } #navlist li #current { color: #E17817; } /* ---------------------------------------------*/ /* TABLE WITH ALTERNATING ROWS */ /* ---------------------------------------------*/ #new table td img { padding-bottom: 2px; } #results table { width: 484px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 0px; } #results td { height: 30px; border-bottom: 1px dotted #CCC; background: #fff; color: #333; letter-spacing: .1em; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; } #results td a { color: #004e80; text-decoration: none; } #results td a:hover { color: #003557; } #results td img { border: 0; } #results td.alt { background: #F5FAFA; color: #797268; } #contact table { width: 471px; margin-top: 15px; margin-bottom: 0px; padding: 0px 0px 0px 13px; } #contact td { height: 30px; border-bottom: none; background: #fff; color: #333; letter-spacing: .1em; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-shadow: #CCCCCC 2px 2px 2px; } #contact td a { color: #004e80; text-decoration: none; } #contact td a:hover { color: #003557; } #contact td img { border: 0; } #contact td.alt { background: #F5FAFA; color: #797268; } #contact p { margin: 13px 0px 0px 0px; color: #333; letter-spacing: .1em; font-size: 12px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; text-align: justify; text-shadow: #CCCCCC 2px 2px 2px; line-height: 15px; } #add table { width: 470px; margin-top: 15px; margin-bottom: 0px; padding: 0px 0px 0px 13px; } #add th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border-right: 1px solid #424242; border-bottom: 1px solid #424242; border-top: 1px solid #424242; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #55606c url(/img/table.jpg) no-repeat; text-shadow: #000 2px 2px 0px; } #add th.nobg { border: 1px solid #424242; } #add td { border-right: 1px solid #424242; border-bottom: 1px solid #424242; background: #fff; padding: 6px 6px 6px 12px; color: #333; letter-spacing: .1em; text-shadow: #FFF 2px 2px 0px; background: #e5e5e5 url("/img/menubar.gif") repeat-x; font-size: 11px; } #add td a { color: #004e80; text-decoration: none; } #add td a:hover { color: #003557; } #add td img { border: 0; } #add td.alt { background: #F5FAFA; color: #797268; } #vote table { width: 100px; margin: 0px 0px 0px 10px; padding: 0px; } #vote td { background: #000; border: none; background: none; padding: 0px; margin: 0px; } #vote td img { border: 0; } #vote td input { margin: 0px; padding: 0px; } #example1 { margin: 10px 0px 0px 0px; font-weight: bold; } #example2 { margin: 10px 0px 3px 0px; font-weight: bold; } #example3 { margin: 0px; font-weight: normal; } #example4 { margin: 0px; font-weight: normal; font-size: 11px; letter-spacing: 1px; } #example-error1 { color: #750600; margin: 10px 0px 0px 0px; font-weight: bold; } #example-error2 { color: #750600; margin: 10px 0px 3px 0px; font-weight: bold; } #example-error3 { color: #750600; margin: 0px; font-weight: bold; } #invitation { text-align: center; width: 170px; margin: 15px 0px 0px 0px; padding: 7px; font-size: 13px; font-family: Arial, Trebuchet MS, Helvetica, Trebuchet; background: #f0f1ea; border: solid 1px #999999; text-shadow: #FFFFFF 2px 2px 0px; letter-spacing: .1em; color: #980000; letter-spacing: 2px; } /* ---------------------------------------------*/ /* POPBOX SCRIPT STYLING */ /* ---------------------------------------------*/ .PopBoxImageSmall { border: solid 1px #444444; padding: 2px; cursor: url(/img/magnify.cur), pointer; } .PopBoxImageLarge { border: solid 1px #444444;cursor: url(/img/magnify.cur), pointer; } .PopBoxImageShrink { cursor: pointer; } .PopBoxImageLink { cursor: pointer; } .PopBoxImageMove { border: solid 1px #444444; cursor: url(/img/magnify.cur), pointer; }