/* Downtown Sioux Falls Main stylesheet styles.css Benjamin Bertrand, Karla Santi of Blend Interactive, Inc. Copyright © 2009 Downtown Sioux Falls ,Inc. */ /***** BROWSER RESET ****************************/ hmtl,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, iframe,object,pre,span,form,fieldset,textarea,p,blockquote, table,caption,tbody,tfoot,thead,tr,td,a,abbr,acronym,address,code, del,dfn,em,img,q,dl,dt,dd,ol,ul,li, fieldset,form,label,legend { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} address,caption,cite,code,dfn,var,td { font-style:normal; font-weight:normal; } table { border-collapse:collapse; border-spacing:0; } caption,th { text-align:left; } strong,th { font-weight:bold; } fieldset,img { border:0; } ol,ul { list-style:none; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } abbr,acronym { border:0; } /***** BODY *************************************/ body { color:#222; background:#d2dacf; border:0; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:75%; font-style:inherit; font-weight:inherit; line-height:1.5; margin:0; padding:0; text-align:center; } * html>body { font-size:12px; } h1 { font-size:3em; font-weight:normal; line-height:1; padding-bottom:0.5em; } h2 { font-size:2em; font-weight:normal; padding-bottom:0.75em; } h3 { font-size:1.25em; font-weight:normal; line-height:1; padding-bottom:1em; } h4 { font-size:1.2em; font-weight:normal; line-height:1.25; padding-bottom:1.25em; } h5 { font-size:1em; font-weight:bold; padding-bottom:1.5em; } h6 { font-size:1em; font-weight:bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } a img { border:none; } p { padding:0 0 1.5em; } p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; } p img.right { float:right; margin:1.5em 0 1.5em 1.5em; } a:focus, a:hover { color:#000; } a { color:#009; text-decoration:underline; } blockquote { background:#C5DDD6; color:#fff; font-family:Georgia,serif; font-style:italic; font-size:1.25em; margin:1.5em 0; padding:1.5em; } blockquote p, blockquote div, blockquote cite { margin:0; padding:0; } em,dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { margin:0 0 1.5em; font-style:italic; } del { color:#666; } pre { border:1px solid #666; margin:1.5em 0; overflow:auto; white-space:pre; } pre,code,tt,kbd,samp { font:1.125em 'andale mono', 'lucida console', monospace; line-height:1.5; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:bold; } dd { margin-left:1.5em;} ul { list-style-type:disc; } ol { list-style-type:decimal; } ol, ul { margin-bottom:0.5em; } ol li, ol li li li { list-style-type: decimal; } ol li li { list-style-type:upper-roman; } ol li li li li { list-style-type:lower-roman; } ul li, ul li li li { list-style-type:disc; } ul li li, ul li li li li { list-style-type:circle; } textarea { border:1px solid #666; } legend { font-weight:bold; font-size:0.8em; text-transform:uppercase; } table { margin-bottom:1.4em; width:100%; } th { font-weight:bold; } thead th { background:#c3d9ff; } th,td,caption { padding:4px 10px 4px 5px; } tr.even td { background:#e5ecf9; } tfoot { font-style:italic; } caption { background:#eee; } /***** LAYOUT *************************************/ #PageWrapper { background:#b4c2af url(../images/bg.gif) 30px 0 no-repeat; margin:0 auto; position:relative; text-align:left; width:1000px; } /***** HEADER *************************************/ #Header { color:#555420; height:7.75em; position:relative; } #Header h1 { margin-left:22px; padding-top:0.4722em; position:relative; width:335px; } #Header .menu { font-size:0.8333em; right:14px; position:absolute; text-transform:uppercase; top:20px; } #Header .menu a { color:#555420; text-decoration:none; } #Header .menu a:hover { color:#8DEAFF; text-decoration:underline; } #Header .menu .active a { color:#fff; } #Header .menu .active a:hover { color:#8DEAFF; text-decoration:underline; } #Header .menu ul { list-style-type:none; } #Header .menu li { display:inline; } #Header .menu li a { padding:3px 6px; } #Header .Weather { padding:3px 6px 3px 0; } #Header .Weather .Condition { font-weight:bold; padding:3px 3px 3px 6px; } #Header .Weather .Temperature { font-size:1.5em; font-weight:bold; padding:3px; } #Header .search-form { right:22px; position:absolute; top:45px; width:202px; } #Header .search-form input { margin:0; } #search-text-header { background:#b4c2af; border: solid 1px #555420; color:#555420; font-size:0.91667em; padding:0.5em 8px 0.3636em; text-align:right; width:150px } .search-form input.submit { display:inline; left:5px; position:relative; top:3px; } label.search-text { display:none; } /***** ICONS ************************************/ #social-links { height:32px; left:648px; position:absolute; top:49px; width:130px; } #social-links ul { list-style-type:none; } #social-links ul li { display:inline; float:left; margin-right:1em; position:relative; width:30px; } #social-links ul li a { color:#b4c2af; display:block; height:31px; overflow:hidden; width:31px; } #social-links ul li a span { background:#b4c2af url(../images/r-t-f.gif) top left no-repeat; display:block; height:31px; width:31px; } #social-links ul li a.twitter span { background:#b4c2af url(../images/r-t-f.gif) -40px 0px no-repeat; } #social-links ul li a.facebook span { background:#b4c2af url(../images/r-t-f.gif) -79px 0px no-repeat; } #social-links ul li a:hover.rss span { background:#b4c2af url(../images/r-t-f.gif) 0px -31px no-repeat; } #social-links ul li a:hover.twitter span { background:#b4c2af url(../images/r-t-f.gif) -40px -31px no-repeat; } #social-links ul li a:hover.facebook span { background:#b4c2af url(../images/r-t-f.gif) -79px -31px no-repeat; } /***** MAIN *************************************/ #Main { background:transparent url(../images/headers/bg_home.png) top left no-repeat; position:relative; } #Main.dining { background:transparent url(../images/headers/bg_dine.png) top left no-repeat; padding-top:75px; } #Main.shop { background:transparent url(../images/headers/bg_shop.png) top left no-repeat; padding-top:75px; } #Main.events-calendar { background:transparent url(../images/headers/bg_events.png) top left no-repeat; padding-top:75px; } #Main.live-work { background:transparent url(../images/headers/bg_live-work.png) top left no-repeat; padding-top:75px; } #Main.home { background:transparent url(../images/headers/bg_home2.png) top left no-repeat; padding-top:34px; } #ContentWrapper { margin:0 22px; } .home #ContentWrapper { margin:0 20px; } #Featured { background:#d1dace; color:#5a594f; left:506px; position:relative; width:450px; } #Featured .inner { margin:0 45px 0 15px; padding:15px 0 11px 0; } #Featured img.next { right:11px; position:absolute; bottom:11px; } #Featured h1, #Featured h2, #Featured h3, #Featured h4, #Featured h5, #Featured h6 { color:#73703b; font-size:1.0833em; text-transform:uppercase; } #Tabs { height:42px; padding-top:110px; position:relative; text-align:right; } #Tabs ul { float:right; margin-bottom:0; position:relative; width:auto; } #Tabs ul li { display:inline; float:left; list-style-type:none; margin-left:7px; width:175px; } #Tabs li a { color:#bf2c37; display:block; height:42px; overflow:hidden; width:175px; } #Tabs li a span { background:#e4e9e2 url(../images/menu_interior.gif) top left no-repeat; display:block; height:42px; width:175px; } #Tabs li a.dining span { background:#e4e9e2 url(../images/menu_interior.gif) 58px 12px no-repeat; display:block; list-style-type:none; } #Tabs li a.shop span { background:#e4e9e2 url(../images/menu_interior.gif) -130px 12px no-repeat; display:block; list-style-type:none; } #Tabs li a.events-calendar span{ background:#e4e9e2 url(../images/menu_interior.gif) -308px 12px no-repeat; display:block; list-style-type:none; } #Tabs li a.live-work span { background:#e4e9e2 url(../images/menu_interior.gif) -484px 12px no-repeat; display:block; list-style-type:none; } #Tabs li a:hover.dining span { background:#e4e9e2 url(../images/menu_interior.gif) 58px -51px no-repeat; display:block; list-style-type:none; } #Tabs li a:hover.shop span { background:#e4e9e2 url(../images/menu_interior.gif) -130px -51px no-repeat; display:block; list-style-type:none; } #Tabs li a:hover.events-calendar span { background:#e4e9e2 url(../images/menu_interior.gif) -308px -51px no-repeat; display:block; list-style-type:none; } #Tabs li a:hover.live-work span { background:#e4e9e2 url(../images/menu_interior.gif) -484px -51px no-repeat; display:block; list-style-type:none; } #Tabs li.active a { color:#bf2c37; display:block; height:42px; overflow:hidden; width:175px; } #Tabs li.active a span { background:#fff url(../images/menu_interior_active.gif) top left no-repeat; display:block; height:42px; width:175px; } #Tabs li.active a.dining span { background:#fff url(../images/menu_interior_active.gif) 58px 12px no-repeat; display:block; list-style-type:none; } #Tabs li.active a.shop span { background:#fff url(../images/menu_interior_active.gif) -130px 12px no-repeat; display:block; list-style-type:none; } #Tabs li.active a.events-calendar span { background:#fff url(../images/menu_interior_active.gif) -308px 12px no-repeat; display:block; list-style-type:none; } #Tabs li.active a.live-work span{ background:#fff url(../images/menu_interior_active.gif) -484px 12px no-repeat; display:block; list-style-type:none; } #Tabs li.active a:hover span { background:#fff url(../images/menu_interior_active.gif) top left no-repeat; cursor:pointer; display:block; height:42px; width:175px; } #Tabs li.active a:hover.dining span { background:#fff url(../images/menu_interior_active.gif) 58px -51px no-repeat; display:block; list-style-type:none; } #Tabs li.active a:hover.shop span { background:#fff url(../images/menu_interior_active.gif) -130px -51px no-repeat; display:block; list-style-type:none; } #Tabs li.active a:hover.events-calendar span{ background:#fff url(../images/menu_interior_active.gif) -308px -51px no-repeat; display:block; list-style-type:none; } #Tabs li.active a:hover.live-work span { background:#fff url(../images/menu_interior_active.gif) -484px -51px no-repeat; display:block; list-style-type:none; } .home #Tabs { height:52px; margin-left:-13px; width:970px; } .home #Tabs ul li { margin-left:7px; width:234px; } .home #Tabs ul li#lw, .home #Tabs ul li#lw a, .home #Tabs ul li#lw a span, .home #Tabs ul li#lw a:hover span { width:235px; } .home #Tabs li a { color:#bf2c37; display:block; height:52px; overflow:hidden; width:234px; } .home #Tabs li a span { background:#e4e9e2 url(../images/menu_home.gif) top left no-repeat; display:block; height:52px; width:234px; } .home #Tabs li a.dining span { background:#e4e9e2 url(../images/menu_home.gif) 77px 13px no-repeat; display:block; list-style-type:none; } .home #Tabs li a.shop span { background:#e4e9e2 url(../images/menu_home.gif) -166px 13px no-repeat; display:block; list-style-type:none; } .home #Tabs li a.events-calendar span { background:#e4e9e2 url(../images/menu_home.gif) -408px 13px no-repeat; display:block; list-style-type:none; } .home #Tabs li a.live-work span { background:#e4e9e2 url(../images/menu_home.gif) -645px 13px no-repeat; display:block; list-style-type:none; } .home #Tabs li a:hover.dining span { background:#e4e9e2 url(../images/menu_home.gif) 77px -39px no-repeat; display:block; list-style-type:none; } .home #Tabs li a:hover.shop span { background:#e4e9e2 url(../images/menu_home.gif) -166px -40px no-repeat; display:block; list-style-type:none; } .home #Tabs li a:hover.events-calendar span { background:#e4e9e2 url(../images/menu_home.gif) -408px -39px no-repeat; display:block; list-style-type:none; } .home #Tabs li a:hover.live-work span { background:#e4e9e2 url(../images/menu_home.gif) -645px -39px no-repeat; display:block; list-style-type:none; } /***** PAGE *************************************/ #Page { color:#666; background:#fff; padding:1.25em 0; width:956px; position:relative; } .home #Page { padding-bottom:16px; width:957px; } /***** BREADCRUMB *******************************/ #Breadcrumb { color:#a0a985; margin:0 15px; padding:0.667em 0 0.333em 0; text-transform:lowercase; } #Breadcrumb .menu { font-size:0.9167em; text-align:left; } #Breadcrumb a { color:#a0a985; text-decoration:underline; } #Breadcrumb a:hover { color:#7dc4cf; text-decoration:underline; } #Breadcrumb .trail { padding:0.1667em 2px 0.1667em 3px; } /***** SIDEBAR **********************************/ #Sidebar { display:inline; float:left; margin-left:15px; overflow:hidden; position:relative; width:220px; } #Sidebar .menu { background:#D5EAED url(../images/bg_sbnav_btm.gif) left bottom no-repeat; padding-bottom:9px; position:relative; width:207px; } #Sidebar .menu ul { background:#D5EAED url(../images/bg_sbnav_top.gif) left top no-repeat; padding-top:9px; position:relative; width:207px; } #Sidebar .menu ul.submenu { background:#C4D2BF; margin-bottom:1px; padding-top:0; } #Sidebar li { list-style-type:none; list-style-position:inside; } #Sidebar li a { color:#73703b; cursor:pointer; display:block; text-decoration:none; padding:0.6667em 0 0.6667em 15px; width:192px; } #Sidebar li a.current, #Sidebar li a.current.open { color:#bf2c37; cursor:pointer; list-style-position:inside; } #Sidebar li a.open { cursor:pointer; font-weight:bold; list-style-position:inside; } #Sidebar .menu ul.submenu a { color:#53501B; padding-left:30px; width:177px; } #Sidebar .menu ul.submenu a.current, #Sidebar .menu ul.submenu a.current.open { color:#bf2c37; padding-left:30px; width:177px; } #Sidebar .menu ul.submenu a.open{ background:#C5DDD6; } #Sidebar li a:hover, #Sidebar li a.nav:hover, #Sidebar li a.open:hover, #Sidebar li a.current:hover, #Sidebar .menu ul.submenu a:hover { color:#fff; cursor:pointer; background:#93bab2; } /***** CONTENT **********************************/ #Content { display:inline; float:right; position:relative; overflow:hidden; width:720px; } #Content .inner { margin-left:18px; margin-right:30px; } .home #Content { display:block; float:none; padding-bottom:1.3333em; position:relative; width:100%; } .home #Content .inner { margin-left:16px; margin-right:16px; } /***** RESULT ***********************************/ #Result a { color:#bf2c37; text-decoration:underline; } #Result a:hover { color:#8dd4df; } #Result h1 { color:#BF2C37; padding:0.5em 0 0.25em 0; font-weight:normal; } #Result h2 { color:#BF2C37; padding:1em 0 0.5em 0; font-weight:normal; } #Result h3 { color:#93bab2; padding:1em 0 0.5em 0; font-weight:bold; text-transform:uppercase; } #Result h4 { color:#A5BDB6; padding:1em 0 0.5em 0; font-weight:bold; text-transform:uppercase; } #Result h5 { color:#5c8d83; padding:1em 0 0.5em 0; text-transform:uppercase; } #Result h6 { color:#918b63; padding:1em 0 0.5em 0; text-transform:uppercase; } #Result h1 a { color:#BF2C37; } #Result h2 a { color:#BF2C37; } #Result h3 a { color:#5c8d83; } #Result h4 a { color:#93bab2; } #Result h5 a { color:#5c8d83; } #Result h6 a { color:#918b63; } #Result h1 a:hover, #Result h2 a:hover, #Result h3 a:hover, #Result h4 a:hover, #Result h5 a:hover, #Result h6 a:hover { color:#7dc4cf; } #Result ol, #Result ul, #Result dl, #Result dd { margin:0.5em; } #Result li { list-style-position:inside; } #Result ol li, #Result ol li li li { list-style-type: decimal; } #Result ol li li { list-style-type:upper-roman; } #Result ol li li li li { list-style-type:lower-roman; } #Result ul li, #Result ul li li li { list-style-type:disc; } #Result ul li li, #Result ul li li li li { list-style-type:circle; } #Result pre { border:1px solid #C4C6C3; overflow:auto; } #Result cite { font-style:italic; } #Result code, #Result kbd, #Result samp, #Result tt { font-size:1.25em; } #Result thead th { background-color:#abafa9; color:#fff; } #Result caption { background:#D5EAED; color:#73703b; } #Result fieldset { border:1px solid #abafa9; display:block; margin-left:2px; margin-right:2px; padding:0.35em 0.625em 0.75em; } #Result textarea { width:275px; } #Result legend { font-weight:bold; font-size:0.8em; text-transform:uppercase; } div.attribute-byline { color:#32343E; padding-bottom:0.5em; } span.date { margin-right:0.5em; } /***** CALL-OUT *********************************/ .call-out { float:right; position:relative; width:171px; } .call-out .top { background:#DEE9D9 url(../images/bg_callout_top.gif) top left no-repeat; padding-top:8px; position:relative; } .call-out .btm { background:#DEE9D9 url(../images/bg_callout_btm.gif) top left no-repeat; font-size:1px; height:8px; line-height:1px; position:relative; } #Result .call-out .top .inner { margin:1em 1em 0.25em; } .call-out .top .inner p { font-weight:bold; padding-bottom:0.5em; } .call-out .top .inner form div { padding:0; } .call-out .top .inner form label{ text-align:left; } .call-out .top .inner form .last{ text-align:center; padding-top:1em; } .call-out .caption { color:#555420; margin:0.25em 9px; } /***** REAL-ESTATE LISTING ***********************/ .class-re-listing .attribute-image { float:right; margin:0 0 1em 1em; } /***** HOMEPAGE *********************************/ #FlashHeader { position:absolute; top:-1px; } #Result h4.specials a { color:#BF2C37; text-decoration:none; } #Result h4.specials a:hover { text-decoration:underline; } /***** NAVIGATOR ********************************/ #Result .pagenavigator { background:#B5C481 none repeat scroll 0 0; padding:1.3333em 12px 0; } #Result .pagenavigator a { color:#fff; text-decoration:none; padding:1px 5px 2px; } #Result .pagenavigator span.current { color:#bf2c37; padding:1px 5px 2px; } #Result .pagenavigator a:hover { color:#8DEAFF; text-decoration:underline; } /***** LINE-VIEWS *******************************/ #Result .content-view-line h3 a { text-decoration:none; } #Result .content-view-line h3 a:hover { text-decoration:underline; } #Result .content-view-line h4 { margin:0.5em 0 0; padding:0; text-transform:none; } #Result .content-view-line h4 a { color:#4b4f49; text-decoration:none; } #Result .content-view-line h4 a:hover { color:#7dc4cf; text-decoration:underline; } .content-view-line .class-article { width:520px; } .class-specials-page .days { margin-left:1.5em; } .class-real-estate .attribute-body { margin-bottom:2em; } .class-real-estate .content-view-line { border-bottom:1px solid #E4E9E2; padding-bottom:1em; width:520px; } .attribute-file img { vertical-align:bottom; } .attribute-file p { padding:0.5em 0 1em; } .attribute-magazine-file h4 .info { color:#222; font-size:0.85em; font-weight:normal; } /***** MEMBER DIRECTORY LISTING *****************/ .content-view-line { clear:left; } .content-view-full .class-visionaries-page { border:none; } .members-login .class-member-directory-listing, .content-edit .class-member-directory-listing { border-bottom:none; } .class-member-directory-listing .icons { float:right; position:relative; top:-3.5em; } #Result .content-view-line .listing-image { float:left; height:72px; margin:0 8px 0 0; overflow:hidden; padding:0; position:relative; width:72px; } #Result .class-members-login-page div.member-listing { border:1px solid #4B4F49; margin-bottom:1em; padding:1em; } #Result .class-members-login-page span.edit { float:right; line-height:1em; } /***** MEMBER DIRECTORY EDITING *****************/ form#editform { border:1px solid #4B4F49; padding:1em; } form#editform div { padding:0; } #editform div.block { padding-top:0.5em; } #editform div#ezwt-help { clear:none; position:absolute; top:0; right:0; } #editform div#ezwt-standardactions { background:#e4e9e2; clear:none; padding:0.25em 0 0 0; position:relative; } #editform label { font-weight:bold; width:150px; } #editform .day label { width:141px; } #editform input[type="checkbox"] { position:relative; top:0.6em; } #editform p { margin:0.5em 0 0 0; padding:0; } #editform input.button-disabled { margin-bottom:-1.5em; margin-left:300px; position:relative; top:-1.5em; } #editform div.oe-window { border:1px solid #4B4F49; } #editform table { margin-bottom:0; } #Result .content-edit fieldset { margin:0.5em 0 1em; } #Result .content-edit legend.day_name { cursor:pointer; } #Result #editform h6 { font-weight:normal; margin-left:20px; padding:0.25em 0; text-transform:none; } #Result #editform h6.open { font-weight:bold; } form#editform p.edit_btn { cursor:pointer; display:block; height:14px; float:left; font-weight:bold; margin:0.5em 0 0 0; overflow:hidden; position:relative; text-decoration:none; width:14px; } #Result .edit_btn span { background:#fff url(../images/btn_plus-minus.gif) top left; display:block; height:14px; width:14px; } #Result .edit_btn.open span { background:#fff url(../images/btn_plus-minus.gif) bottom left; } #Result .line-item div.block { width:460px; } table.list { border:1px solid #4B4F49; } table.list th { background:#e4e9e2; } .bglight td { background:#fff; } .bgdark td { background:#e4e9e2; } /***** CALENDAR *********************************/ #Result thead th.calendar_heading_date, #Result thead th.calendar_heading_prev, #Result thead th.calendar_heading_next, #Result thead .calendar_heading_days th { background:#D5EAED; color:#73703B; } #Result #ezagenda_calendar_grid a { color:#73703B; font-weight:bold; } #Result #ezagenda_calendar_grid a:hover { color:#fff; cursor:pointer; background:#93bab2; } #ezagenda_calendar_container { display:inline; float:left; overflow:hidden; position:relative; width:340px;} #ezagenda_calendar_container table { font-size:11px; margin-bottom:0; } #ezagenda_calendar_grid { border:1px solid #777; position:relative; } #ezagenda_calendar_list { padding:3em 0 1em 0; position:relative; } #ezagenda_calendar_preview { display:inline; float:left; margin-left:47px; overflow:hidden; padding-top:1em; position:relative; width:280px;} #ezagenda_calendar_preview h3.day_event { color:#bf2c37; font-size:1.75em; font-weight:normal; padding:1px 0 0.25em 0;} #Result #ezagenda_calendar_grid .ezagenda_day_event a.more_info_link { float:right; margin-right:8px; } #Result .ezagenda_day_event h4 a { color:#93BAB2; text-decoration:none; } #Result .ezagenda_day_event h4 a:hover { color:#8dd4df; text-decoration:underline; } .event-tag li { font-weight:bold; padding:0.25em 0; } .event-title { font-size:1.125em; } .event-start { color:#000; } .event-start-now { color:#F57010; } .event-start-past { color:#676768; } .Calendar #ezagenda_calendar_list table.ezagenda_event_old { color:#666; } th {font-size:1.2em; font-weight:bold; text-align:center;} th a {padding:3px 10px;} th.calendar_heading_date {font-size:2em; padding-bottom:0.25em} .days td.ezagenda_selected { border:1px solid #8dd4df;} .days td.ezagenda_current { background:#C5DDD6; font-weight:bold;} .days td { border:none; font-size:1.2em; padding:0.5em 0; text-align:center;} .days a {padding:6px 14px;} .days a:hover {color:#F6F6F6; background:#979798; text-decoration:none;} .calendar_heading_days th {border-bottom:1px solid #333; padding-bottom:0.25em;} .ezagenda_day_event h4 {font-size:1.25em; padding:0.25em 0;} .ezagenda_preview_date {position:relative; width:200px;} td.ezagenda_month_label {text-align:center; vertical-align:top; padding:0.5em 10px 0 10px; width:50px;} td.ezagenda_month_label h2 {line-height:1.425em;} td.ezagenda_month_info {padding-top:0.5em;} /***** CALLOUT **********************************/ div.callout { float:right; margin:0 0 1em 27px; width:171px; } .callout-box { background:#DEE9DA url(../images/bg_co_top.gif) left top no-repeat; margin-bottom: 1.333em; padding-top:9px; } .callout-content { background:#DEE9DA url(../images/bg_co_btm.gif) left bottom no-repeat; padding:0 8px 9px;} .callout-caption { color:#918b63; margin:0 8px; } /***** ERROR PAGES ******************************/ #Result .warning h2 { margin:0 0 0 0.5em; padding:0; text-transform:uppercase; } #Result .user-login { background-color:#e4e9e2; } #Result .user-login h1 { margin-left:8px; padding:0.25em 0 0 0; } #Result .user-login form label { color:#343932; font-weight:bold; } #Result .user-login form input { color:#343932; } #Result .user-login form div.labelbreak{ clear:none; display:none; } #Result .user-login form input.defaultbutton { margin-left:99px; } /***** FORMS ***********************************/ form div { clear:left; padding:0.50em; } span.req { float:left; width:15px; } label { display:block; float:left; margin:0.5em 5px 0 0; text-align:right; width:90px; } label.message-error { color:#bf2c37; font-weight:bold; } input[type="text"], input[type="password"], textarea { background:#fff; border:solid 1px #abafa9; border-right-width:2px; border-bottom-width:2px; color:#54624F; float:left; font-size:1.125em; margin:0.25em; padding:0.25em 0.5em; width:275px; } input[type="button"] { background-color:buttonface; border:2px outset buttonface; padding:0 6px; } input.imagebutton { border:solid 1px #abafa9; border-right-width:2px; border-bottom-width:2px; margin:0.25em 0.25em 0.25em 98px; } #contact_us_form input.imagebutton { border:none; } .message-warning, .warning { color:#bf2c37; } #Result .message-warning h1, #Result .warning h1, #Result .message-warning h2, #Result .warning h2, #Result .message-warning h3, #Result .warning h3, #Result .message-warning h4, #Result .warning h4, #Result .message-warning h5, #Result .warning h5, #Result .message-warning h6, #Result .warning h6 { color:#bf2c37; padding-top:0; } form div.warning { color:#bf2c37; background:#FFAAAD none repeat scroll 0 0; } form div.warning input, form div.warning textarea { border:solid 1px #bf2c37; border-right-width:2px; border-bottom-width:2px; } /***** COLUMNS *************************************/ .home .column { color:#666; display:inline; float:left; width:207px; } .home .column .top { background:transparent url(../images/column_top.gif) top left no-repeat; font-size:2px; height:9px; width:207px; } .home .column .mid, .home .column .mid2 { background:transparent url(../images/column_mid.gif) top left repeat-y; width:207px; } .home .column .btm { background:transparent url(../images/column_btm.gif) bottom left no-repeat; height:1.5em; padding-bottom:9px; width:207px; } .home .column.blue { margin-right:36px; } .home .column.blue .top { background:#d5eaed url(../images/column_top_blue.gif) top left no-repeat; height:9px; width:207px; } .home .column.blue .mid { background:#d5eaed; width:207px; } .home .column.blue .btm { background:#d5eaed url(../images/column_btm_blue.gif) bottom left no-repeat; } .home .column.list { margin-right:20px; width:212px; } .home .column.list .top, .home .column.list .mid, .home .column.list .btm { background-image:none; width:212px; } .home #set { min-height:426px; position:relative; } #gallery-preview.column { float:none; } #gallery-preview h3 { margin-top:1em; } div.column div.mid div.inner { height:420px; } #visionary { height:208px; } #visionary div.inner { height:180px; } #visionary div.inner p { padding-top:0.5em; } #FreeWiFi { height:90px; margin:8px 0 0 0; width:206px; } #FreeWiFi a { } #FreeWiFi a>img { display:block; } .home .gallery-thumb { display:block; float:left; height:72px; margin:5px 7px; width:72px;} .home .column .mid2 .btm2 { background:transparent url(../images/column_btm.gif) bottom left no-repeat; height:10px; width:207px; } .home #Result .column a:hover { color:#bf2c37; } .home .column a.full-all-btn { background:transparent url(../images/arrow_btn.gif) right center no-repeat; margin-left:16px; padding:0px 20px 2px 1px; } .home .column.blue a.full-all-btn { background:transparent url(../images/arrow_btn_blue.gif) right center no-repeat; } .home #Result .column h3 { color:#918B63; font-size:1.1667em; margin-top:0; text-align:center; text-transform:uppercase; } .home #Result .column h4 { color:#bf2c37; font-size:1.4167em; font-weight:normal; padding-top:0.25em; text-transform:none; } .home #Result .column h5 { color:#666; font-size:1.1667em; font-weight:normal; padding-top:0.25em; text-transform:none; } .home #Content .column.list .mid .inner { margin:0; position:relative; } .home #Result .column.list ul { border-top:1px solid #b4c2af; margin:0 0 0.75em 0; } .home #Result .column.list li { list-style-type:none; list-style-position:outside; border-bottom:1px solid #b4c2af; } .home #Result .column.list li a { color:#7e833c; display:block; padding:0.25em 12px; text-decoration:none; } .home #Result .column.list li a:hover { background:#d5eaed; color:#fff; } #Result .column h1 a, #Result .column h2 a, #Result .column h3 a, #Result .column h4 a, #Result .column h5 a, #Result .column h6 a { text-decoration:none; } #Result .column h1 a:hover, #Result .column h2 a:hover, #Result .column h3 a:hover, #Result .column h4 a:hover, #Result .column h5 a:hover, #Result .column h6 a:hover { text-decoration:underline; } /***** EVENTS *************************************/ #Result h2.event_name { padding-top:0; } #xSub a { color:#fff; text-decoration:none; } #xSub a:hover { color:#7fc248; text-decoration:none; } #Sub.form { background:#C5DDD6; margin:14px 0 2em; } #Sub.form br { display:none; } #Sub.form .InputRow { height:20px; margin:0.5em 0; } #Sub.form .InputElement { margin:0 3px 0 3px; } #Sub.form label, #Sub.form input { font-size:90%; width:65px; } #Sub.form form div { clear:none; padding:0; } #Sub.form div.Design { height:3.25em; padding:1px; } #Sub.form select#category { position:relative; top:0.25em; } #Sub.form .XStack label { margin-right:2px; width:50px;} #Sub.form .XStack .InputElement { float:left; width:140px; } #Sub.form .InputElement.last { margin:0.5em 0; padding:0 0.5em; position:relative; top:-3px; width:65px;} .vevent, .vcard { border-top:1px solid #e4e9e2; margin:1em 0; clear: both; } .vevent .Inner { padding: 0 8px; } .vcard .Inner { padding-top: 8px; } .vevent_date_header { background-color:#CCD6b6; color:#FFFFFF; font-size:1.125em; font-weight:bold; margin:2px 0 0.25em 0; padding:0.75em 1.25em 0.65em 1.25em; } .vevent a.more_info_link { float:right; margin-right:8px; } /***** SEARCH ***********************************/ .form-site-search input.submit { margin:6px 0 0 2px; } div.advanced-search { clear:both; margin:2em 0; } div.results-web-site { border-top:1px solid #E4E9E2; } #Result div.results-web-site .warning h4{ padding:0.5em 0;} .search-result .class-member-directory-listing { border:none; } .class-visionaries-page .content-view-line .class-article, .content-view-line .class-conact-us-form, .content-view-line .class-event-detail-page, .content-view-line .class-event, .content-view-line .class-file, .content-view-line .class-folder, .content-view-line .class-member-directory-listing, .content-view-line .class-member-directory, .content-view-line .class-promotion, .content-view-line .class-real-estate-listing, .content-view-line .class-real-estate, .content-view-line .class-specials-page, .content-view-line .class-text-page, .content-view-line .class-video, .content-view-line .class-visionaries-page { margin:1em 0 0.5em 0; } .class-visionaries-page .content-view-line, .content-view-children .content-view-line, .content-view-keymatches .content-view-line, .search-result .content-view-line { border-bottom:1px solid #E4E9E2; clear:left; padding:1px 0 0.25em 0; } .search-result p, .search-result div.block { padding-bottom:0.25em; } .search-result .class-member-directory-listing .icons { top:-2em; } .content-advancedsearch label { width:140px; } .content-advancedsearch form div.warning{ background:#FFF; color:#BF2C37; } .content-advancedsearch input.submit { margin-left:148px; } /***** GALLERY **********************************/ .class-gallery { width:660px; } .content-view-line .class-gallery { border-bottom:1px solid #E4E9E2; margin-bottom:1em; } .content-view-galleryline { float:left; margin:1em; text-align:center; width:108px; } .content-navigator { padding-bottom:1em; } .content-navigator-next-disabled, .content-navigator-previous-disabled, .content-navigator-separator-disabled { color:#999; } /***** SITEMAP ***********************************/ .sitemap #Result li { padding:0 0 0.25em 0; } .sitemap #Result li .level-1 a { color:#4b4f49; font-weight:bold; text-transform:uppercase; text-decoration:none; } .sitemap #Result li .level-2 a { color:#93bab2; font-weight:bold; text-transform:none; } .sitemap #Result li .level-3 a { color:#5c8d83; } .sitemap #Result li a:hover { color:#7dc4cf; text-decoration:underline; } /***** TIP-A-FRIEND *******************************/ .tipafriend label { width:105px; } .tipafriend span.req { font-weight:bold; } .tipafriend .buttonblock input.send { margin-left:113px; } .tipafriend .buttonblock input.cancel { margin-left:140px; } /***** NEWS *************************************/ #News { background:#b5c481; clear:both; color:#fff; font-weight:bold; margin:0 16px; padding:1.3333em 0 1.1667em; position:relative; } #News h4 { color:#73703b; display:inline; float:left; font-size:1.1667em; font-weight:bold; margin:0 5px 0 17px; padding-bottom:0; } #News p { display:inline; font-size:1em; } #News a.full-view-btn { color:#bf2c37; font-size:0.91667em; font-weight:normal; padding:0 8px; } #News a.full-view-icon { position:relative; top:1px; vertical-align:text-top; } #News #ticker { height:20px; left:119px; overflow:hidden; position:absolute; width:780px; } #News #ticker #canvas { height:22px; position:absolute; width:2355px; } #News #ticker .cont { display:inline; height:22px; float:left; overflow:hidden; position:relative; width:785px; } /***** FOOTER ***********************************/ #Footer { color:#747f55; font-family:Arial,sans; font-size:0.9167em; white-space:nowrap; } #Footer p { margin:0 30px; padding:1.8181em 0 2.7272em 0; } #Footer a { color:#747f55; text-decoration:none; } #Footer a:hover { color:#8DEAFF; text-decoration:underline; } /***** EDITOR APPLIED STYLES ********************/ div.object-right { float:right; } div.object-left { float:left; } div.object-right img { padding:5px 0px 5px 8px; } div.object-left img { padding:5px 8px 5px 0px; } /***** CLASSES **********************************/ .alignleft, .align-left, .imageleft { float:left; } .alignright, .align-right, .imageright { float:right; } .clear { clear:both; display:block; height:0; font-size:0; margin:0; padding:0; visibility:hidden; } .clearleft, .clear-left { clear:left; margin:0; padding:0; } .clearright, .clear-right { clear:right; } .float-break { height: 1%; } .float-break:after { content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both; } .hide, .spamfilter { display: none; } .light-gray { color:#e4e9e2; } .dark-gray { color:#abafa9; } .red { color:#bf2c37; } .blue { color:#8dd4df; } .brown { color:#73703b; } .subheader { color:#5c8d83; } .sb-blue { color:#d5eaed; } .sbh-blue { color:#93bab2; } .sb-subnav-blue { color:#C5DDD6; } .bright-hover { color:#8DEAFF; } .dark-hover { color:#7dc4cf; } .med-brown { color:#918b63; } .small { padding:0; } /***** PROGRESSIVE ENHANCEMENTS *****/ #Page { -moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px; -webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; } #Featured { -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px }