/* Theme Name: African Americans of Chattanooga 1.0 beta Theme URI: http://www.africanamericansofchattanooga.com/ Description: Official WordPress Theme for African Americans of Chattanooga (www.africanamericansofchattanooga.com). © Copyright 2012, Rita L. Hubbard. All Rights Reserved. Tags: two-columns, fixed-width, red, white, blue, hunter green Version: 1.0 Author: Thomas Hubbard Author URI: http://www.thomashubbard.net/ */ body {background-image:url(images/pagebg-african-americans-chattanooga.png); background-color: transparent; background-repeat: repeat-x; background-position: top center; margin: 0px; padding: 0px; text-align: center; /* Used for centering pages in IE */} h1 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; padding-bottom: 3px; border-bottom: solid 1px #000000;} p, a, ul, li, lo, address, td {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;} .bullets { margin: -15px; padding: 0px;} div#special, div#special p {margin-top: 20px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 18px; color: #0000FF; } a:link {} a:visited {} /* All links must inclde some type of hover interactivity */ a:hover {} a:active {} /* ----------------- COLUMN ELEMENTS ----------------- */ div.slot-container {background-color: transparent; float: left; border: 0px; margin: 0px; padding-top: 20px; padding-bottom: 5px; padding-left: 0px; width: 620px; text-align: left;} div.slot {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px; width: 205px; font: normal 12px Verdana, Arial, san-serif; color: #000000;} div.slot ul {list-style-type: none; border-top: 0px solid #CCCCFF; border-bottom: 0px solid #CCCCFF; background-color: transparent; margin: 0px auto; } div.slot li {border: 0px solid #FFFFFF; text-align: left; margin: 0px auto; padding-top: 0px; padding-bottom: 5px; } div.slot li a:link, div.slot li a:visited {text-decoration: none; color: #000000;} div.slot li a:hover {color: #0000FF; text-decoration: underline;} div.section {background-color: #FFFF99; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px;} div.section-alt {background-color: #FFFFCC; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px;} .clear {clear: both;} /* ----------------- PAGE LAYOUT ELEMENTS ----------------- */ div#container {background-color: transparent; width: 970px; padding-top: 19px; margin: 0px auto;} div#containerbg {background-image: url(images/container-backdrop-african-americans-chattanooga.png); background-repeat: repeat-y; width: 970px; margin: 0px auto; float: left; } div#header {background-color: transparent; float: left; clear: left; background-repeat: no-repeat; width: 970px; height: 414px;} div#book {background-color: transaparent; padding-left: 0px; float: left; clear: left; background-repeat: no-repeat; width: 283px; height: 414px;} div#book img {border: 0px solid #333333; display: block;} div#book a:link, div#book a:visited {border: 0px solid #333333; display: block;} div#book a:hover {border: 0px solid #333333; display: block;} div.header-right {background-image:url(images/banner-african-americans-chattanooga.png); background-repeat: no-repeat; float: right; text-align: right; font: normal 12px Arial, Helvetica, san-serif; color: #000000; text-decoration: none; width: 687px; height: 221px;} div.header-right a:link, div.header-right a:visited {font: normal 12px Arial, san-serif; color: #000000; text-decoration: none;} div.header-right a:hover {font: normal 12px Arial, san-serif; color: #000000; text-decoration: underline;} div.sitetitle {background-color: transparent; float: right; text-align: right; padding-top: 30px; padding-right: 30px; font: bold 35px Arial, Helvetica, san-serif; filter:alpha(opacity=0); opacity: 0.0; -moz-opacity: 0.0; color: #FFFFFF; text-decoration: none;} div.searchbar-master {background-color: transparent; border: none; float: left; text-align: left; width: 300px; position: relative; left: 32px; margin: 0px auto; padding-top: 10px;} div.searchbar-field {background-color: transparent; border: none; margin-left: 2px; padding-left: 5px; float: left;} div.searchbar-button {background-color: transparent; border: none; margin-top: 1px; float: right;} input.search {background-color: #FFFFFF; border: 1px solid #333333; font-family: arial, sans-serif; font-size: 13px; color: #999999; padding-left: 2px padding-right: 0px; padding-top: 2px; padding-bottom: 2px;} div#page-ads {background-repeat: no-repeat; float: right; background-color: transparent; width: 650px; text-align: right; margin-left: 0px; margin-top: 0px; padding-bottom: 20px; border-left: solid 0px #000000; border-right: solid 0px #000000;} div.section-ads {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px; padding-right: 40px; font: normal 12px Verdana, Arial, san-serif; color: #000000;} div.section-ads {border: solid 0px;} div.section-ads2 {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px; padding-top: 25px; padding-right: 0px; font: normal 12px Verdana, Arial, san-serif; color: #000000;} div#content-top {background-image:url(images/content-top-african-americans-chattanooga.png); background-repeat: no-repeat; background-color: transparent; width: 687px; height: 22px; float: right; margin-top: 0px auto; padding: 0px; border-left: solid 0px #000000; border-right: solid 0px #000000;} div#content {background-color: transparent; width: 687px; float: right; margin-left: 0px; margin-top: 0px; padding-bottom: 0px; border-left: solid 0px #000000; border-right: solid 0px #000000; position: relative; top: -160px; } div#sidebar {background-image:url(images/sidebar-african-americans-chattanooga.png); background-repeat: no-repeat; background-color: transparent; float: left; clear: left; width: 283px; padding-top: 50px; padding-left: 0px; padding-bottom: 50px; margin: 0px auto; } div#sidebar h3 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 14px; padding-left: 22px; padding-bottom: 0px; color: #455459; border-bottom: solid 0px #000000;} div#sidebar h3 a:link, div#sidebar h3 a:visited {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline;} div#sidebar h3 a:hover {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #0000B4; text-decoration: underline;} ul#sidelinks {width: 200px; margin: 0px auto; color: #000000; background-color: transparent; padding-left: 20px; padding-top: -10px; padding-bottom: 5px; list-style-type: square;} ul#sidelinks li {width: auto; border: 0px solid #FFFFFF; margin: 0px; padding-top: 0px; padding-bottom: 5px;} ul#sidelinks li a:link, ul#sidelinks li a:visited {background-color: transparent; font: bold 14px Verdana, Arial, san-serif; color: #000000; padding: 0px; margin: 0px; text-decoration: none; text-align: left;} ul#sidelinks li a:hover {background-color: transparent; font: bold 14px Verdana, Arial, san-serif; color: #0000B4; padding: 0px; margin: 0px; text-decoration: underline; text-align: left;} div#text {background-color: transparent; float: left; padding-bottom: 0px; padding-top: 50px; padding-right: 0px; padding-left: 40px; font: normal 12px Verdana, Arial, san-serif; color: #000000; text-align: left;} div#text h1 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; padding-bottom: 3px; border-bottom: solid 1px #000000; width: 600px; clear: both;} div#text h1 a:link, div#text h1 a:visited {font: bold 16px Verdana, Arial, san-serif; color: #000000; text-decoration: none;} div#text h1 a:hover {font: bold 16px Verdana, Arial, san-serif; color: #0087D8; text-decoration: none;} div#text h2 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; padding-bottom: 3px; border-bottom: solid 1px #000000; width: 600px; clear: both;} div#text p {font: normal 12px Verdana, Arial, san-serif; color: #000000; text-align: left;} div#text ul li {list-style-type: square; font: normal 12px Verdana, Arial, san-serif; color: #000000; text-align: left; position: relative; left: 15px;} div#text li {list-style-type: square; margin-bottom: 6px;} div#text a:link, div#text a:visited {font: bold 12px Verdana, Arial, san-serif; color: #666666; text-decoration: none;} div#text a:hover {font: bold 12px Verdana, Arial, san-serif; color: #666666; text-decoration: underline;} div#footer {background-color: #C7CBCD; float: left; clear: left; border-top: solid 3px #FFFFFF; width: 100%; margin-left: 0px; color: #000000; text-align: center; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 5px; font: normal 14px Verdana, Arial, san-serif;} div#footerbg {background-image:url(images/footer-african-americans-chattanooga.jpg); background-repeat: no-repeat; background-position: top center; float: left; clear: left; width: 970px; height: 134px; color: #000000; text-align: center; padding-top: 15px; margin-top: -10px;} div#footer p {line-height: 20px; text-align: center;} div#footer p a:link, div#footer p a:visited {color: #000000; font: normal 14px Verdana, Arial, san-serif; text-decoration: underline;} div#footer p a:hover {color: #0000B4; text-decoration: underline;} div.bottom-links {clear: both; background-color: transparent; color: #000000; padding-top: 10px; font: bold 13px Verdana, Arial, san-serif;} div.bottom-links a:link, div.bottom-links a:visited {color: #000000; font: bold 14px Verdana, Arial, san-serif; text-decoration: none;} div.bottom-links a:hover {color: #0000B4; text-decoration: underline;} div#company-info address {background-color: #000066; border-top: solid 2px #FFFFFF; clear: left; font: bold 12px Verdana, Arial, san-serif; color: #FFFFFF; text-align: center; padding-top: 5px;} div#company-info a:link, div#company-info a:visited {font: bold 12px Verdana, Arial, san-serif; color: #FFFFFF; border: none; text-decoration: none;} div#company-info a:hover, div#company-info a.current:visited {font: bold 12px Verdana, Arial, san-serif; color: #FFFFFF; border: none; text-decoration: underline;} div#copyright {background-color: #000066; font-size: 12px; float: left; width: 100%; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif;} div#copyright img {border: none;} div#copyright a:link, div#copyright a:visited {color: #FFFFFF; text-decoration: none;} div#copyright a:hover {text-decoration: underline;} div.author {clear: both; background-color: #000066; color: #FFFFFF; padding-bottom: 15px; /*margin-bottom: 20px;*/ font: normal 12px Verdana, Arial, san-serif;} div.author a:link, div.author a:visited {color: #FFFFFF; font: normal 12px Verdana, Arial, san-serif; text-decoration: none;} div.author a:hover {color: #FFFFFF; text-decoration: underline;} /* ----------------- FORMS ----------------- */ div.form-framework {background-color: transparent; clear: both; /* padding-left: 10px; */ padding-top: 20px; position: relative; left: 20px;} /* ----------------- PRODUCTS AND SECURED INVENTORY PAGES(REFERENCED DYNAMICALLY WITHIN WORDPRESS DASHBOARD) ----------------- */ div#product-container {padding-left: 0px; width: 670px; float: left; text-align: justify;} div.product-photo {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px auto; /* original size - width: 320px; */ width: 120px;} div.product-photo img {border: solid 1px #000000;} div.inventory-photo {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px auto; width: 300px;} div.inventory-photo img {border: solid 0px #000000;} div#back-to-inventory {border: solid 0px #000000; padding-bottom: 10px;} div#back-to-inventory a:link, div#back-to-inventory a:visited {background-color: transparent; margin: 0px auto; padding: 0px; font: normal 10px Verdana, Arial, san-serif; color: #000000; border: solid 0px #000000; text-decoration: none;} div#back-to-inventory a:hover {background-color: transparent; margin: 0px auto; padding: 0px; border: solid 0px #000000; text-decoration: underline;} div#back-to-inventory h2 {background-color: transparent; padding: 0px; margin: 0px; font: bold 16px Arial, san-serif; color: #000000; text-align: left;} div.inventory-description {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px auto; width: 350px; font: normal 12px Verdana, Arial, san-serif; color: #000000;} div.product-description h2 {background-color: transparent; clear: both; /* original setting - padding-top: 10px; */ padding-top: 0px; font: bold 16px Arial, san-serif; color: #5C9700; text-align: left;} div.product-description {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px auto; /* original size - width: 350px; */ width: 550px; font: normal 12px Verdana, Arial, san-serif; color: #000000;} div#back-to-products a:link, div#back-to-products a:visited {background-color: transparent; margin: 0px auto; padding: 0px; font: normal 10px Verdana, Arial, san-serif; color: #000000; border: solid 0px #000000; text-decoration: none;} div#back-to-products a:hover {background-color: transparent; margin: 0px auto; padding: 0px; border: solid 0px #000000; text-decoration: underline;} div#supplier-links {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px auto; width: 650px; /* height: 50px; */ font: normal 12px Verdana, Arial, san-serif; color: #000000;} div#supplier-links h2 {background-color: transparent; clear: both; padding-top: 25px; font: bold 16px Arial, san-serif; color: #000000; text-align: left;} div#supplier-links img {border: solid 0px #000000;} div#supplier-links a:link, div#supplier-links a:visited {border: solid 0px #000000; text-decoration: none;} div#supplier-links a:hover {border: solid 0px #000000; text-decoration: none;} /* ----------------- DYNAMIC CONTENT ----------------- */ div#information {background-color: transparent; float: left; padding-bottom: 0px; padding-top: 50px; padding-right: 0px; padding-left: 40px; font: normal 12px Verdana, Arial, san-serif; color: #000000; text-align: left;} div#information h1 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; padding-bottom: 0px; border-bottom: solid 1px #000000; width: 600px; clear: both;} div#information p a:link, div#information p a:visited {font: bold 12px Verdana, Arial, san-serif; color: #000000; text-decoration: none;} div#information p a:hover {font: bold 12px Verdana, Arial, san-serif; color: #000000; text-decoration: underline;} #post-container {background-color: #FFFFFF; color: #000000; font: normal 14px Verdana, Arial, san-serif; text-decoration: none; width: 620px; padding: 5px; margin-bottom: 10px; float: left; border: 3px solid #EEEEEE;} #post {background-color: #EEEEEE; color: #000000; font: normal 12px Verdana, Arial, san-serif; text-decoration: none; padding: 20px; margin: 0px;} div#post-header h2 {background-color: transparent; margin: 0px auto; padding-bottom: 3px; border-bottom: 1px solid #000000;} div#post-header h2 a:link, div#post-header h2 a:visited {color: #000000; text-decoration: none;} div#post-header h2 a:hover {color: #0087D8; text-decoration: none;} div#post-header a:link, div#post-header a:visited {font: bold 16px Verdana, Arial, san-serif; color: #000000; text-align: left; text-decoration: none;} div#post-header a:hover {color: #C45000; text-decoration: none;} #post h1 a:link, #post h1 a:visited {color: #000000; text-decoration: none;} #post h1 a:hover {color: #C45000; text-decoration: none;} #post a:link, #post a:visited {font: bold 12px Verdana, Arial, san-serif; color: #000000; text-align: left; color: #000000; text-decoration: underline;} #post a:hover {color: #0087D8; text-decoration: underline;} #post-metadata {background-color: transparent; color: #000000; font: normal 11px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-decoration: none; border-top: 0px dotted #000066; border-right: 0px solid #000066; border-left: 0px solid #000066; border-bottom: 0px solid #000066;} #post-metadata a:link, #post-metadata a:visited {color: #666666; text-decoration: none;} #post-metadata a:hover {color: #C45000; text-decoration: underline;} #post-metadata-alt {background-color: #EEEEEE; padding: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 10px; text-decoration: none; border-top: 1px dashed #666666; border-bottom: 1px dashed #666666; border-left: 1px dashed #666666; border-right: 1px dashed #666666; font: normal 12px Verdana, Arial, san-serif; color: #666666; text-align: left;} .entry {background-color: transparent; color: #000000; padding-top: 0px; margin: 0px; border: 0px solid #FFFFFF} .warning {background-color: transparent; font: normal 12px Verdana, Arial, san-serif; color: #666666; text-align: left;} a img.thumbnail_b {filter: none; border-color: #000000; border-width: 1px; border-style: solid;} a:hover img.thumbnail_b {filter: none; border-color: #FF6600; border-width: 1px; border-style: solid;} .thumbnail {background-color: transparent; float: left; width: 200px; height: 175px; border: none; text-align:center; padding-left: 10px;} .thumbnail a:link, .thumbnail a:visited {font: bold 8pt Verdana, Arial, sans-serif; text-align:center; color: #000000; border: none; text-decoration: none;} .thumbnail a:hover {font: bold 8pt Verdana, Arial, sans-serif; text-align:center; color: #FF6600; border: none; text-decoration: none;} .thumbnail_meta {font: normal 8pt Arial, sans-serif; color: #999999; padding-bottom: 10px; margin: 0px auto; border: none;} .thumbnail_meta a:link, .thumbnail_meta a:visited {font: bold 8pt Arial, sans-serif; color: #999999; text-decoration: none;} .thumbnail_meta a:hover {font: bold 8pt Arial, sans-serif; color: #999999; text-decoration: underline;} div.archive_navigation {font: normal 10pt Verdana, Arial, sans-serif; /* width: 550px; */ padding-top: 20px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; border: none; clear: both;} div.archive_navigation a:link, div.archive_navigation a:visited {font: normal 10pt Verdana, Arial, sans-serif; color: #000000; text-decoration: none;} div.archive_navigation a:hover {font: normal 10pt Verdana, Arial, sans-serif; color: #000000; text-align: center; text-decoration: underline;} div.left {width: 275px; font: normal 10pt Verdana, Arial, sans-serif; border: none; text-align: left; float: left;} div.right {width: 275px; font: normal 10pt Verdana, Arial, sans-serif; border: none; text-align: right; float: right;} /* ----------------- CUSTOM CLASSES ----------------- */ /* Images should include some type of border. We tend to favor this one. */ img.left {float: left; padding: 0px; background: white; margin: 0px 15px 10px 0px; border: solid 1px #000000;} img.right {float: right; clear: right; padding: 0px; background: white; margin: 0px 0px 10px 15px; border: solid 1px #000000;} img.right2 {float: right; clear: right; padding: 0px; background: white; margin: 0px 8px 10px 15px; border: solid 1px #000000;} /* ----------------- COMMENTS ----------------- */ .commentlog {margin: 0px auto; display: block; padding-top: 30px; padding-bottom: 30px; font: bold 14px Verdana, Arial, sans-serif; color: #666666; text-align: left;} div#commentlist {padding-left: 30px; width: 600px; float: left; text-align: justify;} /* div#commentlist {padding: 0; width: 600px; float: left; margin-left: -30px; text-align: justify;} div#commentlist ul {margin-left: 0px auto; padding: 0px; list-style-type: none;} div#commentlist ul li {margin: 0px auto; padding: 0px; list-style-type: none;} */ div.avatar {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px auto; width: 65px;} div.column {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px; width: 525px; height: 50px; font: normal 12px Verdana, Arial, san-serif; color: #000000;} div.comment-text {background-color: transparent; float: left; border: solid 0px #000000; margin: 0px; padding-top: 12px; padding-bottom: 20px;} div.respond {background-color: transparent; clear: left; padding-bottom: 0px; padding-top: 15px; font: bold 14px Verdana, Arial, san-serif; color: #666666; text-align: left;} .children {padding: 0;} .nocomments {text-align: center; margin: 0; padding: 0;} .commentmetadata {margin: 0; display: block;}