/* Theme Name: Barefeet Theme URI: http://www.barefeettheatre.org Description: Theme for barefeettheatre.org website Version: 0.1 Author: Mark Chitty */ /* General */ * { margin: 0; padding: 0; font-weight: normal; font-style: normal; } p, ul, ol { margin-bottom: 1.2em; } ul { margin: 0; padding: 0; list-style: none; } li { padding-left: 1em; background: url(images/brown-blob.gif) left 0.25em no-repeat; } img { border: 1px solid #533019; } /* Typography */ body { font: 80% "Helvetica","Tahoma",sans-serif; color: #000; } h1, h2, h3, h4 { color: #743c13; font-weight: bold; letter-spacing: 0.5pt; margin-bottom: 0.4em; } h1 { font-size: 3.0em; } h2 { font-size: 2.4em; } h3 { font-size: 1.6em; margin: 0 0 0.3em 0; letter-spacing: 0; text-transform: lowercase; } h4 { font-size: 1.3em; margin: 1.5em 0 0.3em 0; letter-spacing: 0; text-transform: lowercase; } #page p { line-height: 1.25; } #intro p { font-size: 1.36em; overflow: hidden; } #footer { font-size: 0.95em; } code { font: 0.9em "Andale Mono", "Courier New", Courier, monospace; } strong { font-weight: bold; } /* Page structure */ divv { border: 1px solid #339; } /* CSS debug rule */ html { background: #FFF; } #container { margin: 20px auto 11px auto; width: 720px; border: 1px solid #533019; overflow: hidden; background: #faf2e6 url(images/page-bg.jpg) left 200px no-repeat; } #header { position: relative; height: 200px; background: #f6c38b url(images/header-3.jpg) no-repeat; } #header h1 { text-indent: -2000px; } #nav { position: absolute; bottom: 11px; width: 100%; } #page { float: left; width: 490px; padding: 15px 30px 15px 20px; } #footer { width: 722px; margin: 10px auto; text-align: center; } #sidebar { float: left; width: 160px; padding: 17px 0 0 0; } #sidebar .widget, #sidebar .section { margin: 0 0 30px 0; padding: 4px 4px 0 4px; background: #fdf9f4; border-top: 2px solid #deccb4; border-bottom: 2px solid #deccb4; } /* Links */ a { color: #338; } a:hover { color: #33e; } h3 a { color: #743c13; font-weight: bold; text-decoration: none; } /* Navigation */ /* We're using a semi-transparent png background image instead of css 'opacity' in order to preserve text opacity. */ #nav { background: url(images/60-percent-white.png); } #nav ul, #subNav ul { margin: 0; font-size: 1.25em; } #nav li, #subNav li { padding: 0; background: transparent; } #nav li { float: left; display: block; } #nav li a, #subNav li a { color: #7d4c2d; font-weight: bold; display: block; text-decoration: none; } #nav li a { float: left; padding: 0px 20px; line-height: 2em; } #nav li.current_page_ancestor a, #nav li.current_page_item a, #nav li a:hover { color: #331d0b; background: url(images/60-percent-brown.png); } #subNav ul { margin-bottom: 4px; } #subNav li a { line-height: 1.3em; text-align: right; padding-right: 3px; } #subNav li.current_page_item a , #subNav li.current_page_item a:hover { color: #331d0b; background: #c6a284 url(images/subnav-arrow-active.gif) 4px no-repeat; } #subNav li a:hover { color: #7d4c2d; background: #efe4d7 url(images/subnav-arrow-hover.gif) 4px no-repeat; } #archiveNav { float: right; line-height: 2.4em; white-space: nowrap; } #archiveNav a { color: #7d4c2d; font-weight: bold; text-decoration: none; } #archiveNav a:hover { color: #7d4c2d; background: transparent; } /* News */ #news .post { padding: 10px; overflow: hidden; } #news .post.odd { background: #fcf7f2; } #news img { float: left; margin-right: 10px; } #news p { line-height: 1.2em; margin: 0; } #news p.postDate { float: right; color: #cc9966; font-size: 88%; } #news p.headline { margin-bottom: 0.3em; } #news p.headline a { font-weight: bold; text-decoration: none; } #newsLinks ul { padding: 0 2px; } #newsLinks li { margin-bottom: 0.5em; } #newsLinks li a { text-decoration: none; color: #7d4c2d; } #newsLinks li a:hover { text-decoration: underline; color: #7d4c2d; } /* Comments */ #commentform { background: #fdf9f4; padding: 5px; border: 1px solid #deccb4; } #commentform label { line-height: 1.5em; } #commentform td { vertical-align: top; padding: 0 0.5em 0.2em 0; } #commentform input.textInput, #commentform textarea { border: 1px solid #deccb4; padding: 1px; } #commentform textarea { width: 350px; font: 100% "Helvetica","Arial",sans-serif; } ol.commentlist { list-style: none; } ol.commentlist cite { font-size: 1.4em; } ol.commentlist li { background: #fdf9f4; border: 1px solid #deccb4; padding: 5px 6px; margin: 0 0 0.5em 0; } ol.commentlist li.alt { background: #f5ebdb; } a.commentmetadata { color: #666; font-size: 0.85em; float: right; } ol.commentlist a { text-decoration: none; } ol.commentlist a:hover { text-decoration: underline; } ol.commentlist li p { margin: 0.8em 0 0 0; } /* Bits & bobs */ #intro p img { float: left; margin: 3px 20px 0px 0; } #donateCalendar { margin-bottom: 14px; padding: 0; border: 0; background: transparent; } img#donate, img#calendar { border: 0; margin-bottom: 6px; } .left { float: left; margin: 1px 15px 15px 0; } .right { float: right; margin: 1px 0 15px 15px; } .commentHeader { clear: both; margin: 1.3em 0 0.2em 1px; } .textwidget p { margin-bottom: 7px; } blockquote { font-size: 1.2em; border: 1px solid #deccb4; padding: 30px 5px 5px 15px; line-height: 1.2; width: 120px; background: #f5ebdb url(images/quotes-open.gif) no-repeat 5px 5px; } blockquote p { background: url(images/quotes-close.gif) no-repeat bottom right; margin: 0; padding: 0 10px 23px 0; }