/* Theme Name: VisualMerc Theme URI: http://www.visualmerc.com/ Description: VisualMerc Website. Version: 1.0 Author: VisualMerc Author URI: */ /*@import tabber.css;*/ /*Common Tags*/ body {margin: 0px auto; padding: 0px; background: #000 url(img/bg01.jpg) no-repeat top center;} div, span, h1, h2, h3, h4, p, ul, li {margin: 0px; padding: 0px;} p {font-family: Arial, Helvetica, sans-serif; font-size: 12px;} h1, h2, h3, h4, {font-family: 'Trebuchet MS', Arial, Verdana; } .cloaker {display: none;} /*Common Tags*/ /*Start Frame*/ #container {margin: 85px auto; padding: 0px; width: 1000px; height: auto;} #header_area {margin: 0px; padding: 0px; width: 1000px; height: 40px; float: left; background: url(img/top_bg.png) no-repeat top center;} #top_nav {margin: 0px; padding: 0px; width: 1000px;} #content_area {margin: 0px; width: 1000px; height: auto; background: #e6eef5 url(img/content_bg.jpg) repeat-y top center; float: left;} #footer_area {width: 1000px; height: auto; clear: both; background: #e6eef5 url(img/content_bg.jpg) repeat-y top center;; float: left;} #col_left {margin: 0px; width: 640px; float: left;} #col_right {margin: 0px; width: 360px; height: auto; float: left;} #sidebar {margin-left: 25px; width: 320px; height: auto; float: left;} #feature_area {margin: 10px 0px 20px 0px; width: 310px; text-align: center;} #featurepost_area {margin: 0px 0px 20px 0px;} .post-area {margin: 30px auto; padding-top: 19px; width: 640px; background: url(img/post_area_top_bg.jpg) no-repeat top; display: block;} .post-body {margin: 0px auto; padding: 0px 0px 10px 0px; width: 640px; height: auto; background: url(img/post_area_body_bg.jpg) repeat-y top; display: block;} .post {margin-bottom: 30px; width: 640px;} .entry {padding-bottom:10px; margin: 0px auto;} .image_holder {margin: 0px auto; padding-bottom: 10px; width: 550px; text-align: center;} .image_holder a {margin: 0px auto;} .image_holder a img {margin: 0px auto; width: 550px; text-align: center;} .image_holder img {margin: 0px auto; width: 550px; text-align: center;} .aligncenter {margin: 0px auto;} .widget_search {margin: 0px;} .widget_tag_cloud {margin-top: 20px;} .widget_meta {margin-top: 20px;} .widget_categories {margin: 20px 0px;} .widget_archive {margin-top: 20px;} /*End Frame*/ /*Start Typography*/ #col_left p.edit_entry {margin-left: 20px;} .post {margin-left: 10px;} .post h2 {margin:0px; color: #152442; font-family: "Trebuchet MS", Arial, Verdana; font-weight:200; font-size: 18px;} .post h3 {margin-left: 10px; color: #152442; text-decoration: underline;} h3#respond {margin-left: 10px; font-size:13px; font-family:"Trebuchet MS", Arial, Verdana; color: #152442; text-decoration: underline;} .post h3 a {margin: 0px; color: #152442; text-decoration: underline;} .post h3 a:hover {color: #0066FF;} .post small {margin: 0px 0px 0px 10px; font-family:"Trebuchet MS", Arial, Verdana; font-style: italic; font-size: 10px; color:#666666;} #commentform {margin: 0px 0px 30px 20px; width: 595px;} #commentform textarea {margin: 10px 0px 10px 0px; width: 595px; border: 1px solid #ccc;} #commentform input {padding: 0px 0px 5px 0px; border: 1px solid #ccc; height: 25px; width: 120px; font-size: 12px; float: right;} #commentform p a {color: #FF3300; text-decoration: none;} #commentform p a:hover {color: #152442; text-decoration: underline;} h3#respond {margin-top: 50px; margin-left: 20px;} h3#comments {margin-left: 10px; color: #152442; font-family: "Trebuchet MS", Arial, Verdana; font-weight:400; font-size: 14px; font-style: italic;} ol.commentlist {width: 600px; font-family: "Trebuchet MS", Arial, Verdana; font-size: 14px;} ol.commentlist li {margin: 0px; width: 580px;} ol.commentlist li p {margin: 0px; width: 560px;} ol.commentlist a {text-decoration: none; color: #152442;} ol.commentlist a:hover {text-decoration: underline;} .post-body .entry {margin: 20px 0px 10px 0px; width: 640px; text-align: justify;} .post-body .entry object {margin-left: 20px; margin-bottom: 10px;} .post-body .entry p {margin-left: 20px; margin-bottom: 10px; text-align: justity; width: 600px; color: #333;} .post-body .entry p a {color: #FF3300; text-decoration: none;} .post-body .entry p a:hover {color: #152442; text-decoration: underline;} .post-body .entry p.read_more a {color: #FF3300; text-decoration: none; font-weight: bold;} .post-body .entry p.read_more a:hover {color: #152442; text-decoration: underline;} p.wp-caption-text {width: auto; font-size: 11px; font-style:italic; text-align: right;} .post-body .entry img {margin: 0px auto; padding-bottom: 10px; text-decoration: none; border: 0px; width: auto;} .post-body .entry a img {margin: 0px auto; background: #fff; padding: 8px; text-decoration: none; border: 0px; width: auto;} .post-body .entry a:hover img {background: #CCCCCC; text-decoration: none;} .post-body .entry .wp-caption {margin: 0px auto;} .post-body .entry .wp-caption p.wp-caption-text {margin: 0px 0px 20px 0px; width: auto; text-align: right;} .post-body .entry .wp-caption a img {margin: 0px auto; background: #fff; padding: 8px; text-decoration: none; border: 0px;} .post-body .entry .wp-caption a:hover img {margin: 0px auto; background: #CCCCCC; text-decoration: none;} .post-body h2 {margin-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #2c3757; font-size: 24px; font-weight:500; text-align: left; width: auto; height: auto;} .post-body h4 {margin-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #2c3757; font-size: 14px; font-weight:500; text-align: left; width: auto; height: auto;} .post-body h2 a {color: #2c3757; text-decoration: none; height: auto;} .post-body h2 a:hover {color: #2c3757; text-decoration: underline;} .post-body .single_time_txt {margin-left: 20px;margin-top: 5px; color:#333;} .post-body .entry .flashvideo {padding-bottom: 30px;} .post-area .postmetadata {margin: 0px; padding: 0px; color:#fff; background: url(img/pmeta_body_bg.jpg) repeat-y top; width: auto; height: auto;} .post-area .postmetadata p {margin: 0px; padding: 5px 10px 10px 20px; width: auto; height: auto; background: url(img/pmeta_btm_bg.jpg) no-repeat bottom; color:#fff;} .post-area .postmetadata p.metatag a {margin: 0px; padding: 0px; height: auto; color: #FF3300; text-decoration: none;} .post-area .postmetadata p.metatag a:hover {color: #CCCCCC; text-decoration: underline;} .pagetitle {display: none;} .navigation {margin: 0px 0px 20px 0px;} .alignleft {margin-left: 10px; float: left;} .alignleft a {text-decoration: none; color: #777;} .alignleft a:hover {text-decoration: underline;} .alignright {margin-right: 10px; float: right;} .alignright a {text-decoration: none; color: #777;} .alignright a:hover {text-decoration: underline;} .navigation {margin: 0px 0px 30px 0px;} .bottom_nav {margin: 0px 0px 50px 0px; text-align: center;} .time_txt {margin: 0px 0px 10px 20px; font-size: 10px; font-style:italic; color:#333; text-align: left;} .single_time_txt {margin-bottom: 10px; font-size: 10px; font-style:italic; color:#777; text-align: left;} #sidebar ul {width: 310px; list-style: none;} #sidebar li {width: 310px;font-family:Arial, Helvetica, sans-serif;} #sidebar li ul li {margin-left: 20px;} #sidebar li ul {padding-bottom: 10px; background: url(img/sidebar_bg_btm.jpg) no-repeat bottom left; display: block;} #sidebar a {text-decoration: none; color: #777;} #sidebar a:hover {color: #FF6600; text-decoration: underline;} #sidebar h2 {font-size: 14px;} #reel_area {margin: 20px 0px 20px 0px; width: 310px; height: 197px; display: block;} #reel_area p a {margin: 0px; width: 310px; height: 197px; background: #fff url(img/viewOurOnlinePresentation.jpg) no-repeat center center; display: block} #reel_area p a:hover {margin: 0px; width: 310px; height: 197px; background: #999999 url(img/viewOurOnlinePresentation.jpg) no-repeat center center; display: block;} #feature_area img {margin-bottom: 5px} #feature_area a img {padding: 4px; background: #fff; display: block} #feature_area a:hover img {background: #999999; display: block;} #feature_area h2 {margin: 0px 0px 10px 0px; width: 310px; height: 33px; text-align: left; background: url(img/featuredwork_img.jpg) no-repeat;} .widget {padding-top: 5px; width: 310px; background: #ededeb url(img/sidebar_bg_top.jpg) no-repeat top left; display: block;} .widget_search {margin: 0px 0px 20px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background: none;} .widget_search input.text_field {margin: 0px 5px 0px 0px; width: 230px; height: 15px; border: 1px solid #6699ff; float: left;} .widget_search input#searchsubmit {margin: 0px ; padding-bottom: 3px; border: 1px solid #0066FF; height: 19px; width: 60px; vertical-align: middle; font-size: 12px; text-align: right;} .widget_categories {font-family:Arial, Helvetica, sans-serif; font-size: 12px; clear: right;} .widget_meta {margin-bottom: 20px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;} .widget_tag_cloud h2 {width: 250px; height: 30px; text-align: left; background: url(img/titlebar_sitetags_img.gif) no-repeat; text-indent: 1000px; overflow: hidden;} .widget_categories h2 {margin-left: 10px; width: 115px; height: 19px; text-align: left; background: url(img/titlebar_sitecat_img.jpg) no-repeat; text-indent: 1000px; overflow: hidden;} .widget_meta h2 {margin-left: 10px; width: 117px; height: 20px; text-align: left; background: url(img/titlebar_nav_img.jpg) no-repeat; text-indent: 1000px; overflow: hidden;} .widget_archive {font-family:Arial, Helvetica, sans-serif; font-size: 12px;} .widget_archive h2 {margin-left: 10px; width: 72px; height: 19px; text-align: left; background: url(img/titlebar_archive_img.jpg) no-repeat; text-indent: 1000px; overflow: hidden;} .widget_links {font-family:Arial, Helvetica, sans-serif; font-size: 12px;} .widget_links h2 {margin-left: 10px; width: 115px; height: 19px; text-align: left; background: url(img/titlebar_blogroll_img.jpg) no-repeat; text-indent: 1000px; overflow: hidden;} #footer_area p {padding: 10px 20px 10px 0px; text-align: right; font-size: 10px;} #footer_area p a {color:#0066FF; text-decoration: none;} #footer_area p a:hover {text-decoration: underline;} #about_sign {margin: 0px 0px 30px 0px; width: 640px; height: 180px; background: url(img/theCrew.jpg) no-repeat} #motivate_sign {margin-bottom: 10px; width: 640px; height: 180px; background: url(img/motivateus.jpg) no-repeat} #contact_sign {width: 640px; height: 180px; background: url(img/reachout.jpg) no-repeat} #work_sign {width: 640px; height: 180px; background: url(img/ourPortfolio.jpg) no-repeat;} #work_sign ul {width: 270px; height: 19px; list-style: none; position: relative; top: 153px;} #work_sign ul li {margin: 0px; display: inline;} #work_sign ul li.web_wrk a {width: 52px; height: 19px; background: url(img/wrk_btn_web.jpg) no-repeat; float: left;} #work_sign ul li.web_wrk a:hover {width: 52px; height: 19px; background: url(img/wrk_btn_web_o.jpg) no-repeat;} #work_sign ul li.web_wrk_active a {width: 52px; height: 19px; background: url(img/wrk_btn_web_o.jpg) no-repeat; float: left;} #work_sign ul li.interactive_wrk a {width: 98px; height: 19px; background: url(img/wrk_btn_interactive.jpg) no-repeat; float: left;} #work_sign ul li.interactive_wrk a:hover {width: 98px; height: 19px; background: url(img/wrk_btn_interactive_o.jpg) no-repeat;} #work_sign ul li.interactive_wrk_active a: {width: 98px; height: 19px; background: url(img/wrk_btn_interactive_o.jpg) no-repeat;} #work_sign ul li.video_wrk a {width: 57px; height: 19px; background: url(img/wrk_btn_video.jpg) no-repeat; float: left;} #work_sign ul li.video_wrk a:hover {width: 57px; height: 19px; background: url(img/wrk_btn_video_o.jpg) no-repeat;} #work_sign ul li.video_wrk_active a {width: 57px; height: 19px; background: url(img/wrk_btn_video_o.jpg) no-repeat; float: left;} #work_sign ul li.photo_wrk a {width: 59px; height: 19px; background: url(img/wrk_btn_photo.jpg) no-repeat; float: left;} #work_sign ul li.photo_wrk a:hover {width: 59px; height: 19px; background: url(img/wrk_btn_photo_o.jpg) no-repeat;} #work_sign ul li.photo_wrk_active a {width: 59px; height: 19px; background: url(img/wrk_btn_photo_o.jpg) no-repeat;} /*End Typography*/ /*Start Top Navagation*/ #top_nav ul {margin: 0px; padding: 0px; width: 1000px; height: 40px; list-style: none; float: left;} #top_nav ul li {width: auto; display: inline;} #top_nav ul li a {display: block; float: left; text-align: center; font-size: 13px; color: #0066FF; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} #top_nav ul li a:hover {color: #152442; display: block;} #top_nav ul li.current a {color: #152442;} #top_nav ul li.current a:hover {color: #0066FF;} #top_nav ul li.normal a {text-align: center;} #top_nav ul li.btn_home {width: 82px; height: 40px;} #top_nav ul li.btn_home a {width: 82px; height: 40px; background: url(img/btn_home_n.gif) no-repeat left;} #top_nav ul li.btn_home a:hover {width: 82px; height: 40px; background: url(img/btn_home_o.gif) no-repeat left;} #top_nav ul li.btn_home_active a {width: 82px; height: 40px; background: url(img/btn_home_o.gif) no-repeat left;} #top_nav ul li.btn_home_active a:hover {width: 82px; height: 40px; background: url(img/btn_home_n.gif) no-repeat left;} #top_nav ul li.btn_about {width: 87px; height: 40px;} #top_nav ul li.btn_about a {width: 87px; height: 40px; background: url(img/btn_about_n.gif) no-repeat left;} #top_nav ul li.btn_about a:hover {width: 87px; height: 40px; background: url(img/btn_about_o.gif) no-repeat left;} #top_nav ul li.btn_about_active a {width: 87px; height: 40px; background: url(img/btn_about_o.gif) no-repeat left;} #top_nav ul li.btn_about_active a:hover {width: 87px; height: 40px; background: url(img/btn_about_n.gif) no-repeat left;} #top_nav ul li.btn_work {width: 78px; height: 40px;} #top_nav ul li.btn_work a {width: 78px; height: 40px; background: url(img/btn_work_n.gif) no-repeat left;} #top_nav ul li.btn_work a:hover {width: 78px; height: 40px; background: url(img/btn_work_o.gif) no-repeat left;} #top_nav ul li.btn_work_active a {width: 78px; height: 40px; background: url(img/btn_work_o.gif) no-repeat left;} #top_nav ul li.btn_work_active a:hover {width: 78px; height: 40px; background: url(img/btn_work_n.gif) no-repeat left;} #top_nav ul li.btn_inspiration {width: 139px; height: 40px;} #top_nav ul li.btn_inspiration a {width: 139px; height: 40px; background: url(img/btn_inspiration_n.gif) no-repeat left;} #top_nav ul li.btn_inspiration a:hover {width: 139px; height: 40px; background: url(img/btn_inspiration_o.gif) no-repeat left;} #top_nav ul li.btn_inspiration_active a {width: 139px; height: 40px; background: url(img/btn_inspiration_o.gif) no-repeat left;} #top_nav ul li.btn_inspiration_active a:hover {width: 139px; height: 40px; background: url(img/btn_inspiration_n.gif) no-repeat left;} #top_nav ul li.btn_contact {width: 113px; height: 40px;} #top_nav ul li.btn_contact a {width: 113px; height: 40px; background: url(img/btn_contact_n.gif) no-repeat left;} #top_nav ul li.btn_contact a:hover {width: 113px; height: 40px; background: url(img/btn_contact_o.gif) no-repeat left;} #top_nav ul li.btn_contact_active a {width: 113px; height: 40px; background: url(img/btn_contact_o.gif) no-repeat left;} #top_nav ul li.btn_contact_active a:hover {width: 113px; height: 40px; background: url(img/btn_contact_n.gif) no-repeat left;} #top_nav ul li.empty_space {width: 140px; height: 40px; background: url(img/btn_empty_n.gif) no-repeat left; display: block;} /*End Top Navagation*/ /* Start Share This Area */ .sharethis_area {margin: 15px 170px 0px 0px; padding: 0px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .sharethis_area a {text-decoration: none; color: #777;} .sharethis_area a:hover {color: #FF6600; text-decoration: underline;} /* End Share This Area */ /* #searcharea {margin: 0px; padding: 0px 0px 0px 0px;float:left} #searcharea h2.search_header {margin: 30px 0px 20px 0px; color: #152442; font-family: "Trebuchet MS", Arial, Verdana; font-weight:200; font-size: 18px;} */ #search_box {margin-top:11px;margin-left:20px;font-family:Arial, Helvetica, sans-serif; font-size: 12px; background: none;float:left} #search_box input.text_field {margin: 0px 5px 0px 0px; width: 200px; height: 15px; border: 1px solid #999999; float: left;} #search_box input#searchsubmit {margin: 0px ; padding-bottom: 3px; border: 1px solid #999999; height: 19px; width: 60px; vertical-align: middle; font-size: 12px; text-align: right;} #tweetContainer {overflow:hidden;height:300px;} #tweetResult_more {height:10px;font-family:Verdana, Geneva, sans-serif;font-size:10px;text-align:right;color:#666;background-color:#EDEDEB;padding-top:10px;padding-right:10px;padding-bottom:10px;margin-right:10px;cursor:pointer} #tweetResult {width:310px;background-color:#EDEDEB;font-family:Verdana, Geneva, sans-serif;font-size:10px;padding-bottom:10px;} #tweetResult_title {background-color:#CCC;height:26px;} #tweetResult_title img{padding-left:10px;padding-top:3px;float:left} #tweetResult_copy{float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:17px;margin-left:10px;margin-top:3px;color:#d74b2b} #tweetResult_copy q{color:#888888} .twit_thm {float:left;margin-right:10px;margin-bottom:0px;} .twit_user {background-color:#efefef;padding-top:10px;padding-left:10px;padding-right:10px;} /* FEATURED ARTICLES */ #fp_images_container {float:left;overflow: hidden;width: 640px; height: 300px;background-color:#fff;} #fp_images_container ul {width: 3500px;} #fp_images_container li {float: left;width: 640px;} #fp_pn {background-color:#036;filter:alpha(opacity=60);opacity:0.6;width:640px;height:30px;position:absolute;margin-top:270px;z-index:3;} #fp_pn_container {float:right;} #btprev {color:#FFF;float:right;} #btnext {color:#FFF;float:right;} #navigation {float:left;} #navigation li{color:#FFF;margin-right:5px;float:left;list-style:none;} #navigation li a:Hover{color:#FFF;text-decoration:none;} #navigation li a:Visited{color:#FFF;text-decoration:none;}