/*------------------------------------- Element styles -------------------------------------*/ body { text-align:center; font-family:Georgia; color:#44484E; background:#D9D9CE url(../images/orange_bg.png) repeat-x; margin:0px; } * { padding:0; margin:0;} b, strong, i, em { font-family:Georgia; } /* links */ a {text-decoration: none;} a:hover {} a:focus { outline:none;} a:visited {} /* Global Classes ------------------------------------------------------------ */ .clear { clear:both;} .clear-left { clear: left; } .center { margin: 0 auto;} .block { display: block; } .space { display: block; height: 5px; } .float-left, .left { float:left; } .float-right, .right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .normal { font-weight: normal; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .img-left { float:left; margin:4px 10px 4px 0; } .img-right { float:right; margin:4px 0 4px 10px; } .nopadding { padding:0; } .nomargin { margin:0; } .noindent { margin-left:0; padding-left:0; } .nobullet { list-style:none; list-style-image:none; list-style-type: none;} .noborder { border:none; } .hide {display: none;} .nobackground { background:none; } .altfont { font-family:Arial, Helvetica, sans-serif; } .absolute-container { position:relative; } .black { color: #000; } .last-li { border-bottom: 0; } .module-border { border: 2px solid #eee; } .gray {color: #888;} .black {color: #000;font-weight: bold;} #beta_blog { background: url(../images/uptab.png) no-repeat; position: absolute; width: 130px; height: 43px; color: #CC6600; margin-left: 240px; padding-left: 20px; padding-top: 10px; } /* Inserts a horizontal rule */ hr {border: 0px; color: #cccdbf; background-color: #EAEADE; height: 1px; margin: 0px 0px 0px 0px;} /* Indents text from both sides */ blockquote {} img {border:0;} input { font-family:Georgia, "Times New Roman", Times, serif;} .error {background:#993300; font-family:Arial, Helvetica, sans-serif; color:#ffffff; width:600px; padding: 10px; margin: 15px 0px 25px 0px;font-size: 14px;} /*------------------------------------------- Top header styles -------------------------------------------*/ .top_container {text-align:center; width: 771px; color:#ffffff; text-align:left; height:144px;} .top_container span{float:right; margin: 8px 5px 0px 0px;} .search_container {margin: 0px 0px 30px 0px; padding:17px 0px 13px 150px;} .search_container span {border: 1px solid #999999; float:left; background-color: #EFEFEF; } .search_container p{float:left; padding: 5px 10px 0px 0px; color:#333333; font-size:18px;} .search_container img {float:left;} #search_box {background:#EFEFEF; color:#999999; width:300px; border: 0; float:left; padding: 6px 3px 6px 8px; margin: 0px 0px 0px 0px;font-size: .9em;} h1.flypost-logo {float: left; width: 253px; height: 125px; background: url("../images/logo.png") no-repeat; margin: 0px 0px 0px 0px; } h1.flypost-logo a {float: left; height: 0; width: 253px; padding-top: 114px; overflow: hidden;} h1.search_header { background: #FFF; margin: 0px 10px 10px 10px; padding: 5px 0px 5px 10px; font-size: 22px; } .login {color:#A4A6A3; float:right; font-size:.8em; padding:0px 0px 0px 0px; margin: 8px 20px 0px 0px;} .login a{padding:0px 0px 0px 0px; color:#8F8F8D;} .login a:hover{text-decoration:underline; padding:0px 0px 0px 0px; color:#8F8F8D;} #my_location { position: absolute; margin-top: 35px; width: 250px; margin-left: 499px; text-align: right; font-size: 12px; color: #8F8F8D; } #my_location a { color: #CC6600; } #livesearch { position: absolute; margin-left: 234px; top: 201px; margin-right: -2px; width: 305px; height:1px; overflow: visible; opacity: 0.95; text-align:left; } /*------------------------------------------- Layout styles -------------------------------------------*/ #container_wrapper {width:771px; padding: 0px 0px 0px 0px; text-align:center; margin: 0 auto; background:inherit;} .content_wrapper_nonmember { float:left; width: 730px; margin: 10px 0px 0px 21px; background:#fff;} .content_wrapper {float:left; width: 730px; border-top:none; margin: 10px 0px 0px 21px; padding: 0px 0px 0px 0px; background:#EAEADE;} .content {width:712px; background:none; padding:0px 0px 20px 18px; margin: 0px 0px 0px 0px; text-align:left; font-size:14px; color:#6B6B62; float: left; } .content a{color:#57574D;} .content a:hover{color:#CC6600;} .content .top{margin:-15px 20px 20px 20px;} .content div span{color:#D98C40; background:inherit; font-size:14px;} .sign{width:650px;float:left; border: 1px solid #CCCCBF; background:#fff;padding: 20px; margin: 0px 0px 20px 0px;} h1{font-size:30px; color:#6C6C62; font-weight:normal;} h2{font-size:16px; color:#6C6C62; font-weight:normal; font-family:"Times New Roman", Times, serif;} h3{font-size:18px; color:#57574D; font-weight:normal; font-family:"Times New Roman", Times, serif;} .content .sign span{color:#D98C40; background:inherit; font-size:14px;} .input_sign {font-family:Arial, Helvetica, sans-serif; color:#C0C1B1; font-size:14px; font-weight:bold; padding: 3px; border:1px solid #B8B8A9; width: 294px; margin: 3px 0px 20px 0px; float: left;} .input_sign:focus {color:#000000; font-size:14px; font-weight:bold; padding: 3px; border:1px solid #D98C40; width: 294px;} .input_sign.tab { margin-bottom: 3px; margin-top: 3px; height: 14px; font-size: 10px; font-weight: normal; width: 140px; } .login_submit { margin-top: 8px; color: #000; border: 1px solid #B8B8A9; padding: 3px; background-color: #e4e5d8; } .login_submit:hover { background-color: #FFF; border: 1px solid #D98C40; cursor: pointer; } .back {font-size:18px; color:#333333; margin: 10px 20px 0px 0px;} /*------------------------------------------- Small ad area -------------------------------------------*/ .ad_area {float:left; width: 730px; float:left; font-size:.8em; background:#CCCCBF; color:#57574D; margin: 10px 0px 0px 0px; padding:0px 0px 0px 0px;} #ad_area_wrapper {text-align:left; padding: 10px 10px 10px 15px; font-family:Arial, Helvetica, sans-serif; height:100px;} #ad_area_wrapper strong{color:#000000; font-size: 13px;font-family:Arial, Helvetica, sans-serif;} #ad_area_wrapper p{margin:0px 0px 10px 0px;} #ad_area_wrapper div {float:left; display: block !important; height:16px; width:16px; margin: 0px 2px 2px 0px; background:#929287;} .ad_area a{ color:#ffffff;} .ad_area strong{color:#FF9E3E;} /*------------------------------------------- sub page styles -------------------------------------------*/ .sub_wrapper { float:left; width: 690px; padding: 0px 0px 0px 0px; margin: 10px 20px 30px 0px; border: 1px solid #CCCCBF;} #flyers_wrapper {float:left; width: 690px; padding: 0px 0px 5px 0px; margin: -1px 0px 0px 0px; border: 1px solid #CCCCBF;} .border_upload {float:left; width: 690px; padding: 0px 0px 0px 0px; margin: 10px 20px 30px 20px; border: 1px solid #CCCCBF;} .border_upload div{float:left; width:664px; padding: 10px; margin: 3px; background:#FFFFFF;} .border_wrapper {float:left; width: 690px; padding: 0px 0px 0px 0px; margin: 10px 0px 30px 0px; border: 1px solid #CCCCBF;} .border_wrapper div{float:left; width:664px; padding: 10px; margin: 3px; background:#FFFFFF;} /*------------------------------------------- Flyer View styles -------------------------------------------*/ .view {float:left; width:684px; margin: 3px; background:#fff; text-align:center;} .full-image { width:684px; background:none; float:left; margin: 5px 0px 10px 0px; padding:0px; text-align:center;} .full-image img { max-width: 660px; } .details {width:660px; padding: 15px 0px 10px 10px; float: left; background:#ffffff; text-align:left; font-size:13px} .details p{color:#000;} .details h1{color:#CC6600;} .details h2{color:#CC6600;} #more_details {float: left; margin: 0px 0px 0px 0px; width:520px;} #more_details .address { padding: 10px 10px 10px 0px; width: 500px; } #more_details .description { padding: 10px 10px 10px 0px; width: 480px; border-top: 1px solid #EAEADE;} #more_details .description a {color:#CC6600;} ul#viewing {font-size:12px; list-style:none; width:125px; border: 1px solid #EAEADE; padding: 15px 0px 0px 10px; margin-bottom: 10px; } #viewing li {float: left; width:125px; padding: 0px 0px 3px 0px;} .attending {padding:5px 0px 5px 0px; text-indent: 20px; float:left; width:103px; } .attending {background:url(../images/attendance.png) no-repeat; background-position: 2px 0px; cursor: pointer;} .attending:hover { background-position: 2px -24px;} .attending.yes { background-position: 2px -24px; cursor: default;} #saveit { cursor: pointer } #saveit.faded { cursor: default } #posted_by { border: 1px solid #EAEADE; float: left; width: 125px; padding: 5px; } #posted_by img { float: left; margin-right: 8px; border: 0px; } .location { width: 320px; float:left; margin: 0px 5px 0px 0px; font-weight:normal; border: 1px solid #FFF; padding: 1px; } .location h3 { padding-left: 10px; color: #CC6600; margin-bottom: 3px; } #gmap {width: 316px; margin-left: 1px; height: 316px; border: 1px solid #B8B8A9; text-align: center; overflow: hidden;} /* Comment posting */ .comment { float:left; padding: 2px; font-size:12px; border: 1px solid #FFF; width: 351px; } .comment h3 { padding-left: 10px; color: #CC6600; margin-bottom: 3px; } .comment p{font-size:11px; margin: 5px 0px 0px 0px;} .comment b{color:#575746;} .comment img{float:left; padding: 0px; margin: 1px 8px 0px 0px;} ul#comment_area{list-style:none;} ul#comment_area li {float:left; padding: 10px 10px 10px 10px; background:#FBFBFA; width:330px; margin: 1px 0px 0px 0px;} #postarea {font-size:13px; color:#B7B8A8; font-weight:normal; padding: 5px; background:#fff; margin-top: 2px; float: left; width: 340px; } #postarea a { display: block; } #postcomment span { padding: 7px;} #postcomment a { display: inline; } #postcomment textarea {border: 1px solid #EBEBE5; width: 240px; height: 85px; font-family: Georgia; font-size: 11px; padding:3px; margin: 7px; float: left; } #postcomment textarea:focus { border: 1px solid #D98C40;} /* rating section */ .rating_container {clear:both;} .rating_container a {float:left; display:block; width:16px; height:16px; border:0; margin: 0; background-image:url("../images/stars/rating.gif");} .rating_container a.rating_off {background-position:0 0px;} .rating_container a.rating_half {background-position:0 -16px;} .rating_container a.rating_on {background-position:0 -32px;} .rating_container a.rating_selected {background-position:0 -48px;} .rating_container a.rating_half_selected {background-position:0 -64px;} /* rating section */ .rating_container_list {clear:both;} .rating_container_list a {float:left; display:block; width:16px; height:16px; border:0; margin: 0px 0px 0px 0px; background-image:url("../images/stars/rating.gif");} .rating_container_list a.rating_off {background-position:0 0px;} .rating_container_list a.rating_half {background-position:0 -16px;} .rating_container_list a.rating_on {background-position:0 -32px;} .rating_container_list a.rating_selected {background-position:0 -48px;} .rating_container_list a.rating_half_selected {background-position:0 -64px;} .content_nonmember h1{float:left; color:#CC6600; font-size:36px; margin: 0px 20px 0px 0px;} .welcome {width: 620px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 50px; text-align:left;} .welcome p{font-weight:bold; color:#4C4C4C; font-size:19px;} .welcome ul {color:#757568; margin: 20px 0px 0px 20px;} .welcome li { list-style-image:url(../images/star.png); float:left; width:270px; margin: 0px 30px 20px 0px;} .welcome li a { color: #CC6600; } /* cities */ .city_wrapper {width: 680px; padding: 5px 0px 5px 0px; margin:10px 0px 25px 25px; border-style:solid; text-align:left; border-width: 1px 0px 1px 0px; border-color:#E1E1DA; background: url(images/city_bg.png); background-repeat:repeat-x; color:#44484E;} .city_wrapper h2{color:#4C4C4C; font-size:20px;} .city_wrapper a{color:#757568;} .city_wrapper a:hover{color:#CC6600;} .city_column {float:left; width: 200px; padding: 0px 10px 0px 10px;} .city_column h2{font-size:16px; color:#CC6600; font-weight:normal; font-family:"Times New Roman", Times, serif;} .city_column h3{font-size:16px; color:#CCCCCC; font-weight:normal; font-family:"Times New Roman", Times, serif;} .city_column li{margin-left:0px; padding:3px 0px 3px 10px; list-style:none; border-top-color:#EEEEEE; border-top-style:solid; border-top-width:1px} .city_welcome p{color:#757568; font-size:14px} .city_welcome p a{color:#CC6600} .city_welcome p a:hover{text-decoration:underline} .city_welcome strong {font-size:16px; color:#CC6600; font-weight:normal; font-family:"Times New Roman", Times, serif;} .recent_flyer {float:left; width:335px; margin:0px 30px 0px 0px; padding:0px 0px 0px 25px; text-align:left;} .highest_flyer {float:left; width:330px; color:#6C6C62; font-size:12px; text-align:left;} .highest_flyer .flyer{float:left; padding:0px 10px 0px 0px; max-width: 180px; } .highest_flyer div{float:left;} .highest_flyer h4 {font-size:16px; color:#CC6600;} .highest_flyer h4 a {font-size:16px; color:#CC6600;} .highest_flyer span {font-family:Arial, Helvetica, sans-serif; font-size:13px;} .highest_flyer div a span { color:#757568; } .highest_flyer p { clear: both; } .recent_flyer h3, .highest_flyer h3{color:#4C4C4C; font-size:15px; margin:0px 0px 5px 0px;} .login_right {float:left; width:300px; padding: 20px 0px 0px 0px;} .login_left{float:left; width:300px; padding: 20px 20px 0px 0px;} .login_left hr, .login_right hr, .forgot_pass hr {border:0px; height:1px; background:#CC6600; margin:5px 0px 10px 0px; } .login_left h4, .login_right h4 {font-size:12px;} .faded {alpha(opacity=40); -moz-opacity:.40; opacity:.40;} .search_results { padding: 5px 5px 5px 5px; float: left; width: 331px; background:#ECECEA url(../images/search_bg.png) 0 0 repeat-x; border:1px solid #999894; border-bottom:0; display: block; color: #535548; } .search_results .sr_image { float: left; height: 45px; width: 45px; margin: 0px 6px 6px 0px; text-align: middle; } .search_results .sr_details { float: left; width:238px; font-size: 12px; } .search_results .sr_title { font-size: 13px; font-weight: bold; } .search_results:hover { background: #ECECEA; } .search_results img {max-height: 40px; max-width: 40px; _height: expression(this.height > 40 ? 40 : true); _width: expression(this.width > 40 ? 40 : true);} .search_results.last { border-bottom: 1px solid #999894; } .sr_more { width:333px; padding: 8px 5px 8px 5px; text-align: left; font-size: 12px; background: #CC6601; } .sr_more a { color: #FFF; } /* Email Flyer */ #email-it-container {float:left; width: 100%; border:1px solid #ebebe5; background-color: #eeeee5; padding:0; text-align:left;} #email-it-form { margin:15px; z-index:100;} #email-it-form input,textarea {width:280px; border:1px solid #999999; margin-bottom:5px;} #email-it-form textarea { height:70px;} #email-it-form input.submit {width:auto;} #email-it {cursor:pointer;} #email-it-status, #email-it-message {margin:15px; float:left;} /* tabbing area */ .content_top {float:left; width:700px; padding:8px 10px 5px 0px; margin: 0px 0px 0px 0px; text-align:left; font-size:12px; color:#6B6B62;} .content_top .categories {float:left; height: 18px;} .content_top .categories a{color:#89886B; height: 18px;} .content_top .categories a:hover{color:#000} /* .content_top .categories a:active{color:#000; height: 18px; padding: 5px;} */ .content_top .page_current {font-size: 12px;font-family:"Times New Roman", Times, serif; float:left; border:1px solid #CC6600; color:#ffffff; padding: 0px 3px 0px 3px; background:#cc6600; margin: 0px 2px 0px 3px;} .content_top .page_noncurrent {font-size: 12px;font-family:"Times New Roman", Times, serif; float:left; border:1px solid #CCCCBF; color:CCCCBF; padding: 0px 3px 0px 3px; background:#ffffff; margin: 0px 1px 0px 3px;} .ellipsis {float:left; padding: 0px 0px 0px px;} .categories a.active {color: #333; border-width: 1px 1px 0px 1px; border-style:solid; border-color:#CCCCBF; background-color:#CCCCBF; } .content_top ul { list-style:none; } .content_top li{ float:left; } .content_top li a{ height: 18px; padding: 8px 8px 8px 8px; } .column {float:left; width: 206px; margin: 20px 0px 5px 15px;} .column div div{float:left; width:190px; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background:url(../images/list_view_bg.jpg) repeat-x #F4F4EE;} .content div span{font-size:11px; color:#57574D; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } .flyer_detail {float:left;width:200px; border: 1px solid #CCCCBF; margin: 0px 0px 20px 0px; padding:3px 3px 3px 3px; background:#fff; text-align:center;} .flyer_detail img {margin: 3px 0px 3px 0px; width: 200px;} .flyerlistitem {background: #FFFFFF; padding: 10px; float: left; width: 660px; margin: 5px 0px 0px 5px;} .flyerlistitem.alt { background: #FBFCF7;} .flyerlistitem .flyerimage {width: 80px; margin-right: 10px; float: left;} .flyerlistitem .flyerimage img {max-width: 80px; _width: expression(this.width > 60 ? 60 : true);} .flyerlistitem .attendcomments {width: 120px; float: left; margin-left: 10px;} .flyerlistitem .attendcomments div {border: 1px solid #EAEBE5; margin-bottom: 2px; background: #FFF; padding-top: 2px; padding-bottom: 2px; font-size: 12px;} .flyerlistitem .attendcomments a {border: 1px solid #EAEBE5; margin-bottom: 2px; background: #FFF; padding-top: 2px; padding-bottom: 2px; font-size: 12px; display: block; text-align: center; vertical-align: middle; } .flyerlistitem .attendcomments a.submitted_link { display: inline; border: 0px; background: transparent; } .flyerlistitem .attendcomments a img { vertical-align: middle; } .flyerlistitem .description {float: left; width: 430px;} .flyerlistitem h1 {color: #CC6600; font-size: 18px; font-weight: normal; margin-bottom: 5px;} .flyerlistitem .content_info {float: left;font-size: 12px;margin-top: 3px;} .flyerlistitem .content_title {color: #000; font-size: 12px; margin-top: 3px; float: left; margin-right: 8px;} .flyerlistitem .notes {font-size: 12px;margin-top: 8px;margin-bottom: 12px;} .flyerlistitem .postedby {margin-top: 8px; font-size: 12px; font-weight: normal; color: #000;} .flyerlistitem .postedby img {margin-top: 4px; max-width: 50px; _width: expression(this.width > 30 ? 30 : true);} .flyerlistitem .facebooklink {margin-top: 7px; background: url(../images/facebook.gif) no-repeat; } .fb_share_link { padding:2px 0 0 20px; font-size: 12px; height:16px; } .results_header { font-size: 14px; font-weight: bold; color: #000; margin-bottom: 6px; } /*.view { margin:0px 25px 50px 20px; border: 1px solid none;} .view h1{font-size:24px; color: #cc6600;} .view h2{font-size:17px; color:#6C6C62; font-weight:normal;} .view h3{font-size:17px; color:#A6A6A0; font-weight:bold; border: 1px solid #EBEBE5; float:left; width:inherit; padding: 5px; background:#EAEADE; } .view h4{font-size:15px; color:#6C6C62; font-weight:bold; float:left; padding: 0px 5px 0px 0px; float:left;} */ /*------------------------------------------- Footer styles -------------------------------------------*/ .footer_container {float:left; width: 730px; float:left; font-size:.8em; background:#B0AEA5; color:#D1D0C6; margin: 10px 0px 20px 21px; padding:10px 0px 10px 0px;text-align:center;} .footer_container a{ color:#EAEADE;} .footer_container strong{color:#D1D0C6;} /* Homepage Map */ #homemap { width: 335px; height: 335px; border: 1px solid #E1E1DA; } /* No Results Styles */ div.sorry { margin: 5px; padding: 25px; background: #FFF; } div.sorry h2 { color: #CC6600; font-size: 24px; font-weight: bold; margin-bottom: 4px; } div.sorry p { margin-bottom: 5px; font-size: 16px; } div.sorry p a { color: #CC6600; font-weight: bold; } /* BigTree WYSIWYG Content */ #bt_content { } #bt_content h1 { color: #CC6600; margin-bottom: 15px; } #bt_content strong { color: #CC6600; } #bt_content a { color: #CC6600; }