@charset "UTF-8"; /* CSS Document */ /* Theme Name: Tao Garden Site Theme URI: http://www.glasspendesign.com/ Description: An extensively containered design, suitable for liquid layouts. Version: 1.0 Author: Emily Ravenwood Author URI: http://www.glasspendesign.com/ License: The XHTML is released under GPL http://www.opensource.org/licenses/gpl-license.php */ /* Color Corral: */ /*UNIVERSALS */ /* #993333; #366 */ body { font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #000000; background: #ffffff; } .win #page { font-size: 12px;} H1, H2, H3, H4, H5 { font-weight: normal; font-family: "Century Gothic", Verdana, sans-serif; } H4 { text-decoration: underline; } H5 { font-weight: bold; } H1 { margin: 3px; padding: 0; } H1 a { color: #000000; } H1 a:visited {color: #000000; } H1 a:hover { } a { color:#336666 ; text-decoration: none; } a:visited { color:#336666; } a:hover {text-decoration: underline; } dl {} dt { margin: 1em 0 .25em 0; } dd{} HR { margin-top: 2em; margin-bottom: 2em; margin-right: 20%; margin-left: 20%; } img { border: none; } .readthis { color: #CC0000; } /* for anything to be really emphasized MANUAL*/ .center { text-align: center; } .small { font-size: x-small; } /* for small notes */ .tiny { font-size: xx-small; } /* for tiny notes */ .search-excerpt {} /* class on tag around search terms */ /* WHOLE PAGE */ #page { margin: 0; padding: 0; } #page-inner {} /*HEADER*/ #header {padding: 0; margin: 0; min-width: 750px; } #header-inner { background-image: url(http://alltrees.org/celiaonline/wp-content/themes/TaoGardenSite/images/celia-banner-background-750.jpg); background-repeat: repeat-x; padding: 0; margin: 0; } #headerimg { margin: 0; padding: 0; } #headerimg-inner { background-image: url(http://alltrees.org/celiaonline/wp-content/themes/TaoGardenSite/images/celia-banner-750.jpg ); background-repeat: no-repeat; background-position: top right; margin: 0; padding: 0; height: 150px;} #header-text { padding: 1em 0 2em 0; left: -999px; position: relative; width: 900px} #header-link-to-home { display: block; width: 100%; height: 150px } #site-name { margin: 0; padding: 0 1em; text-align: left; } #site-description {} /* the site description, when in use*/ #site-description p {} /*standardly generated */ #headersearch { float: right; margin: 0; padding: 1em .5em 0 0;} #header-menu { margin: 0; padding: 1em 0 2em 0; text-align: right;} #header-menu a { } #header-menu a:visited { } #header-menu ul { list-style: none; margin: 0; padding: .5em; line-height: 1.5em; } #header-menu li { display: inline; margin: 0 1em; } #header-menu ul ul {display: inline; padding: 0; margin: 0;} /*to deal with nesting */ #header-menu .current_page_item {} #header-menu li.current_page_item a { text-decoration: underline; } #header-menu li.current_page_item a:visited { } #header-menu li.current_page_item ul li a {text-decoration: none; } /*set back to normal values in case of nested lists */ #header-menu li.current_page_item ul li a:visited {} /* BOTH COLUMNS--find these in header.php and footer.php*/ #header-mobi-switch { padding: .5em 1em 0 .5em; font-size: small; max-width: 15em; } #header-mobi-switch input { color: white; background-color: #366; } #content { border-left: solid transparent 15em; } #content-inner {} #content-footer { clear: both; } /*mostly just there to be a clearing block*/ #jumptop { margin: 2em 0 0 1em; } #jumptop-inner {} /*in case it's needed for styling */ /* SUB-SITE MENUS, if invoked on page templates */ #sitemenu { } #sitemenu ul { list-style: none; padding: 0; margin: 0; } #sitemenu ul ul { display: inline; padding: 0; margin: 0;} /*to deal with the nesting */ #sitemenu ul li { display: inline; } #sitemenu ul li a { padding: 0 .5em; margin: 0 .25em; color: #000000; } #sitemenu ul li a:hover { } .current_page_item { } #sitemenu .current_page_item a { text-decoration: underline;} .current_page_item a:visited { } .current_page_item a:hover {} #sitemenu .current_page_item ul li a { text-decoration: none; } /* reset nested items under index page */ #sitemenu .current_page_item ul li a:visited { } #sitemenu .current_page_item ul li a:hover { } /*MAIN COLUMN*/ #alpha { float: left; width:100%; margin: 0; margin-right:-100%; padding: 0; } .page {} /* class added to alpha div in page.php */ .single {} /* class added to alpha in single.php */ .search {} /* class added to page of search results in search.php*/ #alpha-inner { padding: 0 1em;} #cat-breadcrumb { padding: 0 0 .5em 0; font-size: small; } /* cagory parent string, if in use */ .navigation { display: block; padding: 1px; /*margin fix*/ } /* in single */ .alignleft { float: left;} .alignright{ float: right; } #cat-description { text-align: center; font-style: italic;} /* category description, at the top of category pages */ #cat-meta {} /* manual blurb at top of categories, if in use */ .index-notice {} /* div around the $note */ #searchpage {} /* search form called in the page */ .pagetitle-wrapper {} /* header on category and search-result pages */ h2.pagetitle {} /*ENTRIES*/ .post { margin: 1em 0 2em 0; padding: 1px; /*margin collapse fix*/ } /*whole entry wrapper*/ .archive-post {} /* class on same leve as .post in archive.php*/ .404-post {} /*class on same level in archive/index/single when post not found */ .search-post {} /* class on same level in search.php: the results of a search */ .all-archives {} /* the .post div on the all-archives index.php and template page */ .all-tags { text-align: center;} /* ditto the all-tags */ .all-links {} /* ditto all-links */ .post-inner {} .post-header {} /*contains title and datetime/author */ .post-title { } .post-title a { color: #000000; } .post-title a:visited { color: #000000; } .post-title h3 { } /*text of title. Views: archive, page, search*/ .post-title h2 { } /* text of title. Views: single, attachment, index */ .date-auth { font-size: small; } /* date of posting and author; views: Single, Archive */ .entry { } /*actual text*/ .search .entry { font-style: italic; } #wordcount { font-size: small;} /* encloses wordcount; inside of .entry in Archive and Index views */ .post img.avatar { float: left; padding: 10px 10px 10px 0; } /* the user icon, if in use */ #page-links { text-align: center; } /*contains prev/next links for paginated posts; views: Single, Attachment */ .postmetadata {} /*contains tags, category and comment link. Views: Archive, Index*/ .wptags { padding: 5px 3px; } /* div for tags; all views */ #page-footer { } /* footer for Page */ #single-footer {} /*footer for Single, Attachment */ #single-cats { text-align: right;} /* post categories. Views: Single, Attachment */ #post-dates { margin: 1em 0; text-align: right; font-size: small; color: #444444; } /* modified and posted on Page and Single */ #comment-status {} /*Views: Single, Attachment */ #rss-link {} /*Views: Single, Attachment */ #edit-link { text-align: right; } /* link to edit on Page, Single, Index, Archive */ #jumptop { display: none; } /* ARCHIVE LIST */ #archives-wrapper {} /* enclosing div*/ #archives-list { list-style: none;} /* ul around whole thing */ #archives-list li { margin: .5em 0; } .year-link {} /* li containing year */ .year-child { list-style: none; } /* ul containing months of that year */ .month-link {} /* li containing month */ .month-child { list-style: none; } /* ul containing days of that month */ .day-link {} /* li containing day */ .archive-toggle { font-size: x-small;} /* span around link to open and close sections */ /* BOOKMARK LIST */ #bookmark-list, #bookmark-list ul { list-style: none; } /* ul enclosing whole list */ /*SIDEBAR (note that many widet ids and classes are redundant)*/ #beta { float: left; width: 15em; margin-left: -15em; } #beta-inner { font-size: small; padding: 0 .5em; } #beta ul { margin-left: 0; padding-left: 0; list-style: none; } #sidebar { } /*ul, encloses all widgets */ #sidebar ul li a { padding: 0 0 0 1em; } #sidebar ul ul li a { padding: 0 0 0 2em; } #sidebar ul ul ul li a { padding: 0 0 0 3em; } #beta li { line-height: 1.5; } #beta li a { } #location-note {} /*li enclosing the 'you are browsing' notes, before widgets */ #side-cat-feed { } /*ul tag around category feed in sidebar, before widgets*/ li.widget { margin: 0 0 15px 0; padding-left: 0; } /* class of all widgets */ .widget a { } h2.widgettitle {} /*falls inside the li.widget but outside the interior ul */ #sidebar H2 { font-size: large; margin-bottom: 0; padding-bottom: 5px; } /* more versatile than using .widgettitle*/ .see-all { padding-top: .5em; } /* links to all archives or all tags in default sidebar */ li#login-control {} /* theme sidebar login function */ li.widget_frontlogin {} ul#sidelogform li { padding-bottom: 5px;} /* the ul containing login form elements */ li.widget_text {} div.textwidget { padding: 0 5px; } li#admin-profile {} /* widget from functions.php with journal-style userpic, name and text */ li.widget_admprofile {} div#profile-wrapper { margin-left: 1em;} div#profile-image { margin-bottom: 1em; } div#profile-name { font-style: italic; } div#about-admin {} li.widget_links {} li#calendar {} li .widget-calendar {} div#calendar-wrap { text-align: center; padding-right: 2em; } #calendar caption { font-style: oblique; margin-right: auto; margin-left: auto; } /* month name */ table#wp-calendar { width: auto; border-collapse: collapse; margin-right: auto; margin-left: auto; } #wp-calendar thead {} #wp-calendar tfoot {} #wp-calendar tbody {} #wp-calendar td { border: 1px solid #999; padding: 3px; } li#archives { } li.widget-archives {} .widget-archives select { margin-left: auto; margin-right: auto; } /* tag enclosing the drop-down menu of months */ #tag_cloud {} .widget_tag_cloud {} #tag_cloud a { padding-right: 5px; } li#search { } li.widget-search { } #beta #searchform { } #beta #searchform div { } input#searchsubmit { margin-top: 3px; } li#recent-posts { } li.recent-posts-widget {} li#recent-comments { } li.recent-comments-widget {} li#site-nav {} /* widget from functions.php with journal-style site nav links */ li.widget_plusnavlinks {} li.widget_rss {} li#meta { } li.widget-meta {} li.categories, li.widget-categories { padding-bottom: 3px; } /*the id is unpredictable; .categories is the unwidgetized version*/ li.cat_item {} .widget-categories a, .categories a { display: block; } /*need both for widgetized and unwidgetized */ .widget-categories a:hover, .categories a:hover { } .widget-categories ul.children a, .categories ul.children a { } /* child categories */ .current-cat {} /*category that is open; Views: archive*/ .current-cat a { } .current-cat a:visited { } .current-cat ul li a { } /* links in items nested below; remember to set back to normal colors if there is a block hover color change */ .current-cat ul li a:visited { } li.current-cat-parent {}/* category one up. Views: archive */ li#pages, li.pagenav {} /*widgetized and un versions */ li.widget_pages {} li.page_item {} /* same as wp_list_pages if that is in header */ .pagenav a, #pages a { display: block; } #pagenav { width: auto; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } #pagenav a, #pagenav a:visited { display: block; font-weight: normal; font-size: 160%; background-color: #993333; color: #FFFFFF; padding-bottom: .3em; text-decoration: none; } #pagenav a:hover { background-color: #366} #pages .current_page_item, #pagenav .current_page_item {} /*page that is open; Views: Page */ #pages li.current_page_item a, #pagenav li.current_page_item a { } #pages li.current_page_item a:visited, #pagenav li.current__page_item a:visited { } #pages .current_page_item ul li a, #pagenav .current_page_item ul li a { } /* links in items nested below; remember to set back to normal colors if there is a block hover color change */ #pages .current_page_item ul li a:visited, #pagenav .current_page_item ul li a:visited { } /*FOOTER*/ #footer { padding: 0; margin: 1em 1em 5px 1em; text-align: center; color: #999999; } #footer a { } #footer-inner {font-size: x-small;} #license-notes { } /*COMMENTS*/ p.nocomments {} /* password or comments closed notice */ #comments-wrapper { margin: .5em 0; padding: 1px; /*margin collapse fix */ } /*around entire comment area */ h2#comments { padding: .25em; width: 100%; clear: none; } /*heading of the comments area */ #comments a { } #addlink {} /* the [add] link inside the header */ h3#pings {padding-bottom: .25em; margin-bottom: 0; display: block; } /* INDIVIDUAL COMMENTS */ .commentlist, .commentlist ul { list-style: none; margin-left: 0; padding-left: 0; } /* ul; encloses all comments made */ .pinglist { margin-top: 0; margin-bottom: 2em; } /* ol; encloses all trackbacks when separated */ ul.children { margin-left: 20px; padding-left: 0; } /* ul enclosing any threaded replies; use this for indent */ .commentlist li { margin-top: 15px; } /* encloses each comment; following classes are on this as well, without callback */ .comment {} /* moved from the li to the div for this theme */ .pingback {} /* replaces .comment on trackbacks */ div.bypostauthor { background-color: #FFFFdd; border: 1px solid #cccccc; } .even { background-color: #eeeeee; border: 1px solid #cccccc; } .odd { background-color: #ffffff; border: 1px solid #cccccc; } .thread-even {} .thread-odd {} .byuser {} .alt {} /* given to every other comment */ .depth-1 {} /* these go on in increasing increments as far as depth is allowed */ /* a div with #div-comment-xxx encloses each comment inside the li and therefore exempt from nesting; all the below classes are contained in this div */ .comment-header {} .comment-header a {} .comment-header a:visited {} div.bypostauthor .comment-header {} .even .comment-header {} .odd .comment-header {} .comment-author {} /* encloses userpic and author name */ #comments-wrapper img.avatar { float: left; margin: 5px; border: 1px solid #cccccc; } .comment-meta {font-size: x-small; border-bottom: 1px solid #cccccc; width: 70%; } /* encloses the date/time */ .commentmetadata {} /* these two appear to be the same thing */ .comment-text { margin: 0 5px; } /* the actual text */ .reply { margin-left: 5px; } /*the reply to comment link */ /* ADD COMMENT FORM */ #addcomment { margin-top: 20px; text-align: left; } /* encloses the add-comment section */ #add-email-form { border: 8px red double; margin: 1em; padding: .5em 1em; } /* the prompt for openID users */ #respond { } /* encloses the form */ h3#addheader {padding-bottom: .25em; margin-bottom: 0; display: block; } /* the 'leave a reply' header */ #cancel-comment-reply { font-size: small; } #cancel-comment-reply a, #cancel-comment-reply a:visited { color: #cc0000; } form#commentform {} /* the form itself */ #commentform textarea { width: 100%;} /* the message writing area; set width to fix occasional FF bug */ /* IF LOGGED IN*/ table#loggedtable {} table#loggedtable td { padding: 5px 0; } td#logged-in-note { border-bottom: 1px solid #999999; padding: .5em 3px; } /* SPLIT OPTIONS */ table#splittable {} div#method-header { font-size: large; font-weight: bold; text-align: center; padding: 3px; margin-bottom: 20px;} /* tell me who you are */ table#splittable td { padding: 5px 5px 5px 10px; } .split-notes {font-size: x-small; color: #999999;} tr#method { text-align: center; } td#trad-meth { border-right: 1px solid #000; text-decoration: underline; } td#op-id-meth {text-decoration: underline;} tr#field-one { } #field-one td#commenter-name { border-right: 1px solid #000; } td#op-id { } tr#field-two { } #field-one td#commenter-email { border-right: 1px solid #000; } td#op-id-blank { } /* SINGLE OPTIONS */ table#regtable { } table#regtable td { padding: 5px 0; } tr#name-section {} td#commenter-name { } tr#email-section {} td#commenter-email { } tr#url-section {} td#commenter-url {} /*IN BOTH */ tr#comment-section { } td#commenter-content { vertical-align: top; } tr#allowed-characters { font-size: x-small; color: #999; } td#notes {font-size: x-small; color: #666; text-align: right;} td#button { padding: 2px;} /* submit comment and subscription buttons */ /******* INDIVIDUAL PAGES *******/ /* DEFAULT TEMPLATE */ .no-template .entry { width: 80%; border: 1px solid lightgrey; margin-bottom: 2em;padding: .5em 2em;} .page-main-image { width: 35%; float: right; margin: 1em;} /* MAIN PAGE TEMPLATE */ #next-show h3 { border: 1px solid lightgrey; width: 6em; background-color: lightgrey; position:relative; top: 1em; left: 1em; margin: 0 .5em; padding-left: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #next-show-content { width: 60%; border: 1px solid lightgrey; margin-bottom: 2em;padding: 1.5em 2em; } #rss-subscribe { display:none; } /* actually in sidebar.php, defined to show on main page */ /* MUSIC TEMPLATE */ .music-cover-image { float: right; width: 48%; } .music-cover-image .cover-image { width: 96%; padding: 0% 2%;} .bandcamp-player-main { float: left; width: 48%; margin-bottom: 1em; } .one-album { width: 80%; border: 1px solid lightgrey; clear: both; margin-bottom: 2em; padding-left: 1%; padding-bottom: 1em; } .bandcamp-player-single { margin-bottom: 1em; } /* RSS BLOG TEMPLATE */ .blog-item { width: 80%; border: 1px solid lightgrey; margin-bottom: 2em; padding-left: 1%; padding-bottom: 1em; } .blog-item h3 {} .blog-item h4 {} .blog-item .blog-item-content{ margin: .25em 1em;} .blog-item img { float: right; padding 1.5em; } /* CALENDAR */ #rss-shows {} #rss-shows .one-show { width: 60%; border: 1px solid lightgrey; margin-bottom: 2em; padding-left: 1%; padding-bottom: 1em; } #rss-shows .date { font-weight: bold} #rss-shows .venue{ font-weight: bold; text-decoration: underline; padding-bottom: .25em} #rss-shows .address {} #rss-shows .city {} #rss-shows .description { padding: .35em 0;} #rss-shows .price {}