/* structure.css are the styles for the DIVs in a website and should not contain any typographic or content-related styles for a site. The styles within are strictly used to create the layout/structure of the website and, as such, this style sheet will (almost) never need to be altered by the programmers. */ /* our main container that holds the site in the centre of the body is called "uber" and will generally be margin:auto auto and be 960 or 970 pixels wide */ /* ----- comment styles well for better reference later! ----- */ /* ----- lay these styles out in sections, and from top to bottom on pages ----- */ /* STYLES FOR ALL PAGES */ #uber {margin:auto auto; width:980px; background:none; padding:0;} /*fixes FCK editor issue, formerly body#publicBody */ #uber ul {list-style-type:none; font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;} #uber dl {list-style-type:none; font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;} #uber ol {list-style-type:none; font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;} #uber ul li {font:12px/18px Arial, Helvetica, Geneva, san-serif; color:#000;} #uber ol li, #uber ul li {/*add margin or padding as needed*/} #content ul {list-style-type:square; padding:0 0 0 15px; margin:0 0 18px 0;list-style-position:outside; color:#000;} #content ol {list-style-type:decimal; padding:0 0 0 15px; margin:0 0 18px 0;list-style-position:outside; color:#000;} #content li {padding:0; margin:0 0 0 18px; list-style-position:outside; color:#000;} #content dl {padding:0 0 0 14px; margin:0 0 18px 0; color:#000;} /* any containers inside #uber for floating or padding */ /* header that has the banner image, custom we-create weather, sponsore badges */ #header {position:relative; height:200px; width:980px; margin:0; padding:0; background-color:#FFF; z-index:2;} #homebutton {position:absolute; bottom:0px; left:0px; width:682px; height:47px; overflow:hidden; z-index:10;} #homebutton a {display:block; width:682px; height:47px; border:none;} #bannerimage {position:absolute; top:0; left:0; height:200px; width:980px; overflow:hidden;} #bannerimage img, #bannerimage img a {border:none;} #wecreate-weather {} /* #mainnav {width:980px; height: 42px; margin:0; padding:0; background:url(/theme/Flagler/i/bkgnd-mainnav.gif) top left no-repeat; border-top:1px solid #FFF;} */ .nav {width:970px; height: 33px; margin:0; padding:9px 0 0 10px; background:url(/theme/Flagler/i/bkgnd-mainnav.gif) top left no-repeat; border-top:1px solid #FFF; font:18px Arial, Helvetica, Geneva, sans-serif; color:#FFF; position:relative; z-index:100;} uber.nav ul, uber.nav ul li {} /* horizontal items under header */ #leaderboard {position:relative; width:980px; height:101px; margin:0; padding:0; background:url(/theme/Flagler/i/bkgnd-leaderboard.gif) top left no-repeat; border-bottom:1px solid #FFF; position:relative; z-index: 2; } #add_business_button {position:absolute; top:11px; left:5px; width:226px; height:90px; overflow:hidden;} #leaderboardad {position:absolute; top:11px; left:236px; width:728px; height:90px; overflow:hidden;} /* content area usually three columns -- let's use 960 as a base width */ /* re-arrange elements within right and left sidebars as required */ #main {width:960px; padding:0 10px 0 10px; margin:0; background:url(/theme/Flagler/i/bkgnd-main.gif) top left repeat-y; float:left;position:relative; z-index: 1;} /* main left content column */ #content {float:left; width: 505px; margin:0 0 0 0; padding:15px 0 10px 0; overflow:hidden;} #pageStatus {} /* small ads column between content and 300px wide right column */ #narrowads {float:left; width:140px; margin:0 8px 0 7px; padding:15px 0 10px 0; text-align:center;} #join_today {margin:0 0 12px 8px; padding:0; width:124px; height:157px; overflow:hidden;} #featured_expert {margin:0 0 12px 8px; padding:0; width:124px; font:14px/14px Arial, Helvetica, Geneva, san-serif; color:#004c61; text-align: center; font-weight: bold;} #featured_expert img {border:1px solid #FFF; margin:6px 0 6px 0;} #featured_expert a {color:#004c61; font-size:12px; font-weight: normal; text-decoration:underline;} #featured_expert a:hover {text-decoration: none;} /* right */ #right {float:left; width:300px; padding:0 0 10px 0; margin:0;} #connector-link {width:300px; height:35px; padding:0; margin:0 0 1px 0;} #rectanglead {height:250px; width:300px; border:none; margin:0 0 12px 0; padding:0; border-bottom:1px solid #FFF;} #mini_login {width:276px; text-align:center; margin:0 0 12px 0; padding:10px 10px 11px 10px; background-color:#c3dbe2; color:#004c61; border:2px solid #eff8c9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #polls {width:276px; text-align:center; margin:0 0 12px 0; padding:10px 10px 11px 10px; background-color:#c3dbe2; color:#004c61; border:2px solid #eff8c9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align:left;} #tempweather {width:300px; height:250px; margin-bottom:12px;} #partners_sponsors {width:276px; text-align:center; margin:0 0 12px 0; padding:48px 10px 11px 10px; color:#FFF; border:2px solid #eff8c9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url(/theme/Flagler/i/bkgnd-partner-sponsor.gif) top center no-repeat #c3dbe2; font:12px/14px Arial, Helvetica, Geneva, san-serif; color:#FFF; } #partners_sponsors img {margin-bottom:2px;} /* footer at bottom of page */ #footer {position:relative; width:980px; height:124px; padding:0; margin:0; background:url(/theme/Flagler/i/bkgnd-footer.jpg) top left no-repeat;} #footer_nav {position:absolute; top:46px; left:0; width:522px; margin:0; padding:0; text-align:center; color:#FFF;} #footer_nav ul {margin:0; padding:0; list-style-type:none;} #footer_nav li {margin:0; padding:0; list-style-type:none; display:inline;} #footer_text {position:absolute; top:71px; left:0; width:522px; text-align:center; color:#FFF; font:11px Arial, Helvetica, Geneva, sans-serif;} #footer_social {position:absolute; top:86px; left:0; width:522px; text-align:center; color:#FFF; font:11px Arial, Helvetica, Geneva, sans-serif;} #logo_connectorlocal {position:absolute; top:38px; right:58px; width:174px; height:35px;} /* STYLES HOME PAGE ONLY */ #image_cycler_container {margin:0 0 12px 0; padding:0; width:505px; height:285px; background:url(/theme/Flagler/i/bkgnd-image-cycler.gif) top left no-repeat; overflow:hidden;} #welcome {margin:0 0 12px 0; padding:0; width:505px; float:left;} #welcome img {border:1px solid #004c61; float:right; margin:0 0 5px 10px; padding:0;} #localnews {margin:0 0 12px 0; padding:20px 0 10px 0; width:505px; clear:left; position:relative; float:left;} #localnews_title {position:absolute; top:0px; left:10px; text-align:left; font:16pt Georgia, "Times New Roman", Times, serif; color:#004c61;} #localnews_link {position:absolute; top:0px; right:0px; text-align:right;} #localnews_link a {color:#FFF; text-decoration:none; text-transform:uppercase; font:11px Verdana, Arial, Helvetica, sans-serif; display:block; padding:2px 4px; border:none; background-color:#a8ccd5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #localnews_container {width:473px; padding:14px; border:2px solid #99b7c0; background-color:#e7f1f3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} /* news tabbed styles based on Stark Sports */ #news_nav {border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; height:26px; margin:0; padding:0; position:relative; overflow:hidden;} #news_block {padding:10px 0 10px 0; margin:0; background:url(/theme/stark/i/bkgnd_news_block.gif) top left repeat-x;} #news_nav ul {margin:0; padding:0; position:absolute; top:0; left:0; width:450px; list-style-type:none; font:13px/15px Arial, Helvetica, Geneva, san-serif; font-weight:bold; color:#FFF;} #news_nav li {margin:0; padding:0; list-style-type:none; display:inline; font:13px/15px Arial, Helvetica, Geneva, san-serif; font-weight:bold; color:#FFF; height:26px;} #news_nav ul li a {margin: 0; padding:0; text-decoration:none; color:#FFF; height:27px; display:block; text-align:center; float:left;} #news_nav ul li a:link, #news_nav ul li a:visited {margin: 0; padding: 5px 10px 0 10px; text-decoration:none; color:#FFF; background-color: #004c61; border-right:1px solid #FFF;} #news_nav ul li a:hover, #news_nav ul li a:active {margin: 0; padding: 5px 10px 0 10px; text-decoration:none; color:#FFF; background-color: #5299ac; border-right:1px solid #FFF;} #news_nav #news_active_tab a:link, #news_nav #news_active_tab a:visited {margin: 0; padding: 5px 10px 0 10px; text-decoration:none; color:#FFF; background-color: #5299ac;} #news_nav #news_active_tab a:hover, #news_nav #news_active_tab a:active {margin: 0; padding: 5px 10px 0 10px; text-decoration:none; color:#FFF; background-color: #5299ac;} /* THESE STYLES ARE FOR MOHANNAD'S METHOD OF RSS-XML SCRAPING INTO A UL-LI STRUCTURE */ #news_block ul {margin:0; padding:0; list-style-type:none;} #news_block ul li {list-style-type:none; margin:0; background-color:none; padding:4px 0 4px 0; border-bottom:1px dotted #b5b5b5;} #news_block ul li .rss_title {font-weight:bold; font-size:13px; color:#004c61;} #news_block ul li p {padding:0;} #news_block ul li a {text-decoration:none; color:#004c61;} #news_block ul li a:hover {text-decoration:underline; color:#004c61;} #featured_business {margin:0 0 12px 0; padding:20px 0 10px 0; width:505px; clear:left; position:relative; float:left;} /* rounded corners for those who use a standards-compliant browser like Safari, Firefox or Opera, too bad IE */ #featured_business_title {position:absolute; top:0px; left:10px; text-align:left; font:16pt Georgia, "Times New Roman", Times, serif; color:#004c61;} #featured_business_link {position:absolute; top:0px; right:0px; text-align:right;} #featured_business_link a {color:#FFF; text-decoration:none; text-transform:uppercase; font:11px Verdana, Arial, Helvetica, sans-serif; display:block; padding:2px 4px; border:none; background-color:#a8ccd5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #featured_business_container {width:480px; /* height:156px; */ padding:14px 10px; border:2px solid #99b7c0; background:url(/theme/Flagler/i/bkgnd-featured-listings.gif) top right repeat-y; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /*font:11px/14px Arial, Helvetica, sans-serif; color:#5299ac;*/ overflow: hidden;} #featured_business_container img {border:1px solid #004c61; margin-bottom:6px;} #featured_business_container a {text-decoration:none; color:#004c61;} #featured_business_container a:hover {text-decoration:underline; color:#004c61;} #featured_business_container .featuredtitle {font:Arial, Helvetica, sans-serif; font-size:13px; color:#004c61; font-weight: bold;} /* ----- changing style to single featured listing August 12, 2009 #featured1 {float:left; margin:10px 24px 0 12px !important; margin:10px 24px 0 6px; padding:0; text-align:center; width:142px; height:147px;} #featured2 {float:left; margin:10px 27px 0 0; padding:0; text-align:center; width:142px; height:147px;} #featured3 {float:left; margin:10px 0 0 0; padding:0; text-align:center; width:142px; height:147px;} #featured1 img, #featured2 img, #featured3 img {border:1px solid #004c61; width:126px; height:51px; overflow:hidden; margin-bottom:6px;} #featured1 strong, #featured2 strong, #featured3 strong {font-weight:bold; color:#004c61;} */ /* STYLES FOR CONTENT PAGES ONLY */ /* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */ #content .business-listing-directions-container ul {padding:0; margin:0;} #content .business-listing-directions-container li {padding:0; margin:0; list-style-position:outside; color:#FFF;} /* needs to override normal ones above on home page so we load it after */ #mini_login h3 {color:#004c61; font:16px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; padding:0 0 2px 0; border-bottom:1px solid #004c61; text-transform:uppercase;} #mini_login input {margin:4px 0 5px 0;} #mini_login #loginButton {margin:7px 0px; padding:0 2px; width:50px; line-height:20px; height:20px; font:12px Arial, Helvetica, sans-serif; color:#FFF; border:1px solid #FFF; cursor:hand; background-color:#004c61;} #mini_login .button {background:none;} #mini_login a {color:#004c61; text-decoration:none;} #mini_login a:hover {text-decoration:underline;} #mini_login .autoFormText {width:130px; margin-right:7px; float:left;} #mini_login .autoFormPassword {width:130px; float:right;} #mini_login .autoFormCheckbox {width:280px; clear:right;} #mini_login input {width:120px;} #mini_login .autoFormInputs #remember_cookie {width:15px;} #mini_login #forgot_password_padding a {color:#004c61;} /* polls.css isn't being picked up so we do the poll stuff here... */ /* poll box */ #view_polls {color:#004c61; width: 275px; margin:0; text-align:center; padding-bottom:14px;} /* question and closing text*/ .poll_question {margin-bottom: 10px; padding:0px 0px 5px 0px; border-bottom:1px solid #004c61;} .poll_question p {font:14px/18px Arial, Helvetica, Geneva, san-serif; color:#004c61; font-weight:bold; padding:0;} #afterClosingText {font:12px/14px Arial, Helvetica, Geneva, san-serif; color:#004c61; padding-bottom:10px;} /* used for the open poll radio buttons...*/ #view_polls .autoFormRadio_group {text-align: left; margin-left: 3px;} /* used for the open poll radio buttons...*/ #view_polls .autoFormRadio_group input {margin: 3px 4px 0 0;} /* other original css not modified for lazer */ .poll_answer_key {float: left; text-align: right; display: block; width: 80px;} .poll_answer_div_bg { float: left; display: block; width: 60px; line-height: 16px; margin-top: 2px;} .poll_answer_div{text-align: left; line-height: 16px; margin-left: 10px;} .clearing{clear:both;} /* NOW WE ADD THE STYLES FOR THE INSIDE POLL PAGE */ #content #view_polls { text-align: center; padding:15px; margin:0; width: 465px; color:#004c61; background-color:#c3dbe2; border:2px solid #004c61; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* CSS3 rounded corners, too bad for IE :) */ } #content .poll_question {margin-bottom: 10px; padding:0px 0px 5px 0px; border-bottom:1px solid #004c61;} #view_polls #content .poll_question p {font:14px/18px Arial, Helvetica, Geneva, san-serif; color:#004c61; font-weight:bold; padding:0;} #content .poll_answer_key{border: 0px solid #004c61; float: left;text-align: right;display: block;width: 180px;} #content #view_polls a, #pollMsg a {color:#5299ac; text-decoration:none;} #content #view_polls a:hover, #pollMsg a:hover {text-decoration:underline;} #content .poll_answer_div_bg { float: left; display: block; width: 60px; line-height: 16px; margin: 2px 0 0 5px;} .autoFormInputs .button {border:1px solid #FFF; background-color:#004c61; color:#FFF;} /* ADMIN POLL PAGE CSS -- we reset all text to black, make sure bars are showing up */ #responses_details #view_polls {color:#000;} #responses_details #view_polls .poll_question {color:#000;} #responses_details #view_polls .poll_answer_key {width:200px;} #responses_details #view_polls .numVotes {margin-left:10px;} #responses_details #view_polls .poll_answer_div {border:1px solid #000; padding-left:5px;} /* end polls CSS here --- */ #footer_nav a {color:#FFF; text-decoration:none; margin:0 5px; padding: 3px 8px 4px 8px; font:13px Arial, Helvetica, Geneva, sans-serif;} #footer_nav a:link, #footer_nav a:visited {text-decoration:none;} #footer_nav a:hover, #footer_nav a:active {text-decoration:none; background-color:#295d78; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #footer_social a {color:#9bd5e4; text-decoration:none; margin:0; padding:0; font:11px Arial, Helvetica, Geneva, sans-serif;} #footer_social a:link, #footer_social a:visited {text-decoration:none;} #footer_social a:hover, #footer_social a:active {text-decoration:underline; color:#FFF;} /* ----- end template ----- */