/* Theme Name: More Branding Theme URI: http://wordpress.org/ Description: Theme used for More Branding. Version: 1.0 Author: Mark DeMoss Author URI: http://www.mdemoss.com */ @charset "UTF-8"; /* CSS Document */ /* ----------------------------------------------- Body attributes ----------------------------------------------- */ html, body {font-family:News Gothic, Arial, sans-serif; position:relative;} body {background:#201109;} .clear {clear:both;} /* ----------------------------------------------- Body attributes ----------------------------------------------- */ /* ----------------------------------------------- Font attributes ----------------------------------------------- */ h1 {font-size:17px; color:#FFFFFF; line-height:22px;} h2 {font-size:11px; color:#FFFFFF; line-height:16px;} h3 {font-size:11px; color:#FFFFFF; line-height:14px;} p {font-size:13px; color:#603913; line-height:24px; margin-bottom:15px;} li {font-size:10px; color:#452B09; line-height:14px;} a {font-size:10px; color:#452B09; line-height:14px; text-decoration:none;} a:hover {color:#6E6E6E;} /* ----------------------------------------------- Font attributes ----------------------------------------------- */ *{margin:0; padding:0; outline:none; border:none;} /* ----------------------------------------------- Container attributes ----------------------------------------------- */ /* #wrapper {background:url(img/background.jpg) no-repeat top left; height:700px; width:970px; margin:-350px 0 0 -485px; position:absolute; top:50%; left:50%;} */ #wrapper {background:url(img/background.jpg) no-repeat top left; height:700px; width:970px; margin:75px auto 0 auto;} #container {background:url(img/bg_shadow_1.jpg) top left repeat-x; width:900px; padding:10px 35px 35px 35px;} #container_wrapper {background:#FFFFFF url(img/bg_shadow_2.jpg) bottom left repeat-x;} #wrapper.home #container_wrapper {background:none;} #wrapper.home #container {background:none;} #wrapper.brands #container_wrapper {background:none;} #wrapper.brands #container {background:none;} iframe {visibility:hidden;} #wrapper.buzz #container {background:url(img/bg_buzz.jpg) top left no-repeat;} #wrapper.buzz #container iframe {visibility:visible;} #wrapper.contact #container {background:url(img/bg_contact.jpg) top left no-repeat;} /* ----------------------------------------------- Container attributes ----------------------------------------------- */ /* ----------------------------------------------- Nav attributes ----------------------------------------------- */ #nav {list-style:none; margin:0 0 0 28px; padding:27px 0 0 0;} #nav ul {list-style:none;} #nav li {float:left; margin:16px 10px 0 0;} #nav li.img_home {margin:0 72px 0 0;} #nav li.page_item a {font-size:15px; color:#9B8579; line-height:15px; padding-bottom:6px;} #nav li.page_item a:hover {color:#FFFFFF;} #nav li.current_page_item a {color:#FFFFFF; background:url(img/selected_graphic.png) no-repeat bottom center; padding-bottom:6px;} #nav li.current_page_parent a {color:#FFFFFF; background:url(img/selected_graphic.png) no-repeat bottom center; padding-bottom:6px;} #wrapper.buzz #nav ul li a[title=Buzz] {color:#FFFFFF; background:url(img/selected_graphic.png) no-repeat bottom center; padding-bottom:6px;} #wrapper.brands #nav ul li a[title=Brands] {color:#FFFFFF; background:url(img/selected_graphic.png) no-repeat bottom center; padding-bottom:6px;} #nav h3 {float:right; font-size:12px; font-weight:lighter; color:#9B8579; margin:0 36px 0 0;} #sub_nav {min-height:20px; margin:20px 0 0 214px;} #sub_nav ul {list-style:none;} #sub_nav ul li {float:left; margin-right:26px;} #sub_nav ul li a {font-family:News Gothic, Arial, sans-serif; font-size:14px; color:#8B5E3C;} /* #sub_nav ul li a .sub_name {font-family:News Gothic, Arial, sans-serif; font-size:18px; color:#8B5E3C;} */ #sub_nav ul li a:hover {color:#FFFFFF;} #sub_nav ul li a[title=BRANDrank] .bg_image {background:url(img/process_brandRank.png) no-repeat top left; width:78px; height:15px;} #sub_nav ul li a[title=BRANDrank] .bg_image:hover {background-position:-78px 0;} #sub_nav ul li.current_page_item a[title=BRANDrank] .bg_image {background-position:-78px 0;} #sub_nav.process ul li a[title=BRANDrank] .bg_image {background-position:-78px 0;} #sub_nav ul li a[title=BRANDforce] .bg_image {background:url(img/process_brandForce.png) no-repeat top left; width:80px; height:15px;} #sub_nav ul li a[title=BRANDforce] .bg_image:hover {background-position:-80px 0;} #sub_nav ul li.current_page_item a[title=BRANDforce] .bg_image {background-position:-80px 0;} #sub_nav.process ul li a[title=BRANDforce] .bg_image {background-position:-80px 0;} #sub_nav ul li a[title=BRANDmoat] .bg_image {background:url(img/process_brandMoat.png) no-repeat top left; width:84px; height:15px;} #sub_nav ul li a[title=BRANDmoat] .bg_image:hover {background-position:-84px 0;} #sub_nav ul li.current_page_item a[title=BRANDmoat] .bg_image {background-position:-84px 0;} #sub_nav.process ul li a[title=BRANDmoat] .bg_image {background-position:-84px 0;} #sub_nav ul li a[title=BRANDhalo] .bg_image {background:url(img/process_brandHalo.png) no-repeat top left; width:75px; height:15px;} #sub_nav ul li a[title=BRANDhalo] .bg_image:hover {background-position:-75px 0;} #sub_nav ul li.current_page_item a[title=BRANDhalo] .bg_image {background-position:-75px 0;} #sub_nav.process ul li a[title=BRANDhalo] .bg_image {background-position:-75px 0;} #sub_nav ul li a[title=BRANDvitals] .bg_image {background:url(img/process_brandVitals.png) no-repeat top left; width:81px; height:15px;} #sub_nav ul li a[title=BRANDvitals] .bg_image:hover {background-position:-81px 0;} #sub_nav ul li.current_page_item a[title=BRANDvitals] .bg_image {background-position:-81px 0;} #sub_nav.process ul li a[title=BRANDvitals] .bg_image {background-position:-81px 0;} /* #sub_nav ul li.current_page_item a[title=BRANDrank] .sub_name {color:#FDD800;} #sub_nav ul li.current_page_item a[title=BRANDforce] .sub_name {color:#B2D235;} #sub_nav ul li.current_page_item a[title=BRANDmoat] .sub_name {color:#00B9F2;} #sub_nav ul li.current_page_item a[title=BRANDhalo] .sub_name {color:#F05F90;} #sub_nav ul li.current_page_item a[title=BRANDvitals] .sub_name {color:#F47D20;} #sub_nav ul.process li a[title=BRANDrank] .sub_name {color:#FDD800;} #sub_nav ul.process li a[title=BRANDforce] .sub_name {color:#B2D235;} #sub_nav ul.process li a[title=BRANDmoat] .sub_name {color:#00B9F2;} #sub_nav ul.process li a[title=BRANDhalo] .sub_name {color:#F05F90;} #sub_nav ul.process li a[title=BRANDvitals] .sub_name {color:#F47D20;} */ /* ----------------------------------------------- Nav attributes ----------------------------------------------- */ /* ----------------------------------------------- Content attributes ----------------------------------------------- */ #content {min-height:490px; position:relative;} /* ----------------------------------------------- Content attributes ----------------------------------------------- */ /* ----------------------------------------------- Col 1 attributes ----------------------------------------------- */ #col_1 {float:left; width:412px; margin:35px 0 0 0;} #col_1.home {float:none; position:relative; width:920px; height:370px;} #col_1.home #img_outline {position:absolute; top:-10px; left:-10px;} #col_1.brands {float:none; position:relative; width:920px; height:465px;} #col_1.brands #img_outline {position:absolute; top:-10px; left:-10px;} #col_1.process {float:left; width:412px; margin:35px 0 0 0;} #col_1.process_landing {float:left; width:180px; height:100px; margin:45px 0 0 0;} #col_1.buzz {float:left; width:642px; margin:35px 0 0 0; margin:45px 0 0 0;} #col_1.story {float:left; width:180px; margin:50px 0 0 0;} #col_1.story h3 {color:#452B09; padding-top:7px;} #col_1.story ul {list-style:none;} #col_1.story ul li {margin-bottom:11px;} #col_1.story a {font-size:11px; font-weight:bold;} #col_1.story p {font-size:11px; line-height:16px; font-style:italic;} .story_title {font-weight:normal; font-style:italic;} #col_1.story_justin a.selected {color:#00B9F2;} #col_1.story_jeanne a.selected {color:#debe00;} #col_1.story_ginger a.selected {color:#F05F90;} #col_1.story_mark a.selected {color:#B2D235;} #col_1.story a:hover {color:#F47D20;} #col_1.contact a:hover {color:#F47D20;} #col_1.story_justin a:hover {color:#00B9F2;} #col_1.story_jeanne a:hover {color:#debe00;} #col_1.story_ginger a:hover {color:#F05F90;} #col_1.story_mark a:hover {color:#B2D235;} #col_1.contact, #col_2.contact {margin-top:0!important;} #col_1.contact a {font-size:11px; font-weight:normal; font-size:italic; line-height:16px;} /* ----------------------------------------------- Col 1 attributes ----------------------------------------------- */ /* ----------------------------------------------- Col 2 attributes ----------------------------------------------- */ #col_2 {float:right; width:475px; margin:35px 0 0 0;} #col_2.home {float:left;} #col_2.home #img_outline {float:left; position:absolute; top:380px; left:-10px;} #col_2.home p {float:left; position:absolute; top:390px; left:0px;} #col_2.process {float:right; width:475px; margin:35px 0 0 0;} #col_2.process_landing {float:left; width:547px; margin:45px 0 0 0;} #col_2.buzz {float:left; width:230px; margin:35px 0 0 28px;} #col_2.story {float:left; width:547px; margin:45px 0 0 0;} /* ----------------------------------------------- Col 2 attributes ----------------------------------------------- */ /* ----------------------------------------------- Col 3 attributes ----------------------------------------------- */ #col_3.home {float:right; background:url(img/copyblock.png) no-repeat top left; width:488px; height:150px; padding:35px 27px 0 40px; position:absolute; right:-10px; top:380px;} #col_3.home p {line-height:18px;} /* ----------------------------------------------- Col 3 attributes ----------------------------------------------- */ /* ----------------------------------------------- Image container attributes ----------------------------------------------- */ /* #image_container p img, #image_container p a img, #image_container img {visibility:hidden;} */ #col_1.brands #image_container {position:absolute; top:11px; left:211px;} #image_container img {position:absolute; top:0; left:0; visibility:hidden;} #thumb_container {position:absolute; top:465px; left:211px; width:688px; height:50px; overflow:hidden;} #thumb_slider {position:relative;} #thumb_select {position:absolute; background:url(img/selected_graphic.png) no-repeat top left; width:15px; height:3px; top:42px; left:0;} #thumb {position:absolute; width:60px; height:35px; overflow:hidden;} #thumb img {width:60px; height:39px;} #gallery_nav {position:absolute; top:35px; left:18px; width:190px; height:404px; background:none; overflow:hidden;} #gallery_nav_slider {position:relative; width:600px;} #gallery_nav ul {position:absolute; top:0px; list-style:none; float:left;} #gallery_nav ul li {padding-left:24px; margin-bottom:1px; width:190px;} #gallery_nav ul li.current_page_item {background:url(img/selected_graphic.png) no-repeat center left;} #gallery_nav ul li a {font-size:10px; color:#C2B59B;} #gallery_nav ul li a:hover {font-size:10px; color:#FFFFFF;} #gallery_nav li.current_page_item a {color:#FFFFFF;} .back_to_clients {float:left; position:absolute; top:0; left:190px; background:url(img/back_arrow.png) no-repeat left; font-size:10px; color:#C2B59B; cursor:pointer;} #gallery_nav ul li ul {float:left; position:absolute; top:25px; left:190px; visibility:hidden;} .case_study {position:absolute; top:474px; left:0px; height:19px; line-height:19px; color:#816C61; font-size:12px; padding:6px 0 0 30px; margin:0 0 0 28px; background:url(img/case_study.png) no-repeat left center;} .case_study:hover {color:#FFFFFF;} /* ----------------------------------------------- Image container attributes ----------------------------------------------- */ /* ----------------------------------------------- Post attributes ----------------------------------------------- */ #top_block {height:72px;} #top_block p {font-size:15px; line-height:22px;} #block_1 {float:left; width:632px; height:2px; margin:0 0 0 0; padding-right:10px;} #block_2 {float:left; width:230px; margin:0 0 0 28px;} #twitter_block {margin-top:30px;} .widgettitle {font-style:normal; color:#00B9F2; padding-bottom:5px; margin-bottom:8px; font-size:14px; line-height:22px; width:230px; border-bottom:#754C29 solid 4px;} #twitter_block ul {list-style:none;} #twitter_block li {font-size:9px; color:#3C2415; margin-bottom:10px;} #twitter_block li a {font-size:9px; color:#3C2415; margin-bottom:10px;} #twitter_block li a:hover {color:#00B9F2;} #social_links {margin:10px 0 0 45px;} #col_1.buzz h1 {font-size:18px; color:#452B09;} #col_1.buzz .post h2 {font-size:20px; color:#452B09; padding-bottom:5px; margin-bottom:8px; width:642px; border-bottom:#754C29 solid 4px;} #col_1.buzz .post p.date {font-size:12px; color:#452B09; padding:0 0 8px 0; margin:0;} #col_1.buzz #entry {padding-top:8px;} .entry a {font-size:12px;} .tweetmeme_button {float:right; margin-top:8px;} .post {margin-bottom:50px;} .postmetadata {font-size:9px; font-weight:100; color:#452B09; background:#BA925B; width:452; height:17; line-height:17px; padding:2px 0 0 6px;} .postmetadata a:hover {color:#452B09;} .read_more a:hover {color:#BA925B;} .post h2 a {font-size:20px; color:#452B09; font-weight:bold;} small {font-size:14px; color:#452B09; width:234px;} input {border:#664D31 solid 1px; margin-right:10px; width:200px;} input#submit {clear:both; width:150px; height:auto; font-size:11px; font-weight:bold; font color:#452B09; padding:5px; background:#BA925B; color:#452B09; border:none; cursor:pointer; margin-top:10px;} label small {font-size:9px; color:#452B09;} textarea {border:#664D31 solid 1px; width:400px !important; height:100px;} #respond h3 {font-size:18px; color:#452B09; margin-bottom:15px;} #respond a:hover {color:#BA925B;} .comment {padding:10px; border:#664D31 solid 1px; margin-bottom:10px} .bypostauthor {background:#BA925B;} .commentlist {margin-bottom:35px;} .vcard {font-size:12px; font-weight:bold; color:#452B09;} .vcard a {font-size:12px; font-weight:bold; color:#452B09;} .vcard img {border:#664D31 solid 1px; padding:2;} .comment-meta {margin:5px 0 5px 0;} .comment-meta a {margin:5px 0 5px 0; font-weight:bold;} /* ----------------------------------------------- Post attributes ----------------------------------------------- */ /* ----------------------------------------------- Contact attributes ----------------------------------------------- */ #contact_1, #contact_2 {float:left; margin-top:25px; padding-top:0;} #contact_1 {width:253px; margin-right:30px;} #contact_2 {width:254px;} #col_2 #contact_1 h1, #col_2 #contact_2 h1 {float:right; font-size:11px; font-style:italic; color:#F05F90; font-weight:400;} #col_2 #contact_2 h1 {color:#00B9F2;} #col_2 #contact_1 p, #col_2 #contact_2 p {float:left; text-align:right; clear:both; font-size:13px; line-height:13px; margin:0 7px 7px 0; padding:0;} #col_2 #contact_1 p {width:57px;} #col_2 #contact_2 p {width:92px;} input {float:left; height:15px; color:#603913; border:1px solid #603913; margin:0 0 0 0; padding:0 0 0 0;} #contact_1 textarea {float:left !important; width:187px !important; height:53px !important;} #contact_1 input {width:187px;} #contact_2 input {width:153px;} #contact_2 input.submit {width:87px; height:36px; background:url(img/submit.png); border:none; cursor:pointer; color:#C2B59B; font-weight:bold; margin:8px 0 0 93px; padding:0 0 0 0; line-height:6px;} /* ----------------------------------------------- Contact attributes ----------------------------------------------- */ /* ----------------------------------------------- Footer attributes ----------------------------------------------- */ #footer {width:970px; height:7px; background:url(img/footer_bg.jpg) no-repeat top left; padding:37px 0 22px 0;} #footer.home {background:none; padding:30px 0 22px 0;} #footer.brands {background:none; padding:30px 0 22px 0;} #footer h2 {float:right; color:#9B8579; font-size:8px; margin-right:35px;} /* ----------------------------------------------- Footer attributes ----------------------------------------------- */