/*------------------------------------------------------------------------------------------------------------------- Ferintosh.Info - Stylesheet -------------------------------------------------------------------------------------------------------------------*/ /* Typography -------------------------------------------------------------------------------------------------------------------*/ body { background:#dad9d6 url(bg/bgbody.gif) top center repeat-y; color:black; border:none; font-family:"Arial", sans-serif; padding:0; margin:0; text-align:center; font-size:small !important; font-size:x-small; } p { margin:0; padding:.5% 5% 0 5%; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1 { font-size:175%; margin:2%; } h2 { font-size:150%; margin:2%; } h3 { font-size:130%; } h4 { font-size:120%; } h5 { font-size:100%; margin:1% 0 0 4%; } ul { margin:1% 0 1% 10%; } .bold { font-weight:bold; } .italic { font-style:italic; } /* Structure -------------------------------------------------------------------------------------------------------------------*/ #container { width:820px; padding:0 0 5% 0; margin:0 auto; text-align:left; background:white } #col1 { width:200px; float:left; display:inline; position:relative; padding:0; margin:0 } #col2 { width:600px; float:right; display:inline; position:relative; padding:0 0 0 5px; margin:0; background:white; border-left:1px solid silver; } /* Masthead -------------------------------------------------------------------------------------------------------------------*/ #masthead { width:100%; float:left; display:inline; position:relative; margin:0 0 6px 0; padding:0; border-bottom:1px solid silver; } #masthead h1 { width:50%; float:left; font-size:120%; margin:1% 0; padding:0; } .searchbar { width:275px; float:right; margin:0; padding:0 } /* Subhead -------------------------------------------------------------------------------------------------------------------*/ #subhead { width:100%; float:left; display:inline; position:relative; margin:0; padding:0; } #subhead h3 { text-align:right; margin:8px; padding:0; font-weight:bold; } #subhead p { text-align:right; font-size:85%; margin:2px 8px; padding:0; } /* Navigation -------------------------------------------------------------------------------------------------------------------*/ #mainnav { width:100%; float:right; display:inline; position:relative; padding:0; margin:10px 0; } #mainnav ul { width:100%; float:left; display:inline; position:relative; margin:0; padding:0; list-style:none; } #mainnav li { width:100%; float:right; display:inline; position:relative; margin:0; padding:0; } #mainnav li.menutitle { background:white url(bg/bgbutt1.jpg) top right repeat-y; padding:2px 6px; border-bottom:1px solid silver; } #mainnav a { width:90%; float:right; display:inline; position:relative; margin:1px 0 1px 0; padding:2px 6px; color:black; background:white url(bg/bgbutt1.jpg) top left repeat-y; text-decoration:none; border-bottom:1px solid silver; } #mainnav a:hover { background:#d0f2d0; text-decoration:none; } #home #mainnav .home a, #events #mainnav .events a, #news #mainnav .news a, #community #mainnav .community a, #businesses #mainnav .businesses a, #publicworks #mainnav .publicworks a, #campground #mainnav .campground a, #council #mainnav .council a, #development #mainnav .development a, #taxation #mainnav .taxation a, #bylaws #mainnav .bylaws a, #minutes #mainnav .minutes a, #contact #mainnav .contact a, #maps #mainnav .maps a, #faq #mainnav .faq a, #links #mainnav .links a, #photos #mainnav .photos a { background:#dce0f5; text-decoration:none; cursor:default; } /* Teasers -------------------------------------------------------------------------------------------------------------------*/ .teaser { width:100%; float:left; display:inline; position:relative; padding:6px 0; margin:6px 0; background:#dce0f5; } .teaser p { margin:0 0 0 1em; padding:0; } .teaser img { float:right; display:inline; position:relative; margin:0 6px 0 0; border:0; } /* Page Label -------------------------------------------------------------------------------------------------------------------*/ #pagelabel { background:white; color:green; border-bottom:1px solid silver; } #pagelabel img { float:left; display:inline; position:relative; padding:0; margin:0; } /* Content -------------------------------------------------------------------------------------------------------------------*/ #content { width:100%; float:right; display:inline; position:relative; padding:0; margin:0 0 3% 0; background:white; } #content dl { width:100%; float:right; display:inline; position:relative; padding:0; margin:0 0 2% 0; color:black; text-align:left; } #content dt { width:98%; float:right; display:inline; position:relative; padding:.3em 0 .3em .5em; margin:6px 0; color:black; background:white url(bg/bggrayheader.jpg) top right repeat-y; font-size:100%; font-weight:bold; border-top:1px solid silver; border-bottom:1px solid silver; } #content dd { width:92%; float:left; display:inline; position:relative; padding:0; margin:1% 0 0 5%; } #content dd.dented { width:88%; float:right; margin-bottom:10px; } #content dd.dented2 { width:88%; float:right; } #content dd.half { width:61%; float:right; margin:1% 0 0 0; } #content dd.halfalt { width:56%; float:left; margin:1% 0 1% 5%; } #content dd.pic { width:auto; float:left; position:relative; display:inline; padding:0; margin:0 0 0 3%; } #content dd.picalt { width:auto; float:right; position:relative; display:inline; padding:0; margin:0 3% 0 0; } #content dd.butt { width:60%; margin-top:5%; } #content dd.butt a { width:auto; float:right; position:relative; display:inline; padding:.25em 1em; margin:0 10% 0 0; font-size:90%; color:black; text-decoration:none; border-top:1px solid silver; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid silver; } #content dd.butt a:link, #content dd.butt a:visited { background:#dce0f5 url("bg/buttoff.jpg") repeat-x top left; } #content dd.butt a:hover { background:#bedfc4 url("bg/button.jpg") repeat-x bottom left; color:black; text-decoration:underline; } #content img { border:0; } #content img.right { float:right; margin-top:6px; } #home #content dt { width:98%; float:right; display:inline; position:relative; padding:0; margin:0; color:black; background:white; border:0; } /* Welcome -------------------------------------------------------------------------------------------------------------------*/ #welcome img { width:auto; float:left; position:relative; display:inline; padding:0; margin:1% 0 1% 3%; } #welcome img.alt { float:right; margin:1% 3% 1% 0; } #welcome p { width:60%; float:left; position:relative; display:inline; padding:0; margin:1% 0 1% 3%; } #welcome h3 { clear:both; margin:1% 0 1% 3%; } /* Index Tables - Bylaws, Minutes, etc -------------------------------------------------------------------------------------------------------------------*/ #subindex { width:100%; float:right; display:inline; position:relative; padding:0; margin:0; } #subindex { width:100%; float:right; display:inline; position:relative; padding:0; margin:0; background:white; } #subindex table { width:90%; text-align:left; float:right; font-size:100%; border-collapse:collapse; margin:6px 0; border:0; } #subindex caption { text-align:left; font-size:100%; font-weight:bold; padding:0 0 6px 0; } #subindex th { text-align:left; background:#eee url(bg/bgcalendar1.jpg) top left repeat-x; font-size:85%; padding:0.2em 1em; border:1px solid silver; } #subindex tr { border:1px solid silver; } #subindex td { padding:0.2em 1em; border-bottom:1px solid silver; } #subindex a { color:black; text-decoration:none; } #subindex a:hover { color:blue; text-decoration:underline; } .datecol { width:35%; text-align:left; } .typecol { width:35%; } .formatcol { width:15%; } .sizecol { width:15%; } .namecol { width:40%; text-align:left; } .numbercol { width:25%; } /* Calendar - full width Events page -------------------------------------------------------------------------------------------------------------------*/ .calendar { width:100%; float:left; display:inline; position:relative; padding:0; margin:0; background:white; } .calendar p { margin:.5em 0; } .calendar table { width:100%; text-align:left; font-size:100%; border-collapse:collapse; margin:1% 0; } .calendar caption { font-size:120%; font-weight:bold; padding:.5em 0; background:#eee; border-top:1px solid #006900; } .calendar thead { border:1px solid gray; } .calendar thead th { color:white; background:#006900; text-align:center; border-left:1px solid white; } .calendar tbody th { width:14%; background:#eee url(bg/bgcalendar1.jpg) top left repeat-x; font-size:85%; padding:0.2em 0 0.2em 1em; border:1px solid silver; } .calendar tbody td { text-align:center; width:14%; height:100px; vertical-align:top; background:#fff; padding:0.25em 0.5em; border:1px solid silver; } .calendar tbody th.nodate, .calendar tbody td.nodate { width:14%; background:white; border:0; } .calendar tbody td.nodate { text-align:center; } .calendar #xmas { background:white url(bg/bgxmas.gif) bottom center no-repeat; } .calendar #valentine { background:white url(bg/bgheart.jpg) bottom center no-repeat; } .calendar #stpats { background:white url(bg/bgclover.jpg) bottom center no-repeat; } .calendar #easter { background:white url(bg/bgeaster.jpg) bottom center no-repeat; } .calendar #earthday { background:white url(bg/bgearth.jpg) bottom center no-repeat; } .calendar #canada { background:white url(bg/bgflag.gif) bottom center no-repeat; } .calendar #halloween { background:white url(bg/bgpumpkin.jpg) bottom center no-repeat; } .calendar #thanks { background:white url(bg/bgturkey.jpg) bottom center no-repeat; } .calendar #remember { background:white url(bg/bgpoppy.jpg) bottom center no-repeat; font-size:85%; } .calendar .council { background:white url(bg/bggavel.jpg) bottom center no-repeat; } .calendar .recycle { background:white url(bg/bgrecycle.jpg) bottom right no-repeat; } .upcoming { width:100%; float:left; display:inline; position:relative; padding:0; margin:0; background:white; border-bottom:1px solid #006900; } /* Photoviewer -------------------------------------------------------------------------------------------------------------------*/ #thumbs { width:140px; float:right; display:inline; position:relative; margin:10px 0 0 0; padding:0; border:0; height:350px; overflow:scroll; text-align:center; } #thumbs img { width:100px; float:right; display:inline; position:relative; margin:1% 0; padding:0; border:0; } #mainimage { width:450px; float:left; display:inline; position:relative; margin:10px 0 0 0; padding:0; border:0; } #mainimage img { width:100%; float:left; display:inline; position:relative; margin:0; padding:0 0 0 10px; border:0; } #phototext { width:450px; clear:both; float:left; display:inline; position:relative; margin:0; padding:1% 0; border:0; } #phototext input { border:0; text-align:center; } /* Campground Photoviewer -------------------------------------------------------------------------------------------------------------------*/ #campphotos { margin:0; padding:0; border:0; } #campphotos img { width:110px; margin:1px 1px; padding:0; border:0; } /* Links -------------------------------------------------------------------------------------------------------------------*/ #linklist { } #linklist dd { width:35%; float:left; margin:.5% 0 0 3%; } #linklist dd.linkref { width:60%; float:right; margin-left:0; } #linklist dd.full { width:90%; float:left; } /* Footer -------------------------------------------------------------------------------------------------------------------*/ #footer { width:100%; display:block; clear:both; text-align:center; font-size:85%; padding:1% 0 0 0; margin:3% 0 0 0; border-top:1px solid silver; } #footer h3 { padding:0; margin:0; font-weight:bold; } #footer h4 { padding:0; margin:0; } #footer p { padding:0; margin:0; } /* Navigation - bottom -------------------------------------------------------------------------------------------------------------------*/ #navbot { width:100%; display:block; padding:0; margin:1% 0 0 0; text-align:center; font-size:85%; border-bottom:1px solid silver; } #navbot ul { margin:0 0 1% 0; padding:0; list-style:none; } #navbot li { display:inline; margin:0 0 0 12px; padding:0; } #navbot a { margin:0; padding:0; color:#333; text-decoration:none; } #navbot a:hover { color:black; text-decoration:underline; } #home #navbot .home a, #events #navbot .events a, #news #navbot .news a, #community #navbot .community a, #businesses #navbot .businesses a, #publicworks #navbot .publicworks a, #council #navbot .council a, #development #navbot .development a, #taxation #navbot .taxation a, #bylaws #navbot .bylaws a, #minutes #navbot .minutes a, #contact #navbot .contact a, #maps #navbot .maps a, #links #navbot .links a, #photos #navbot .photos a { color:gray; text-decoration:none; cursor:default; } /* Credits -------------------------------------------------------------------------------------------------------------------*/ #credits { width:100%; float:left; margin:0; padding:0; text-align:center; } #credits p { color:#666; margin:1% 0; } #credits p.tiny { color:#333; font-size:69%; } #credits a { color:#666; } /* ----------------------------------------------------- end of file ------------------------------------------------------------*/