/* Theme Name: Thrive Downtown Theme URI: http://www.thrivedowntown.com/ Description: Thrive Downtown WordPress theme. Version: 1.0 Author: EP Interactiv Author URI: http://www.epinteractiv.com/ */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} html {} body {background:#afddf5 url(images/bg.jpg); background-attachment:fixed; background-position:100px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:75%; line-height:1.6em; color:#555; padding:15px 0 0 0;} a {color:#67913B; text-decoration:none;} a:hover {text-decoration:underline;} img {border:none;} hr {display:none;} sup {font-size:50%;} .clear {clear:both;} .hrzrule {height:1px; background:#ccc; margin:1em 0;} .error {color: red !important;} .formerror {background-color: #e8c5c9 !important;} .category {font-size:1.1em; font-weight:bold; color:#4D6982; padding-top:2px; font-style:italic;} .title_archive {font-size:1.3em; font-weight:normal; margin-bottom:.8em;} .photos_label {} .button_home li {} .button_home a {width:103px!important; height:37px!important; background:url(images/button_home.gif) no-repeat!important; background-position:0 0;} .button_home a:hover {background-position:0 -36px!important;} .sharethis {background: url(images/icon-sharethis.gif) left no-repeat; padding-left: 20px; line-height: inherit; height: auto; display: block; width: 80px;} /* TYPOGRAPHY ******************************************************************/ p {margin-bottom:1.4em;} h1 {color:#4D6982; font-size:2.9em; letter-spacing:-1px; margin-bottom:.4em; line-height:1.1em; font-family:Arial, Helvetica, sans-serif; } h1 a {color:#4D6982; text-decoration:none;} h2 {color:#4D6982; margin-bottom:.6em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; } h3 {color:#4D6982; margin-bottom:.6em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; } ol {margin:0 0 1em 2em;} .post ul {margin:0 0 1em 2em;} /* HOMEPAGE ******************************************************************/ #body.home {margin:0!important;} #home_content {width:691px; margin:0 auto; position:relative;} #home_content #home_top {width:691px; height:425px; position:relative; z-index:+1;} #home_content #home_top #home_intro {width:281px; position:absolute; top:105px; left:30px;} #home_content #home_top #home_intro h2 {font-size:2.6em; line-height:1em; letter-spacing:-1px; margin-bottom:.6em;} #home_content #home_top #home_intro img {position:relative; left:-1px;} #home_content #home_top #home_flash {position:absolute; top:-38px; left:272px;} #home_content #home_middle {width:691px; position:absolute; top:330px; left:0;} #home_content #home_middle .top {height:5px; background:url(images/home_content_top.png) no-repeat;} #home_content #home_middle .middle {background:url(images/home_content_middle.png) repeat-y;} #home_content #home_middle .middle {padding:30px 30px 20px 30px;} #home_content #home_middle .middle h1 {} #home_content #home_middle .bottom {height:5px; background:url(images/home_content_bottom.png) no-repeat;} #home_content #home_columns {width:691px; margin-left:1px; margin-top:3px;} #home_content #home_columns p {font-size:.9em; line-height:1.4em;} #home_content #home_columns .top {height:5px; background:url(images/home_columns_top.png) no-repeat;} #home_content #home_columns .middle {background:url(images/home_columns_middle.png) repeat-y; padding:0 0 20px 0;} #home_content #home_columns .middle .col1 {width:172px; float:left; padding:97px 30px 0; position:relative;} #home_content #home_columns .middle .col1 img {position:absolute; top:3px; left:8px;} #home_content #home_columns .middle .col2 {width:162px; float:left; padding:97px 30px 0; position:relative;} #home_content #home_columns .middle .col2 img {position:absolute; top:3px; left:7px;} #home_content #home_columns .middle .col3 {width:167px; float:right; padding:97px 30px 0; position:relative;} #home_content #home_columns .middle .col3 img {position:absolute; top:3px; left:6px;} #home_content #home_columns .bottom {height:5px; background:url(images/home_columns_bottom.png) no-repeat;} #home_content #home_middle #home_footer {font-size:.9em; font-weight:bold; color:#4D6982; padding:4px 0 0 35px; margin-bottom:60px;} a#experiencedowntown {display:block; width:216px; height:30px; background:url(images/button_experiencedowntown.png) no-repeat; background-position:0 0; text-indent:-999em; overflow:hidden; outline:none;} a#experiencedowntown:hover {background-position:0 -30px;} /* STRUCTURE ******************************************************************/ #logo {position:fixed; top:18px; left:18px; z-index:5; } #content {width:691px; margin:0 auto;} #content .top {height:8px; background:url(images/bg_body_top.png) top left no-repeat;} #content .middle {width:631px; float:left; background:url(images/bg_body_middle.png) repeat-y; padding:20px 30px 4px 30px; position:relative;} #content .bottom {width:691px; float:left; height:132px; background:url(images/bg_body_bottom.png) top left no-repeat;} #footer {margin:0 auto; width:670px; padding:10px 20px 50px 20px; color:#4D6982; font-size:.9em; font-weight:bold;} #footer a {color:#4D6982; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer_left {float:left; bottom:0; left:0;} #footer_right {float:right; bottom:0; right:0;} /* HEADER ******************************************************************/ #content {position:relative; z-index:1;} #content .header {float:left; width:691px; background:url(images/bg_body_middle.png) repeat-y; padding-top:3px; position:relative;} #content .header img {float:left; margin-left:11px;} #content .header_map {height:557px; background:url(images/bg_body_middle.png) repeat-y;} #content .header_map img {float:left; margin-left:11px;} #pagination {list-style-type:none; margin:0; position:absolute; right:18px; top:374px; font-size:.9em; z-index:3; } #pagination a {float:left; padding:0 6px 1px; border-right:solid 1px #b3bfca; color:#4D6982; text-decoration:none;} #pagination p {float:left; padding:0 6px 1px; border-right:solid 1px #b3bfca; color:#4D6982; text-decoration:none;} #pagination a:hover {background:#d0d8de;} #pagination a.activeSlide {background:#c6cfd7;} #header_photos {height:367px;} /* NAVIGATION ******************************************************************/ #nav {position:fixed; top:18px; right:18px; width:131px; list-style-type:none; z-index:4; } #nav li {width: 131px; float:right; margin-bottom:4px;} #nav li a {float:right; height:16px; overflow:hidden; background:url(images/navigation.gif) no-repeat; text-indent:-999em;} #nav li a#dtgvillesc {width:127px; background-position:0 0;} #nav li a#dtgvillesc:hover {background-position:-0px -16px;} #nav li a#dtgvillesc.current {background-position:-0px -16px;} #nav li a#location {width:55px; background-position:-128px 0;} #nav li a#location:hover {background-position:-128px -16px;} #nav li a#location.current {background-position:-128px -16px;} #nav li a#econdev {width:131px; background-position:-184px 0;} #nav li a#econdev:hover {background-position:-184px -16px;} #nav li a#econdev.current {background-position:-184px -16px;} #nav li a#profiles {width:97px; background-position:-316px 0;} #nav li a#profiles:hover {background-position:-316px -16px;} #nav li a#profiles.current {background-position:-316px -16px;} #nav li a#life {width:90px; background-position:-414px 0;} #nav li a#life:hover {background-position:-414px -16px;} #nav li a#life.current {background-position:-414px -16px;} #nav li a#blog {width:36px; background-position:-506px 0;} #nav li a#blog:hover {background-position:-506px -16px;} #nav li a#blog.current {background-position:-506px -16px;} #nav li a#testimonials {width:81px; background-position:-544px 0;} #nav li a#testimonials:hover {background-position:-544px -16px;} #nav li a#testimonials.current {background-position:-544px -16px;} #nav li a#contact {width:53px; background-position:-625px 0;} #nav li a#contact:hover {background-position:-625px -16px;} #nav li a#contact.current {background-position:-625px -16px;} #subnav {list-style-type:none; float:left; font-size:.9em; width:657px; margin-left:11px; display:inline; background:#dbe1e6; padding-left:12px; position:relative; z-index:2;} #subnav li {float:left;} #subnav li a {float:left; color:#4c6881; text-decoration:none; padding:5px 8px 7px; outline:none;} #subnav li a:hover {text-decoration:underline;} #subnav li a.current {background:url(images/subnav_current.gif) bottom center no-repeat;} #subnav li a.current:hover {text-decoration:none;} #subnav li.first {font-weight:bold; text-transform:uppercase;} #subnav li.arrow {background:url(images/arrow1.gif) right no-repeat; padding-right:3px; margin-right:3px;} /* Required for dynamic sub nav */ #subnav li.current_page_item a {background:url(images/subnav_current.gif) bottom center no-repeat;} #content .header #caption1 {position:absolute; bottom:48px; left:540px; width:160px; background:url(images/caption1.png) bottom no-repeat; color:#dfe8d5; line-height:1.3em; font-size:.9em; } #content .header #caption1 p {padding:12px 20px 22px; margin-bottom:0;} #content .header #caption1 .caption1_top {width:159px; height:12px; background:url(images/caption1_top.png); position:absolute; top:-12px; left:-11px;} a#rss {position:absolute; top:7px; left:604px; padding:1px 2px 2px 21px; background:url(images/icon_rss.gif) left no-repeat; z-index:10; font-size:.9em; color:#4C6881; cursor:pointer;} /* MAIN ******************************************************************/ #content .middle .post {margin-bottom:40px;} #content .middle .post .date {font-size:.9em; color:#4D6982; position:relative; top:-8px; margin-bottom:4px;} #content .middle .post .meta {font-size:.9em; color:#4D6982;} #content .middle .post a {color:#67913b; text-decoration:none;} #content .middle .post h1 a {color:#4D6982; text-decoration:none;} #content .middle .post h1 a:hover {color:#67913b; text-decoration:none;} #content .middle .post a:hover {color:#67913b; text-decoration:underline;} #content .middle .post .meta span {color:#4D6982;} #content .middle #caption2 {position:absolute; top:126px; left:-10px; width:169px; height:173px; background:url(images/caption2.png) no-repeat; color:#fff; line-height:1.3em; font-size:.9em; } #content .middle #caption2 p {position:absolute; top:22px; left:18px; height:72px; width:125px;} #content .middle #caption2 p a {color:#fff; text-decoration:none;} #content .middle #caption2 p a:hover {text-decoration:underline;} #dining {width:629px; float:left; border-bottom:solid 20px #fff; list-style-type:none; margin:0;} #dining li {width:629px; float:left; background:#f4f6f7; border-bottom:solid 7px #fff;} #dining li img {float:left;} #dining li div {float:right; width:386px; padding:18px 20px 7px 0;} #dining li div p {font-size:.9em; line-height:1.4em;} #dining li div a {color:#67913B; text-decoration:none;} #dining li div a:hover {text-decoration:underline;} #lifeingreenville {border-collapse:collapse; width:100%; margin-bottom:20px;} #lifeingreenville td {background:#f4f6f7; width:33%; vertical-align:top; border-right:solid 7px #fff; border-bottom:solid 7px #fff; padding:16px 20px 5px 20px;} #lifeingreenville td p {font-size:.9em; line-height:1.4em; margin-bottom:1.4em;} #lifeingreenville td a {color:#67913B; text-decoration:none;} #lifeingreenville td a:hover{color:#67913B; text-decoration:underline;} #lifeingreenville td h2 a {color:#4D6982; text-decoration:none;} #lifeingreenville td h2 a:hover {text-decoration:none;} #businessprofiles {position:relative; left:-20px; background:#fff;} #businessprofiles td {width:218px;line-height:1.3em; border:solid 3px #fff; background:#f4f6f7; vertical-align:top;} #businessprofiles td div {padding:5px 20px;} #businessprofiles td img {margin-bottom:6px;} #businessprofiles td p {font-size:.9em;} #businessprofiles td h3 a {color:#4D6982; text-decoration:none;} #businessprofiles td h3 a:hover {color:#67913B;} /* CONTACT ******************************************************************/ .middle #contact {border:none; width:485px; margin-left:160px;} .middle #contact ul {margin:0!important; list-style-type:none;} .middle #contact ul li {float:left;} .middle #contact ul li label {display:none; /* replace with jquery labels inside of fields */} .middle #contact ul li input {background:#e4e8ec; border:solid 1px #e4e8ec; padding:8px 10px; margin:0 12px 12px 0; color:#4c6881; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:200px;} .middle #contact ul li input.email {width:340px;} .middle #contact ul li input.button {width:auto; padding:0; margin-top:8px;} .middle #contact ul li .comments {width:434px; background:#e4e8ec; border:solid 1px #e4e8ec; padding:8px 10px; color:#4c6881; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;} /* COMMENTS ******************************************************************/ .middle #comments_form {border:none; width:485px;} .middle #comments_form ul {margin:0!important; list-style-type:none;} .middle #comments_form ul li {float:left; padding-bottom:1em;} .middle #comments_form ul li label {float:left; line-height:32px;} .middle #comments_form ul li input {float:left; background:#e4e8ec; border:solid 1px #e4e8ec; padding:8px 10px; margin:0 12px 0 0; color:#4c6881; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:200px;} .middle #comments_form ul li input.email {width:340px;} .middle #comments_form ul li input.button {width:auto; padding:0; margin-top:8px;} .middle #comments_form ul li .comments {width:434px; background:#e4e8ec; border:solid 1px #e4e8ec; padding:8px 10px; color:#4c6881; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;} .middle ul {margin:0 0 1.4em 2.4em;} /* BLOG ******************************************************************/ textarea#comment {width: 465px;} ol.commentlist {list-style-type: none;} ol.commentlist li {padding: 5px;} ol.commentlist li.alt {background-color: #f3f3f3;} ol.commentlist img.avatar {background-color: #fff; padding: 3px; border: 1px solid #c5c5c5; float: left; margin-right: 5px;}