/* THEME NAME: Franchise Sales THEME URI: DESCRIPTION: Developed for Showhomes Franchise Corp. VERSION: 1.0 AUTHOR: Drew Cain AUTHOR URI: TAGS: */ /* First lets load our reset and typography styles */ @import url('css/reset.css'); @import url('css/typography.css'); /* LAYOUT BASICS */ html, body { background: #f5f5f5; } .clear { clear: both; } a { color: #a72121; } #wrapper { width: 100%; background: #f5f5f5; } #feed-bar { height: 30px; background: #484848; } #feed-bar-nav { width: 940px; height: 30px; line-height: 30px; text-align: right; margin: 0px auto; } #feed-bar-nav ul li { display: inline; padding-right: 24px; color: #fff; font-size: 12px; text-transform: uppercase; } #feed-bar-nav ul li a { color: #fff; } #feed-bar-nav ul li a:hover { color: #CCC; } #feed-bar-nav ul li.feed-rss, #feed-bar-nav ul li.feed-email { background: transparent url(images/icon_rss.jpg) top left no-repeat; padding-left: 18px; } #header { width: 940px; height: 116px; position: relative; background: transparent url(images/background_header.jpg) bottom left no-repeat; margin: 0px auto; overflow: hidden; } #blog-title { margin-left: -1000px; } #blog-description { margin-left: -1000px; } #header-logo { width: 280px; height: 50px; float: left; margin-top: 35px; } #header-navigation { width: 650px; float: right; height: 24px; margin-top: 52px; line-height: 24px; text-align: right; } #header-navigation ul.nav li { display: inline; padding-right: 24px; } #header-navigation ul.nav li a { color: #7a7a7a; font-weight: bold; font-size: 12px; text-transform: uppercase; } #header-navigation ul.nav li a:hover { color: #a72121; } #container { width: 940px; background: transparent url(images/background_container.jpg) top left no-repeat; margin: 0px auto; padding-top: 20px; } .page #content { width: 940px; } .category #content, .single #content, .tag #content, .blog #content { width: 640px; padding: 20px; float: left; background: #fff; border: 1px solid #cecece; } .post { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #cecece; } .single .post { border-bottom: none; padding-bottom: 0px;} .page-title { margin-bottom: 20px; text-align: right; } .entry-title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; margin-bottom: 5px; line-height: 25px; color: #a72121; } .entry-title a { color: #a72121; } .entry-meta { font-size: 10px; color: #9b9b9b; text-transform: uppercase; } .entry-meta a { color: #a72121; } .entry-meta a:hover { text-decoration: underline; } .entry-date { color: #606060; } .entry-date p { margin-bottom: 10px; } blockquote { background: #f5f5f5; border: 1px solid #dedede; padding: 15px 20px 0px; margin-bottom: 10px; display: block; } blockquote h1 { font-size: 18px; margin-bottom: 5px; } blockquote p { margin-bottom: 10px; } .entry-date { text-transform: uppercase; } /* HOMEPAGE SPECIFIC STYLES */ .home #container { padding-top: 20px !important; } #homepage-image { height: 398px; width: 938px; background: transparent url(images/homepage1.jpg) top left no-repeat; border: 1px solid #dedede; } #tag-line { width: 487px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #606060; font-weight: normal; margin-top: 351px; float: right; padding-left: 8px; } #tag-line a { color: #a72121; } #tag-line a:hover { color: #000000; } #quad-container { width: 938px; height: 239px; background: transparent url(images/homepage_tri2.jpg) top left no-repeat; border: 1px solid #dedede; margin: 20px 0px; overflow: hidden; } .quad-vert { width: 193px; float: left; padding: 15px 20px; } .quad-vert h2 { margin-bottom: 5px; } .quad-vert h2 a { font-size: 18px; font-weight: normal; color: #a72121; } .quad-vert h2 a:hover, .quad-vert a:hover { color: #000000; } .quad-horiz { width: 233px; height: 80px; float: right; } .quad-horiz:hover { background: #dedede url(images/homepage_arrow_over2.jpg) top right no-repeat; } .quad-horiz a h3{ color: #000000; } .quad-horiz a:hover h3 { color: #a72121; } .quad-horiz h3 { font-size: 14px; font-weight: bold; margin: 22px 0px 0px 10px; } .quad-horiz p { padding: 0px 25px 5px 10px; } /* SPECIALTY PAGE STYLES FOR POST DIV ON PAGES */ .page #container { padding-top: 40px; } .franchise-sales { float: right; width: 640px; background: #ffffff; border: 1px solid #dedede; padding: 25px 19px 20px; } .franchise-sales h1.entry-title { width: 630px; height: 37px; color: #ffffff; line-height: 34px; background: transparent url(images/background_heading.jpg) top left no-repeat; padding-left: 10px; } .franchise-sales .entry-content { padding: 10px 0px; text-align: justify; } .entry-content object { display: block; margin: 0px auto 10px; background: #dedede; padding: 10px; clear: both; } #arrow-nav { width: 435px; height: 35px; position: relative; float: right; margin-top: -44px; right: 0px;} .nav-option-0 { background: transparent url(images/background_nav_none.jpg) top left no-repeat; } .nav-option-1 { background: transparent url(images/background_nav_research.jpg) top left no-repeat; } .nav-option-2 { background: transparent url(images/background_nav_request.jpg) top left no-repeat; } .nav-option-3 { background: transparent url(images/background_nav_next.jpg) top left no-repeat; } #arrow-nav a { color: #7a7a7a; font-weight: bold; font-size: 10px; text-transform: uppercase; padding-left: 52px; line-height: 36px; } #arrow-nav a.highlight, #arrow-nav a:hover { color: #a72121; } #button-next-step a { width: 101px; height: 28px; line-height: 29px; text-align: center; float: right; color: #fff; background: transparent url(images/button_nextstep.gif) top left no-repeat; } /* FOR LANDING PAGES */ .page-template-landing_page-php .franchise-sales { width: 900px; background: #ffffff; border: 1px solid #dedede; padding: 25px 19px 20px; margin-top: -20px; } .page-template-landing_page-php .franchise-sales h1.entry-title { width: 890px; height: 37px; color: #ffffff; line-height: 34px; background: transparent url(images/background_heading2.jpg) top left no-repeat; padding-left: 10px; } /* IMAGES */ .alignleft { float: left; padding: 0px 10px 10px 0px; margin: 0px !important; } .alignright { float: right; padding: 0px 0px 10px 10px; margin: 0px !important; } .aligncenter, img.size-full { display: block; margin: 10px auto; } .wp-caption-text { font-style: italic; text-align: center; color: #606060; padding: 10px 10px; } /* POST BOTTOM NAV */ #nav-below { clear: both; padding: 2px 10px; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; } .single #nav-below {background: #f5f5f5; border: 1px solid #dedede; } #nav-below a { color: #A72121; font-weight: bold; } #nav-below a:hover { color: #7a7a7a; } div.nav-previous span.meta-nav, div.nav-next span.meta-nav { font-size: 14px; } #nav-below div.nav-previous { width: 100%; float: left; } #nav-below div.nav-next { width: 100%; float: left; text-align: left; } /* COMMENTS */ #comments-list a { color: #a72121; } #comments-list a:hover { text-decoration: underline; } #comments-list h3, #respond h3 { font-size: 18px; margin-bottom: 20px; } #comments-list ul { margin-left: 0px; } li.comment { margin-bottom: 10px; border-bottom: 1px solid #dedede; } .comment-author img.avatar { float: left; margin-right: 10px; } .comment-author { float: left; width: 155px; } span.comment-meta { color: #9B9B9B; } .comment-copy { float: right; width: 460px; padding: 0px 10px; } .avatar { padding-bottom: 10px; } /* SIDEBARS */ #primary { width: 240px; float: right; } #primary ul.xoxo, #primary ul.xoxo ul { margin: 0px; } #primary .widget { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c4c4c4; } #primary .widget a { color: #a72121; } #primary .widget a:hover { text-decoration: underline; } #primary h3.widgettitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #4b4b4b; margin-bottom: 10px; } #rss-feed { background: transparent url(images/sidebar_feed.jpg) top left no-repeat; padding-top: 20px; height: 34px; overflow: hidden; } #rss-feed h3.widgettitle { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #606060; padding-left: 47px; font-size: 11px; letter-spacing: 0.5px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c4c4c4;} #rss-feed h3.widgettitle a { color: #A72121; font-weight: bold; } #rss-feed h3.widgettitle a:hover { text-decoration: underline; } #primary #twitter-tools { background: transparent url(images/sidebar_twitter.jpg) top left no-repeat; padding-top: 22px; } #primary #twitter-tools h3.widgettitle { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #606060; padding-left: 47px; font-size: 11px; letter-spacing: 0.5px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c4c4c4; } #twitter-tools ul li { margin-bottom: 10px; } #twitter-tools ul li a { color: #A72121; } #twitter-tools ul li a:hover { text-decoration: underline; } .aktt_tweet_time { color: #999; } .aktt_more_updates { font-weight: bold; } a.aktt_tweet_time { color: #999 !important; } #primary div.title ul { margin: 0px; padding-bottom: 10px; border-bottom: 1px solid #c4c4c4;} #secondary, #secondary a { color: #fff; font-size: 14px; } #secondary a:hover { text-decoration: underline; } #secondary ul.xoxo { margin: 0px; padding: 0px; } #secondary ul.xoxo li { display: inline-block; vertical-align: top; padding-left: 20px; } #secondary ul.xoxo li ul li { display: block; } #secondary .widget { float: left; } #secondary h3.widgettitle { height: 28px; background: transparent url(images/background_footerh3.jpg) top right no-repeat; font-size: 14px; color: #ffffff; font-weight: bold; line-height: 30px; text-transform: uppercase; margin-bottom: 12px; } #specialty-sidebar { width: 193px; padding: 20px; background: #ffffff url(images/background_sidebar3.jpg) bottom right no-repeat; border: 1px solid #dedede; margin-bottom: 10px; } #specialty-sidebar ul { margin: 0px 0px 20px; line-height: 24px; } #specialty-sidebar ul li { } #specialty-sidebar ul li a { color: #666; text-transform: uppercase; font-size: 11px; font-weight: bold; padding-left: 15px; } #specialty-sidebar ul li a:hover { color: #a72121; background: transparent url(images/bullet_specialty.jpg) top left no-repeat; } #specialty-sidebar h1.heading { font-family: Georgia, "Times New Roman", Times, serif; color: #666666; font-size: 24px; border-bottom: 1px solid #dedede; padding-bottom: 5px; margin-bottom: 5px; } #specialty-sidebar li.current_page_item a { background: transparent url(images/bullet_specialty.jpg) top left no-repeat; } /* FOOTER (SECONDARY SIDEBAR) WIDGET SPECIFIC */ #text-3 { width: 252px; } #text-3 .textwidget a { display: block; height: 30px; line-height: 25px; padding-left: 30px; } #text-3 .textwidget a.showhomes, .textwidget a.blog, .textwidget a.twitter, .textwidget a.facebook, .textwidget a.youtube, .textwidget a.flickr, .textwidget a.activerain { background-image: url(images/social_sprite.gif); background-repeat: no-repeat; } #text-3 .textwidget a.showhomes { background-position: 0 3px; } #text-3 .textwidget a.blog { background-position: 0 -44px; } #text-3 .textwidget a.twitter { background-position: 0 -94px; } #text-3 .textwidget a.facebook { background-position: 0 -136px; } #text-3 .textwidget a.youtube { background-position: 0 -184px; } #text-3 .textwidget a.flickr { background-position: 0 -230px; } #text-3 .textwidget a.activerain { background-position: 0 -274px; } #secondary .bns-featured-category { width: 322px; } #secondary .bns-featured-category ul, #text-4 ul { margin: 0px; } #secondary .bns-featured-category ul li, #text-4 ul li { display: block; background: transparent url(images/bullet_footerul.gif) top left no-repeat; padding-left: 15px !important; line-height: 14px; margin-bottom: 10px; } #text-4 { width: 250px; } #text-4 h3.widgettitle { background: none; } #text-4 li { line-height: 18px !important; } #text-4 li a { color: #CCC; text-decoration: none; } #text-4 li a:hover { color: #fff; text-decoration: underline; } /* FOOTER */ div#footer { width: 938px; background: #4e4e4e url(images/background_footer.jpg) top left repeat-x; margin-top: 20px; border: 1px solid #dedede; margin-bottom: 20px; padding-bottom: 10px; } /* FORM PLUG-IN STYLE OVERRIDES */ div.ddfmwrap { width: 600px !important; margin: 0px !important; /* background: transparent url(images/background_form.jpg) bottom left no-repeat; */ } form.ddfm { width: 600px; margin: 0px auto; } form.ddfm input.fmfile, form.ddfm input.fmtext, form.ddfm textarea { border-color: #C0C0C0; } form.ddfm .required { color:#A72121; } .ddfmwrap .submit input { color: #fff; border: none; background: #a72121; padding: 5px; margin-right: 12px; margin-top: 5px; }