/* Theme Name: RMC Theme URI: http://rightmindcreative.com/ Description: The theme for Right Mind Creative. Version: 1.1 Author: Ryan Stang, Right Mind Creative Author URI: http://rightmindcreative.com/ Tags: RMC, custom, fixed width, widgets */ @font-face { font-family: 'MuseoSans500Regular'; src: url('fonts/MuseoSans_500.eot'); src: local('Museo Sans 500 Regular'), local('MuseoSans-500'), url('fonts/MuseoSans_500.woff') format('woff'), url('fonts/MuseoSans_500.otf') format('opentype'), url('fonts/MuseoSans_500.svg#MuseoSans-500') format('svg'); } @font-face { font-family: 'MuseoSans500Italic'; src: url('fonts/MuseoSans_500_Italic.eot'); src: local('Museo Sans 500 Italic'), local('MuseoSans-500Italic'), url('fonts/MuseoSans_500_Italic.woff') format('woff'), url('fonts/MuseoSans_500_Italic.otf') format('opentype'), url('fonts/MuseoSans_500_Italic.svg#MuseoSans-500Italic') format('svg'); } body{background-image:url(images/bg_header.gif);background-position:0 top;background-repeat:repeat-x;color:#4e4e4e;} h1,h2,h3,h4,h5,h6{color:#4e4e4e;font-family:"MuseoSans500", "Helvetica Neue", Arial, Helvetica, sans-serif;} hr{background-color:#FFF;background-image:url(images/bg_hr.gif);background-repeat:repeat-x;border:none;clear:both;color:#FFF;float:none;height:1.5em;margin:0;width:100%;} a{color: #14ab92;} a:hover{color: #3ebdab;text-decoration:underline;} h2.caps{font-size:1.5em;letter-spacing:1px;line-height:1;margin-bottom:1em;text-transform:uppercase;} h3.caps{font-size:1.2em;letter-spacing:1px;line-height:1.25;margin-bottom:1.25em;text-transform:uppercase;} h4.caps{font-size:1em;letter-spacing:1px;line-height:1.5;margin-bottom:1.5em;text-transform:uppercase;} .caps.bottom{margin-bottom:0;padding-bottom:0;} h3.branding,h3.marketing,h3.webdesign,h3.printdesign{color: #858585;font-size:1.5em;letter-spacing:1px;line-height:1;margin-bottom:0;padding-bottom:1em;padding-left:40px;text-transform:uppercase;} h3.branding{ background: url(images/sprite_index.png) no-repeat 5px 0; height: 18px;} h3.marketing{ background: url(images/sprite_index.png) no-repeat 5px -36px; height: 18px;} h3.webdesign{ background: url(images/sprite_index.png) no-repeat 5px -72px; height: 18px;} h3.printdesign{ background: url(images/sprite_index.png) no-repeat 5px -108px; height: 18px;} .red1{color:#cd4231;} .red2,#blog_sidebar a:hover{color:#af2a29;} .teal1{color:#3ebdab;} .teal2,#header ul.menu li a:hover,#footer_nav ul.menu li a:hover{color:#14ab92;} .green1{color:#a5c84a;} .green2{color:#81a646;} .orange1{color:#e7a139;} .orange2{color:#bc6f31;} .right{float:right;text-align:right;} .small{color:#c2c2c2;} .colborder{background-image:url(images/vert_div.png);background-position:right;background-repeat:repeat-y;border-style:none;margin-right:25px;padding-right:25px;} #index .body_wrap{background-image:url(images/bg_pagetitle_index.jpg);background-position:center 72px;background-repeat:no-repeat;} body#index{background-image:url(images/bg_header_index.gif);background-position:0 top;background-repeat:repeat-x;} /* header */ #header{height:72px;} #header h1.logo a{background-image:url(images/bg_logo_teal.png);background-position:left top;background-repeat:no-repeat;display:block;margin-top:18px;text-indent:-9999px;} #header ul.menu{float:right;margin-right:0;margin-top:36px;} #header ul.menu li{float:left;font-size:1.2em;line-height:18px;list-style-type:none;padding-bottom:18px;padding-right:15px;} #header ul.menu li.current_page_item,#header ul.menu li.current_page_parent{background-image:url(images/bg_nav_selected.png);background-position:center bottom;background-repeat:no-repeat;} #header ul.menu li.page-item-60.current_page_item{background-position:-5px bottom;} #header ul.menu li a{background-image:url(images/vert_div.png);background-position:left top;background-repeat:repeat-y;color:#4e4e4e;font-family:"MuseoSans500", "Helvetica Neue", Arial, Helvetica, sans-serif;margin-bottom:9px;margin-top:9px;padding-bottom:9px;padding-left:15px;padding-top:9px;text-decoration:none;text-transform:lowercase;} /* page title */ #page_title{color:#c2c2c2;padding-top:36px;} #index #page_title{height:450px;} #page_title h2{background-position:left top;background-repeat:no-repeat;display:block;height:90px;text-indent:-9999px;} #page_title h2.message{height:198px;} #about #page_title h2{background-image:url(images/page_title_about.png);} #services #page_title h2{background-image:url(images/page_title_services.png);} #blog #page_title h2,#archives #page_title h2,.single #page_title h2,.search #page_title h2, .archive #page_title h2{background-image:url(images/page_title_blog.png);} #work #page_title h2{background-image:url(images/page_title_work.png);} #why-hire-rmc #page_title h2{background-image:url(images/page_title_why_rmc.png);} #quote #page_title h2{background-image:url(images/page_title_quote.png);} #contact_us #page_title h2{background-image:url(images/page_title_contact.png);} .error404 #page_title h2 {background-image:url(images/page_title_404.png);} .index_more_button a{background: url(images/index_button_sprite.png) no-repeat 0 -9px; width: 230px; height:72px;text-indent:-9999px;} .index_more_button a:hover{background: url(images/index_button_sprite.png) no-repeat 0 -81px;} .index_quote_button a{background: url(images/index_button_sprite.png) no-repeat -240px -9px; width: 230px; height:72px;text-indent:-9999px;} .index_quote_button a:hover{background: url(images/index_button_sprite.png) no-repeat -240px -81px;} /* index */ #index #feature{background-image:url(images/loading.gif);background-position:190px 125px;background-repeat:no-repeat;} #index #feature #fallback{padding-left: 5px; padding-top: 36px;} #index_about h3{line-height:2em;} #index_process .process_intro{background-image:url(images/index_timeline.png);background-position:center bottom;background-repeat:no-repeat;padding-bottom:72px;} #index_services a{color: #848484; text-decoration: none;} #index_services a:hover{color: #515151; text-decoration: none;} #index_services p a{background: url(images/sprite_index.png) no-repeat 70px -325px; padding-right: 20px; font-weight: bold; color: #4e4e4e; text-decoration: none;} #index_services p a:hover{background: url(images/sprite_index.png) no-repeat 70px -343px; color: #3f3f3f; text-decoration: none;} #index_services {margin-top: 3em;} #index #page_title p {margin-top: 0;color: #4e4e4e;} #index_quote .quote {font-style: italic;padding-top:18px;padding-left: 18px;padding-right: 18px; background: url(images/sprite_index.png) no-repeat -480px 0;} #index_quote .cite {color: #af2a29;background: url(images/sprite_index.png) no-repeat 0 -180px; padding-top: 18px; padding-left: 80px;} .hire_button h5 a {background: url(images/sprite_index.png) no-repeat 0 -234px; width: 230px; height: 90px; display: block; text-indent: -9999px;} .quote_button h5 a {background: url(images/sprite_index.png) no-repeat -240px -234px; width: 230px; height: 90px; display: block; text-indent: -9999px;} /* about */ #about #mission{background-image:url(images/bg_about_quote_bottom.png);background-position:right bottom;background-repeat:no-repeat;} #about #mission h3{background-image:url(images/bg_index_quote_top.png);background-position:left top;background-repeat:no-repeat;color:#81a646;font-family:MuseoSans500Italic, Helvetica, Verdana, Arial;font-size:2em;line-height:1.5em;margin-bottom:0.75em;padding-bottom:9px;padding-top:9px;text-align:center;} .process_intro{background-image:url(images/about_timeline.png);background-position:center bottom;background-repeat:no-repeat;padding-bottom:72px;} #about #services ul{ padding-bottom: 1.5em; list-style-type: none;} #about #services ul li{background-position: left; background-image: url(images/vert_div.png); background-repeat: repeat-y; padding-left: 6px; margin-left: 5px; display: block; float: left;} #about #services ul li.first{background-image: url(none);padding-left: 0; margin-left: 0;} #about #services_circle{background-image:url(images/rmc_circle_large.png);background-position:center top;background-repeat:no-repeat;min-height:378px;z-index:0;} #about #services_wrap{position:relative;z-index:0;} #about .detail{background-position:center top;text-align:center;top:0;z-index:99;} #about .left{left:520px;position:absolute;} #about .motto{padding-top: 18px; min-height: 162px; background-image:url(images/rmc_motto.png);background-position:left top;background-repeat:no-repeat;} #why-hire-rmc h3 {} /* services */ #services_list li { list-style-image: url(images/list.jpg);} #services_list h4 a { display: block; text-indent: -9999px; height: 36px;} #services_list h4 a:hover {margin-left: 3px} #branding h4 a {background: url(images/services_button_sprite.png) no-repeat 0 0; width: 326px;} #webdesign h4 a {background: url(images/services_button_sprite.png) no-repeat 0 -36px; width: 326px;} #printdesign h4 a {background: url(images/services_button_sprite.png) no-repeat 0 -72px; width: 326px;} /* work */ #work .project{margin-bottom:54px;} #work .link a{background-image:url(images/work_link.gif);background-position:right bottom;background-repeat:no-repeat;color:#c2c2c2;padding-right:15px;text-decoration:none;} #work .link a:hover{background-image:url(images/work_link_hover.gif);color:#a5c84a;} #work blockquote{color:#3f3f3f;font-style:italic;margin:0;} #portfolio-filter { float: left; margin 0; display: block; padding: 0px; list-style-type: none;} #portfolio-filter li { display: block; float: left;} .filter_title, .filter_all a, .filter_branding a, .filter_web a, .filter_print a { text-indent: -9999px; display: block; height: 36px; } .filter_title { background: url(images/work_filter_sprite.png) no-repeat 0px 0; width: 90px;} .filter_all a { background: url(images/work_filter_sprite.png) no-repeat -90px 0; width: 57px;} .filter_all a:hover, .filter_all a.current { background: url(images/work_filter_sprite.png) no-repeat -90px -54px;} .filter_branding a { background: url(images/work_filter_sprite.png) no-repeat -147px 0; width: 96px;} .filter_branding a:hover, .filter_branding a.current { background: url(images/work_filter_sprite.png) no-repeat -147px -54px;} .filter_web a { background: url(images/work_filter_sprite.png) no-repeat -243px 0; width: 119px;} .filter_web a:hover, .filter_web a.current { background: url(images/work_filter_sprite.png) no-repeat -243px -54px;} .filter_print a { background: url(images/work_filter_sprite.png) no-repeat -362px 0; width: 118px;} .filter_print a:hover, .filter_print a.current { background: url(images/work_filter_sprite.png) no-repeat -362px -54px;} /* blog */ .post_content h2.title,.post_content h3.title{background-image:url(images/vert_callout.gif);background-position:6px 18px;background-repeat:no-repeat;margin-bottom:0;padding-bottom:1em;padding-left:40px;} .post_content h3.title{padding-bottom:1.25em;} .post .title a{color:#3f3f3f;text-decoration:none;} .post .title a:hover{background-color:#f2f2f2;color:#3f3f3f;} .post a.more-link{color: #3f3f3f; background-image:url(images/blog_continue.png);background-position:left center;background-repeat:no-repeat;display:block;font-size:1.2em;line-height:1.25;margin-bottom:1.25em;margin-top:1.25em;padding:9px 10px 10px;text-decoration:none;width:150px;} .post a.more-link:hover{background-image:url(images/blog_continue_hover.png);color:#FFF;} .share_button{float: right; margin-bottom: 9px;} span#tweet-button {float: right;} .pagination{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;text-align:center;} .wp-pagenavi{background-position: center 4px; background-repeat: repeat-x; padding-top: 18px; background-image: url(images/bg_hr.gif);} .wp-pagenavi .pages{color: #aaaaaa;font-size:1em;margin-bottom:1.5em;} .pagination a,.pagination .current{ text-decoration: none; margin-left:2px;padding-left:3px;padding-right:3px;} .pagination .current{ color: #3f3f3f; padding-right: 5px; padding-left: 5px; padding-top: 18px; background-repeat: no-repeat; background-position: center 4px; background-image: url(images/horz_callout.gif);} .comment_number{color:#e6e6e6;font-size:3em;line-height:1;margin-bottom:0.5em;padding-right:3px;} .comment_wrapper,.comment_form_wrapper{background-image:url(images/vert_div.png);background-position:15px top;background-repeat:repeat-y;min-height:7.5em;} .even .comment_wrapper{background-color: #f2f2f2;background-image:url(images/vert_div_author.png);background-position:0 0;padding-top:18px;} .even .comment_content{background-image:url(images/vert_callout_author.gif);background-position:6px 0;} .comment_form_content p{clear:both;margin:0;} .comment_form_content textarea{clear:both;color:#4e4e4e;font-family:Helvetica, Verdana, Arial, sans-serif;height:73px;margin-bottom:3px;margin-top:3px;padding-bottom:5px;padding-top:5px;} #blog_sidebar{z-index:0;} #blog_sidebar a{text-decoration: none; color:#4e4e4e;z-index:0;} #blog_sidebar .caps a:hover{color:#af2a29;text-decoration:none;} #blog_sidebar ul{list-style-type:none;margin:0 0 1.5em;padding:0;} #blog_sidebar #search{margin-top:-1.5em;} input.search{color:#4e4e4e;display:block;font-family:Helvetica, Verdana, Arial, sans-serif;height:18px;margin-bottom:3px;margin-top:3px;padding-bottom:5px;padding-top:5px;} .subscribe a{text-decoration: none; background-image:url(images/rss_small.png);background-position:right center;background-repeat:no-repeat;padding-right:20px;} #archives ul{list-style-type:none;} #archives a{text-decoration: none; color:#4e4e4e;} .contact_form textarea{height:306px;} /* Quote */ #quote .services {margin-bottom: 1.5em;} .wpcf7-list-item { clear: both; float: left; display: block;} #footer{ margin-bottom:36px;padding-top:36px;} .footer_wrap{background-color:#e6e6e6;background-image:url(images/bg_footer1.png);background-position:0 bottom;background-repeat:repeat-x;} #footer a{color:#14ab92;text-decoration:none;} #footer a:hover{color:#3ebdab;text-decoration:underline;} #footer #blog_teaser ul{list-style-type:none;margin:0;padding:0;} #footer #blog_teaser a{color:#4e4e4e;text-decoration:none;} #footer #blog_teaser a:hover{color:#3f3f3f;text-decoration:underline;} #web_tabs{list-style:none;margin:0;padding:0;} #web_tabs li{cursor:pointer;float:left;height:36px;margin-right:8px;width:36px;} #web_tabs li.twitter{background-image:url(images/footer_twitter_grey.jpg);background-position:center center;background-repeat:no-repeat;} #web_tabs li.twitter:hover,#web_tabs li.twitter.selected{background-image:url(images/footer_twitter.jpg);} #web_tabs li.linkedin{background-image:url(images/footer_linkedin_grey.jpg);background-position:center center;background-repeat:no-repeat;} #web_tabs li.linkedin:hover,#web_tabs li.linkedin.selected{background-image:url(images/footer_linkedin.jpg);} #web_tabs li.facebook{background-image:url(images/footer_facebook_grey.jpg);background-position:center center;background-repeat:no-repeat;} #web_tabs li.facebook:hover,#web_tabs li.facebook.selected{background-image:url(images/footer_facebook.jpg);} #web_tabs li.stumble{background-image:url(images/footer_stumble_grey.jpg);background-position:center center;background-repeat:no-repeat;} #web_tabs li.stumble:hover,#web_tabs li.stumble.selected{background-image:url(images/footer_stumble.jpg);} #web_tabs li.award{background-image:url(images/footer_award_grey.jpg);background-position:center center;background-repeat:no-repeat;} #web_tabs li.award:hover,#web_tabs li.award.selected{background-image:url(images/footer_award.jpg);} #web_box div.wrap{background-color:#4e4e4e;min-height:180px;padding-top:36px;} #web_box #twitter{background-image:url(images/bg_webbox_selected.png);background-position:-320px top;background-repeat:no-repeat;} #web_box #twitter ul{list-style-type:none;margin:0;padding:0;} #web_box #twitter .entry-meta,#web_box #twitter .entry-meta a,#web_box #twitter .entry-meta a:hover{color:#aaa;font-size:.8em;line-height:1.875em;margin-bottom:1.875em;} #web_box #linkedin{background-image:url(images/bg_webbox_selected.png);background-position:-280px top;background-repeat:no-repeat;} #web_box #award{background-image:url(images/bg_webbox_selected.png);background-position:-234px top;background-repeat:no-repeat;} /* #web_box #facebook{background-image:url(images/bg_webbox_selected.png);background-position:-190px top;background-repeat:no-repeat;} #web_box #stumble{background-image:url(images/bg_webbox_selected.png);background-position:-190px top;background-repeat:no-repeat;} */ #contact input.name{display:block;margin-top:12px;} #contact input,#contact textarea{color:#4e4e4e;font-family:Helvetica, Verdana, Arial, sans-serif;height:18px;margin-bottom:3px;margin-top:3px;padding-bottom:5px;padding-top:5px;} #contact textarea{height:73px;} #contact .submit{float:right;margin-bottom:0;margin-top:9px;} #footer_nav ul.menu{padding-left:0; margin: 0} #footer_nav ul.menu li{background-position:0;float:left;list-style-type:none;padding-right:15px;} #footer_nav ul.menu li a{background-image:url(images/vert_div.png);background-position:left top;background-repeat:repeat-y;color:#4e4e4e;font-family:"MuseoSans500", "Helvetica Neue", Arial, Helvetica, sans-serif;padding-left:15px;text-decoration:none;} .copyright{color:#e6e6e6;float:right;} .copyright a{color:#e6e6e6;text-decoration:none;} .copyright a:hover{color:#e6e6e6;text-decoration:underline;} /* */ #contact input.submit,.comment_form_content input.submit,input.submit{background-color:#f2f2f2;border-color:#c2c2c2;border-style:solid;border-width:1px;height:30px;margin-bottom:3px;margin-top:3px;padding:5px 10px;text-align:center;} #contact input.submit:hover,.comment_form_content input.submit:hover,input.submit:hover{background-color:#e6e6e6;border-color:#aaa;height:30px;} #page_title h1,#page_title h2,#page_title h3,#page_title h4,#page_title h5,#page_title h6,#page_title p,#footer #web, #footer #web h4 {color:#e6e6e6;} #header ul.menu li.menu-item-658 a,#footer_nav ul.menu li.menu-item-658 a{padding-left: 0px; background-image:url(none);} #page_title p,#index_process,#about{margin-top:36px;} #content,#about #process{margin-bottom:36px;margin-top:36px;} /* #footer #linkedin,#footer #facebook,#footer #award,#footer #stumble, */#mycarousel,#feature_control,span.sociable_tagline span{display:none;} #work .project_wrapper,.post_content, .contact_wrapper{background-image:url(images/vert_div.png);background-position:15px top;background-repeat:repeat-y;} #work .project_image,.comment_content{background-image:url(images/vert_callout.gif);background-position:6px 18px;background-repeat:no-repeat;margin-bottom:0;padding-left:40px;} #work .cite,.post_meta,.comment_meta,.comment_form_meta{text-align:right;} .post,div.comment{margin-bottom:36px;} .sociable span,#web_box div.show{display:block;} .comment_form_content input,.contact_form input{clear:both;color:#4e4e4e;font-family:Helvetica, Verdana, Arial, sans-serif;height:18px;margin-bottom:3px;margin-top:3px;padding-bottom:5px;padding-top:5px;} .comment_form_content .submit,.contact_form .submit{margin-bottom:0;margin-top:9px;padding:5px;height:30px;} #footer #blog_teaser ul li,#web_box #twitter ul li{margin-bottom:1.5em;}