/* Theme Name: SFPAL Author: Duncan Channon */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; height:100%; } html, body { height: 100%; } ul { list-style: none; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .smpad { padding: 5px 0; } .top {vertical-align: top;} .small {font-size: 9px;} .bold {font-weight: bold;} .pushtwo {margin-top: 2px;} .pushone {margin-top: 1px;} a {color: #006699;} a:hover {text-decoration: underline;} .nudgedown {margin-top: 10px;} .blue {color: #062052;} /* STRUCTURE */ body {font: 12px Georgia, sans-serif; color: #666666; text-align: center; background-color: #999999; margin: 0; padding: 0; line-height: 1.4em; background-repeat: repeat-x;} #container {margin: 0 auto; text-align:left; width:1080px; background-color: #ffffff;} #navigation {height: 35px; background-image:url(http://www.sfpal.org/wp-content/images/nav-bg.jpg);} #nav li {float: left; margin-right: 20px;} #small-nav li {float: left; margin-left: 20px;} #nav-div {width: 960px; margin: 0 auto; line-height: 14px; padding-top: 10px;} #content {width: 960px; margin: 0 auto; height: 100%; background-image:url(http://www.sfpal.org/wp-content/images/content-bg.jpg); background-repeat: repeat-y; margin-top: 30px;} #home-posts {margin-bottom: 40px;} #home-content {width: 500px; float: left; padding-right: 20px; margin-right: 9px; min-height: 100; position: relative;} p {margin-bottom:12px;} #quote {border-top: 5px solid #dac37f; border-bottom: 5px solid #dac37f; padding: 10px 0 30px 0;} #home-posts .post {padding: 12px 0 23px 0; border-bottom: 5px solid #dac37f;} #home-posts .title {margin-bottom: 15px; font-size: 14px; line-height: 1.4em;} #home-posts .title a {color: #062052;} .sub-nav {margin-top: 10px; color: #006699;} .sub-nav li {float: left; margin-right: 8px; padding-right: 8px; border-right: 1px solid #b58800;} .sub-nav li:last-child {border-right: none !important;} .about-nav {margin-left: 122px;} .help-nav {margin-left: 275px;} .programs-nav {margin-left: 187px;} #history-footer {float:left; font-size: 14px; color: #062052; width: 500px; border-right: 1px solid #b58800; padding-right: 20px; margin-right: 9px;} #history-footer-inside {border-top: 5px solid #dac37f; padding-top: 15px; } #history-footer img {padding: 15px 10px 0 0; float: left; width: 160px; height: 100px;} #disclaimer-footer {border-right: 1px solid #b58800; padding:right:20px; position: relative; float:left; color: #b58800; width: 220px;} #disclaimer-footer-content {width: 200px; border-top: 5px solid #dac37f; padding-top: 100px; font-size: 11px;} #contact-footer {border-top: 5px solid #dac37f; padding-top: 15px; height: 135px; width: 199px; font-size: 14px; color: #062052; position: relative; float: left; margin-left: 9px;} #more-contact {border-top: 5px solid #dac37f; position: absolute; bottom: 0; width: 200px; padding: 10px 0 0 0; font-size: 12px; color: #666666;} #sidebar {width: 430px; float: left;} #column2 {float: left; min-height: 100%; position: relative; padding-right:20px; } #column3 {float: left; min-height: 100%; position: relative; margin-left: 9px; width: 200px;} #programs {border-top: 5px solid #dac37f; font-size: 14px; color: #062052; padding-top: 12px;} ul#program-list {font-weight: normal; font-size: 11px; margin-top: 20px;} ul#program-list li {margin-bottom: 23px;} ul#program-list li:hover {text-decoration: underline;} #sidebar-quote {color: #062052;} #search {font-size: 14px; color: #091b4d; margin-top: 15px;} .newsletter-sign {border-top: 1px solid #b78704; margin-top: 10px; padding-top: 15px;} #error-content {width: 500px; float: left; padding-right: 20px; margin-right: 9px; height: 100%;} #error-content .title {color: #062052; font-size: 14px; margin-bottom: 20px;} .sidebar-form {background-color: #ffffff; margin: 5px 0 5px 0; float: left; border: 1px solid #b2b2b2; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 0 1px 0 3px; height: 22px;} .sidebar-form input {border: 1px solid #ffffff; vertical-align: top; font-size: 13px;} #promo {border-top: 5px solid #dac37f; margin: 20px 0; padding: 15px 0 20px 0; border-bottom: 5px solid #dac37f;} #logos {border-top: 5px solid #dac37f; margin: 20px 0; padding: 15px 0 20px 0; font-size: 14px; color: #091b4d;} #logos img {margin: 15px 10px;} .programlogo {border-top: 5px solid #dac37f; margin: 20px 0; padding: 15px 0 20px 0;} .programlogo img {margin: 15px 0px 5px 0;} .sponsor {font-size: 14px; color: #091b4d;} #page-content {width: 500px; float: left; padding-right: 20px; margin-right: 9px; position: relative;} #page-inside {border-top: 5px solid #dac37f; padding-top:20px;} #page-inside img {max-width: 500px;} h2 {font-family: Georgia; font-size: 18px; color: #062052; margin-bottom: 20px; font-weight: normal; line-height: 1.3em;} .sfpal {line-height: 1.3em; margin-top: -4px;} .search-post {padding: 12px 0 23px 0; border-top: 5px solid #dac37f;} #search-inside {border-top: 5px solid #dac37f; padding-top:8px;} #search-inside h3 {margin-bottom: 8px; font-size: 14px; color: #666666; font-weight: normal;} #search-inside .title {margin-bottom: 15px; font-size: 14px; line-height: 1.4em;} #search-inside .title a {color: #062052;} .post-attributes {font-size: 11px; margin-bottom: 15px;} #posts-inside {border-top: 5px solid #dac37f;} .at300bs {background-image: none !important; display: none !important;} .single-program {border-top: 5px solid #dac37f; padding-top: 12px; margin-top: 23px;} .current_page_item {text-decoration: none; cursor: default !important; color: #062052;} .current_page_item a {color: #062052;} .current_page_item a:hover {text-decoration: none !important; cursor: default !important;} .side2-section {margin-bottom: 30px; width: 200px;} .side2-section ul {margin-top: 4px !important; list-style: disc; list-style-position: inside; font-size: 11px; margin-left: 0; padding-left: 1em; text-indent: -1em; } #footer {padding: 0 60px; padding-bottom: 20px;}