/* THEME NAME: Cape Farewell - Disko Bay THEME URI: http://www.plaintxt.org/themes/sandbox/ DESCRIPTION: Cape Farewell Disko Bay theme (based on Sandbox) VERSION: 1.6 AUTHOR: Kathy Barber at Bullet Creative AUTHOR URI: */ /* *************************************** GLOBAL RESET *************************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* *************************************** GENERIC CLASSES *************************************** */ /* ~~~~~~~~~~~~~~~ HIDDEN ~~~~~~~~~~~~~~~ */ .hidden { position: absolute; left: -9000px; } /* ~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~ */ a { text-decoration: none; } a img { border: none; } a.more-link { background: url(images/arrow-right-red.gif) no-repeat right 0.45em; padding-right: 10px; } a.pdf { background: url(images/icon-pdf.gif) no-repeat 0 3px; padding-left: 14px; } /* ~~~~~~~~~~~~~~~ FORM LABELS ~~~~~~~~~~~~~~~ */ /* Labels - Positioned over top of fields */ /* no javascript version - hidden off screen */ /*label.overlabel { position: absolute; left: -9000px; }*/ /* class added using javascript. positions labels over form fields */ /*label.overlabel-apply { position: absolute; top: 4px; left: 5px; z-index: 1; }*/ /* ~~~~~~~~~~~~~~~ FLOATS & CLEARS ~~~~~~~~~~~~~~~ */ .clear { clear: both; } /* *************************************** STYLES *************************************** */ /* ~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~ */ body { margin: 0 auto; font: 62.5%/1.3 Verdana, Arial, Helvetica, sans-serif; color: #32414c; text-align: center; background: #f2f5f7; } /* ~~~~~~~~~~~~~~~ WRAPPERS ~~~~~~~~~~~~~~~ */ #wrapper { margin: 0 auto; border: solid 4px #fff; text-align: left; width: 1118px; position: relative; background: #f2f5f7 url(images/wrapper-back.gif) repeat-y right top; } /* ~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~ */ #header { min-height: 71px; padding: 21.5em 0 0; width: 100%; background: #fff; } #header h1 { background: #fff url(images/logo-diskobay.gif) no-repeat 16px center; min-height: 71px; overflow: hidden; } #header h1 a { display: block; text-align: right; min-height: 71px; color: #fff; } #header-media { position: absolute; } /* ~~~~~~~~~~~~~~~ CONTENT CONTAINER ~~~~~~~~~~~~~~~ */ #container { width: 748px; float: left; margin-bottom: 5em; background: #f2f5f7 url(images/container-back.gif) no-repeat top left; } /* ~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~ */ #content { margin: 56px 19px 0; } /* ~~~~~~~~~~~~~~~ HEADINGS ~~~~~~~~~~~~~~~ */ #content h2 { font: 1.9em Arial, Helvetica, sans-serif; color: #242424; margin: 0 0 0.8em 0; } #content h3 { font: 1.5em Arial, Helvetica, sans-serif; color: #242424; margin: 0 0 0.2em 0; } #content h4 { font: 1.3em Arial, Helvetica, sans-serif; color: #242424; margin: 0 0 0.2em 0; } #content h5 { font: 1.3em Arial, Helvetica, sans-serif; color: #242424; margin: 0 0 0.2em 0; } #content h2 a, #content h3 a { color: #242424; padding: 0 10px 0 0; background: url(images/arrow-right-black.gif) no-repeat right 0.55em; } #content h2 a:hover, #content h3 a:hover { color: #ed0122; } /* ~~~~~~~~~~~~~~~ TEXT ~~~~~~~~~~~~~~~ */ #content p, #content ul, #content ol { color: #434445; font-size: 1.1em; margin: 0 0 2em; line-height: 1.5em; } #content ul p, #content ol p { font-size: 1em; } #content ul li { background: url(images/bullet-dot-grey.gif) no-repeat 0 0.7em; padding-left: 10px; } .note { color: #888888; } /* ~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~ */ #content a { color: #ed0122; } #content a:hover { color: #737576; } /* ~~~~~~~~~~~~~~~ FORMS ~~~~~~~~~~~~~~~ */ .form-section { margin-top: 2em; } .form-section div { font-size: 1.1em; } /* ~~~~~~~~~~~~~~~ AUDIO ~~~~~~~~~~~~~~~ */ .audioblip { overflow: hidden; height: 30px; } .downloadlink { height: 1px; overflow: hidden; padding: 0; margin: 0; } /* ~~~~~~~~~~~~~~~ STATIC PAGES ~~~~~~~~~~~~~~~ */ #content .page { width: 450px; } /* Generic */ div.logos { margin: 3em 0 4em 0; } div.logos img { margin: 0 1.8em 1.6em 0; vertical-align: middle; } div.related-pages { margin-top: 2em; margin-bottom: 1em; } div.related-pages h3 { } div.related-pages ul { padding-left: 1.5em; padding-top: 1em; padding-bottom: 2em; } div.related-pages li { list-style-image: url(images/icon-arrow.gif); } p.quote { } /* Crew List Page */ #content #post-234.page, #content #post-241.page { width: 100%; } ul.crew { padding: 0; margin: 20px 0 0 0; } #content ul.crew li { background: none; padding-left: 0; } ul.crew li img { margin: 2px; } #content ul.crew li h3 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 8px 8px 0 8px; color: #132839; font-weight: bold; } #content ul.crew li h4 { font-size: 1em; margin: 0 8px; font-weight: normal; color: #132839; } #content ul.crew p { font-size: 1em; line-height: 1.3em; margin: 0 8px 0 8px; } ul.crew li strong { font-weight: normal; color: #6d7989; } ul.crew li { width: 200px; float: left; display:block; margin: 0 10px 10px 0; height: 36em; overflow: hidden; border: 1px solid #e1e4e9; background-color: #f2f3f6; background-position: 2px 2px; background-repeat: no-repeat; } ul.crew li:hover { border: 1px solid #d3d6db; background-color: #f6f7f9; } /* Podcast Page */ a.podcast { background: url(images/feed-podcast-12x12.gif) no-repeat top left; padding-left: 18px; color: #7739a0; } /* Partners and Sponsors */ ul.sponsors { padding: 0; margin: 5px 0 25px 0; } ul.sponsors li { display: block; float: left; margin: 10px 15px 10px 0; } /* RSS feeds */ ul.list-rss { margin-left: 1.5em; } ul.list-rss + div.clear { margin-bottom: 1.5em; border: 1px solid #f2f5f7; } #content ul.list-rss li { float: left; min-width: 180px; padding-left: 18px; background: url(images/feed-rss-12x12.gif) top left no-repeat; } #content ul.list-rss li a, #content ul.list-rss li a:visited { color: #dc612a; } #content ul.list-rss li a:hover { color: #333; } ul.list-rss li.list-atom { background: url(images/feed-atom-12x12.gif) top left no-repeat; } #content ul.list-rss li.list-atom a, #content ul.list-rss li.list-atom a:visited { color: #1b789b; } #content ul.list-rss li.list-atom a:hover { color: #333; } ul.list-rss li.list-podcast { background: url(images/feed-podcast-12x12.gif) top left no-repeat; } #content ul.list-rss li.list-podcast a, #content ul.list-rss li.list-podcast a:visited { color: #7739a0; } #content ul.list-rss li.list-podcast a:hover { color: #333; } /* Google Map */ .geo_mashup_map { margin-bottom: 2em; } /* ~~~~~~~~~~~~~~~ POSTS ~~~~~~~~~~~~~~~ */ #content .post { width: 622px; margin: 0 0 45px; float: left; padding-bottom: 5px; background: url(images/post-separator.gif) no-repeat left bottom; } /* Posts Content */ #content .post h3.category { font-size: 1.1em; margin-bottom: 1em; } #content .post h3.category a { background: none; padding-right: 0; } #content .entry-content { width: 453px; float: left; } #content .entry-content p { width: 415px; } #content .entry-content img { max-width: 453px; } /* Sociable Plugin */ div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; color: #434445; font-size: 1.1em; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } #content .sociable ul li { background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* Post Info */ #content .entry-meta { margin: 0 0 0 460px; } #content .entry-meta li { background: none; padding-left: 0; } #content .entry-meta .author img { max-width: 32px; max-height: 32px; } #content .entry-meta a { color: #434445; } #content .entry-meta .comments-link a { color: #ef042a; display: block; padding-left: 15px; background: url(images/icon-speech-bubble-red.gif) no-repeat left 3px; } #content .entry-meta a:hover, #content .entry-meta .comments-link a:hover { color: #737576; } /* ~~~~~~~~~~~~~~~ COMMENTS ~~~~~~~~~~~~~~~ */ #content #comments-list, #respond { clear: left; width: 450px; } #content #comments-list h3 { margin-bottom: 1.5em; } #comments-list a { color: #ed0122; } #comments-list .comment-author a { color: #434445; } #comments-list .comment-author a:hover { color: #ed0122; } .comment { border-bottom: solid 1px #cfd4d8; padding-top: 2em; } /* Answered Question */ .answer { margin-left: 20px; } /* ~~~~~~~~~~~~~~~ BOTTOM NAVIGATION ~~~~~~~~~~~~~~~ */ #nav-below { clear: left; } /* ~~~~~~~~~~~~~~~ NAVIGATION (Primary Sidebar) ~~~~~~~~~~~~~~~ */ #primary { width: 370px; float: left; background: #b4011e; color: #ccc; padding-bottom: 15em; } #primary div { padding: 24px 17px; } #primary h3 { color: #f2f5f7; text-transform: lowercase; font: 1.8em Arial, Helvetica, sans-serif; margin: 0 0 0.5em; } #primary a { color: #fff; font-size: 1.1em; } #primary a:hover { color: #c1c1c1; } /* ~~~~~~~~~~~~~~~ STATIC LINKS ~~~~~~~~~~~~~~~ */ #nav-assorted { background: #6d9e44 url(images/static-links-back.jpg) no-repeat top left; } #nav-assorted div { float: left; width: 50%; margin: 0 0 15px; } #primary #nav-assorted div { padding: 0; } #nav-assorted h3 { margin: 0 0 0.8em; } /* Mailing List Form */ #nav-assorted #mailing-list { float: none; clear: left; width: 100%; margin: 0; } #nav-assorted #mailing-list h3 { font: 1em Verdana, Arial, Helvetica, sans-serif; margin: 0; text-transform: none; } #mailing-list form { display: block; position: relative; color: #242628; margin-bottom: 24px; } #mailing-list input { background: #ebf4e6; border: solid 1px #6d8c57; padding: 2px; font-size: 1.1em; float: left; margin: 2px 2px 0 0; } #mailing-list input[type="submit"] { background: #7ec045; color: #222; padding: 1px; } /* ~~~~~~~~~~~~~~~ DESCRIPTION ~~~~~~~~~~~~~~~ */ #descrip { border-top: solid 6px #960119; } #descrip p { font: 15px Arial, Helvetica, sans-serif; color: #F2F5F7; line-height: 18px; font-weight: bold; margin-right: 18px; } #descrip a, #descrip a:visited { color: #dddddd; font-size: 15px; } #descrip a.hilite, #descrip a:visited.hilite { color: #ffffff; } #descrip a:hover, #descrip a.hilite:hover { color: #ecdb09; } /* ~~~~~~~~~~~~~~~ POPULAR POSTS ~~~~~~~~~~~~~~~ */ #posts-popular { background: #960119; } #posts-popular li { background: url(images/bullet-dot-white.gif) no-repeat 2px 0.7em; padding-left: 10px; } /* ~~~~~~~~~~~~~~~ POSTS BY PROFILE ~~~~~~~~~~~~~~~ */ #post-by-profile { float: left; } #post-by-profile h3 { float: left; margin-right: 60px; } #post-by-profile p { float: left; margin: 0.45em 0 0; } #post-by-profile p a { color: #ecdb09; padding-right: 10px; background: url(images/arrow-right-yellow.gif) no-repeat right 0.55em; } #post-by-profile ol { clear: left; float: left; } #post-by-profile li { float: left; width: 167px; } /* ~~~~~~~~~~~~~~~ POSTS BY DATE ~~~~~~~~~~~~~~~ */ #posts-by-date { clear: left; float: left; background: #a5011b; width: 336px; } #posts-by-date h4 { float: left; clear: left; margin: 0 7px 7px 0; width: 2.5em; color: #fff; font: 1.2em Arial, Helvetica, sans-serif; } #posts-by-date ol { position: relative; } #posts-by-date li { margin: 0 7px 7px 0; float: left; } #posts-by-date a { padding: 1px; font: 1.2em Arial, Helvetica, sans-serif; } /* ~~~~~~~~~~~~~~~ RECENT COMMENTS ~~~~~~~~~~~~~~~ */ #comments-recent { background: #960119; clear: left; } #comments-recent li { background: url(images/bullet-dot-white.gif) no-repeat 2px 0.7em; padding-left: 10px; } /* ~~~~~~~~~~~~~~~ ASSORTED LINKS ~~~~~~~~~~~~~~~ */ #links-assorted div { float: left; width: 50%; margin: 0; } #primary #links-assorted div { padding: 0; margin: 0 0 15px; } #links-assorted h3 { margin: 0 0 0.8em; } /* ~~~~~~~~~~~~~~~ SIDEBAR BOTTOM ~~~~~~~~~~~~~~~ */ #primary #sidebar-bottom { position: absolute; bottom: 10px; right: 0; width: 370px; padding: 0; } #primary #sidebar-bottom div { padding: 0 17px; } /* Sponsors */ #primary #sidebar-bottom #sponsors { margin-bottom: 2em; } /* Sidebar Bottom Links */ #primary #sidebar-bottom #footer-links { float: left; width: 40%; margin: 0 0 0 17px; } #footer-links li { float: left; } #footer-links a { padding: 0 5px; color: #fff; background: url(images/bullet-dot-grey.gif) no-repeat left 0.65em; } #footer-links li:first-child a { background: none; padding-left: 0; } /* Site Search */ #primary #sidebar-bottom #search { margin: 0 17px 0 185px; padding: 0; } #search form { } #search label { color: #35383b; display: block; } #search input { color: #35383b; background: #f6f7fa; border: solid 1px #b0b0b0; font: 1.1em Verdana, Arial, Helvetica, sans-serif; margin: 0 1px; padding: 1px 2px; width: 100px; } #search input[type="submit"] { padding: 0; width: 50px; } /* ~~~~~~~~~~~~~~~ SIDBAR (Secondary Sidebar) ~~~~~~~~~~~~~~~ */ #secondary { width: 1118px; height: 208px; position: absolute; left: 0; top: 0; } /* ~~~~~~~~~~~~~~~ HEADER MEDIA ~~~~~~~~~~~~~~~ */ #cfheaderimages, #cfheadervideo, #cfheadermap { float: left; } #cfheaderimages, #cfheadervideo { margin-right: 4px; } /* ~~~~~~~~~~~~~~~ POSTS BY DATE (HEADER) ~~~~~~~~~~~~~~~ */ #posts-by-date-header { position: absolute; top: 208px; left: 374px; width: 370px; padding-top: 11px; background: #fff url(images/post-by-date-heading.gif) no-repeat left 11px; } #posts-by-date-header ol { min-height: 35px; width: 330px; margin: 8px 0 0 -1px; } #posts-by-date-header li { float: left; padding-top: 7px; margin-right: 1px; } #posts-by-date-header li:hover, #posts-by-date-header .selected { background: url(images/arrow-down-black.gif) no-repeat center top; } #posts-by-date-header a { float: left; display: block; width: 24px; border: solid 1px #fff; padding: 30px 0 3px; text-align: center; color: #4f5d6b; font-size: 0.8em; } #posts-by-date-header a:hover, #posts-by-date-header .selected a { border-color: #4f5d6b; } /* Backgrounds */ #day-1 a { background: url(images/1.jpg) no-repeat left top; } #day-2 a { background: url(images/2.jpg) no-repeat left top; } #day-3 a { background: url(images/3.jpg) no-repeat left top; } #day-4 a { background: url(images/4.jpg) no-repeat left top; } #day-5 a { background: url(images/5.jpg) no-repeat left top; } #day-6 a { background: url(images/6.jpg) no-repeat left top; } #day-7 a { background: url(images/7.jpg) no-repeat left top; } #day-8 a { background: url(images/8.jpg) no-repeat left top; } #day-9 a { background: url(images/9.jpg) no-repeat left top; } #day-10 a { background: url(images/10.jpg) no-repeat left top; } #day-11 a { background: url(images/11.jpg) no-repeat left top; } #day-12 a { background: url(images/12.jpg) no-repeat left top; } /* ~~~~~~~~~~~~~~~ MEDIA LINKS ~~~~~~~~~~~~~~~ */ #links-media { position: absolute; top: 208px; left: 762px; width: 356px; min-height: 38px; padding-top: 11px; background: #fff url(images/logo-cape-farewell.gif) no-repeat 163px 20px;} #links-media ul { background: url(images/media-links-heading.gif) no-repeat top left; float: left; padding: 9px 0 0; } #links-media li { float: left; width: 27px; height: 27px; overflow: hidden; margin: 0 3px 0 0; padding-top: 7px; } #links-media li:hover { background: url(images/arrow-down-black.gif) no-repeat 5px top; } #links-media a { display: block; float: left; width: 27px; height: 27px; overflow: hidden; padding-top: 2.7em; font-size: 1px; color: #fff; } /* Icons */ #photos a { background: url(images/icon-photos.gif) no-repeat left top; } #video a { background: url(images/icon-video.gif) no-repeat left top; } #audio a { background: url(images/icon-audio.gif) no-repeat left top; } #rss a { background: url(images/icon-rss.gif) no-repeat left top; } /* ~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~ */ #footer { clear: left; } /* ~~~~~~~~~~~~~~~ SITE NAVIGATOR ~~~~~~~~~~~~~~~ */ #site-navi { margin: 0 0 10px 200px; } #site-navi label { font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #434445; } #site-navi select, #site-navi input { font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #434445; border: solid 1px #b5b6ba; background: #fff; } /* ~~~~~~~~~~~~~~~ FOOTER TEXT ~~~~~~~~~~~~~~~ */ #footer-text { margin: 0 390px 10px 17px; text-align: center; } #footer-text p { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; } #footer-text strong { font-weight: normal; } #footer-text em { font-style: normal; } /* ~~~~~~~~~~~~~~~ HOMEPAGE ~~~~~~~~~~~~~~~ */ body.home .home-message { margin: 25px 0 -20px 20px; position: static; } body.home.paged .home-message { position: absolute; margin-left: -9000px; }