/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .custom .headline_area { margin-bottom: 10px; } .custom .rss { margin-right: 10px; } .custom .rss a:hover { color: #ffff00; } /* a.mfmhomelink { background-repeat:no-repeat; background-position:0px 0px; background-image:url("images/MFMheader.jpg"); padding: 0 0 0 0; width: 389px; height: 140px; display: block; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } */ /* get rid of the 'Comments on this entry are closed.' message showing on every page */ .custom .comments_closed p { color: #ff0000; display:none; } /* h1, h2, h3 from old site .custom H1 { font:bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#616A3F; } */ .ContentCol1 { clear: both; float: left; display:inline; width: 230px; margin-left: 10px; } .ContentCol2 { float: left; display:inline; width: 350px; color: #ff0000; } /* NUMBERED PAGE NAV from http://www.artofblog.com/thesis-page-navigation/ */ .page-nav { /*font-size: 1.35em; margin: 1em 0; */ padding: 0; overflow: hidden; font-weight: bold; margin-top: 30px; margin-left: 10px; margin-bottom: 10px; font-size: 11px; } .page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; } .page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc; } .current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #efefef; border: .1em solid #ccc; } .elipses { float: left; padding: .3em .2em; } .press_info { background-repeat:no-repeat; background-position:0px 0px; background-image:url(images/press.png); height: 194px; width: 216px; display: block; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 7px; } .smallinput { width: 80px; background-color:Orange; font-weight:bold; } .smallsubmit { background-repeat:no-repeat; background-position:0px 0px; background-image:url(images/submiton.gif); padding: 0 0 0 0; width: 40px; height: 15px; display:inline-block; margin-left: 0px; margin-top: 27px; margin-right: 20px; margin-bottom: 0px; border-width: 0px; } /* Share-This-Post Box large*/ .socialbox { margin: 0; padding: 0.7em; /*background: #e5f6fc; border: 1px solid #0262A5;*/} .socialbox h3 { margin-top: 0; } .socialbox p { margin-bottom: 0; } .socialbox .social_icons {float:left; width:100%/*38%*/; } .socialbox .social_icons a, .socialbox .social_icons a:hover {border:none; text-decoration:none; margin-left:20px;} .socialbox .social_icons img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; width: 32px; height: 32px;} .socialbox .social_icons img:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;-khtml-opacity: 0.8; } /* Share-This-Post Box small*/ .socialbox_s { margin: 0; padding: 0.7em; /*background: #e5f6fc; border: 1px solid #0262A5;*/ margin-bottom: 30px;} .socialbox_s h3 { margin-top: 0; } .socialbox_s p { margin-bottom: 0; padding-top: 0; font-size: 12px; font-weight:bold; } .socialbox_s .social_icons_s {float:left; width:90%; } .socialbox_s .social_icons_s a, .socialbox_s .social_icons_s a:hover {border:none; text-decoration:none; margin-left:20px; } .socialbox_s .social_icons_s img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; width: 20px; height: 20px; vertical-align:middle; } .socialbox_s .social_icons_s img:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;-khtml-opacity: 0.8; } /* ----------------------------------------------------------------------- */ /* styles for rm layout */ .custom #header { clear:both; /* see page 'Header' and custom function add_header_content() */ /* image with link background-image:url("images/take2/header.jpg"); background-repeat:no-repeat;*/ height:139px; width:951px; font-weight: bold; border-width: 0px; /* see fix with clear:both*/ padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-size:12px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; } .custom #header #logo { display:none; } .custom #header #tagline { display:none; } a.mfmhomelink { /* see .custom #header */ display: block; background-image:url("images/take2/header.jpg"); background-repeat:no-repeat; height:139px; width:951px; font-weight: bold; border-width: 0px; /* see fix with clear:both*/ padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-size:12px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; } /* menu code for rm layout */ .custom ul.menu li { border-top: solid 0px #ff00ff; background-color:Transparent; } .custom ul.menu li.current { border-top: solid 0px #ff00ff; background-color:Transparent; color:Lime; } .custom ul.menu a:hover { border-top: solid 0px #ff00ff; color: rgb(0,0,0); } .custom ul.menu li.current a { border-top: solid 0px #ff0000; color: rgb(144,154,53); background-color:Transparent; } .custom ul.menu a { font-weight: bold; border-top: solid 0px #ff0000; background-color:Transparent; color: rgb(129,129,129); padding-top: 11px; text-transform:lowercase; } .custom ul.menu { clear:both; /*fixes float with 0 header border */ background-image: url("images/take2/navbar_notext.jpg"); background-repeat:no-repeat; height: 39px; } .custom ul.menu li.current-parent a { color: rgb(144,154,53); background-color:Transparent; } .menu_li_proposal { margin-left:185px; } .menu_li_proposal a { letter-spacing: 1px; } .menu_li_proposal current { /* code not wotking */ color:Red; } /* headings */ .custom H1 { /* font to do font-family:Trade Gothic LT Std Bold; font-weight:bold; font: TradeGothicLTStd-BdCn20; font-size:43px; */ font-family: "Trebuchet MS", sans-serif ; font-weight:bold; font: "Trebuchet MS"; font-size:40px; letter-spacing: -2px; color:rgb(200,210,3); margin:0; } .custom H2 { /* font to do font-family:Trade Gothic LT Std Bold; font-weight:bold; font: TradeGothicLTStd-BdCn20; font-size:43px; */ font-family: "Trebuchet MS", sans-serif ; font-weight:bold; font: "Trebuchet MS"; font-size:40px; letter-spacing: -2px; color:rgb(200,210,3); margin:0; } .custom H3 { /* font to do font-family:Trade Gothic LT Std Bold; font-weight:bold; font: TradeGothicLTStd; font-size: 26px; */ font-family: "Trebuchet MS", sans-serif ; font-weight:bold; font: "Trebuchet MS"; font-size: 24px; letter-spacing: -1px; color: rgb(239,109,0); /*#D36D00;*/ margin-top: 0px; } .custom .sidebar h3 { /* font to do font-family:Trade Gothic LT Std Bold; font-weight:bold; font: TradeGothicLTStd; font-size: 26px; */ font-family: "Trebuchet MS", sans-serif ; font-weight:bold; font: "Trebuchet MS"; font-size: 24px; letter-spacing: -1px; color: rgb(239,109,0); /*#D36D00;*/ margin-top: 5px; font-variant: normal; text-transform: uppercase; margin-bottom: 5px; } .custom .sidebar li { margin-bottom: 55px; } /* buttons */ .btnGrayZone { background-color: #e8e8e8; display: block; clear: both; height: 72px; width: 100%; /*margin: 0px 0px 0px 2px!important; */ padding: 0px 0px 0px 0px; padding-top: 1px; border: solid 0px; } a.btnGetStarted { margin-left: 15px; margin-top: 15px; /* wierd, but top margin will not be set unless padding in zone is 1 or more */ margin-right: 0px; margin-bottom: 0px; padding-top: 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; font: Arial; letter-spacing: -1px; background-image: url("images/take2/btn_learn.jpg"); background-repeat:no-repeat; width: 132px; height:42px; text-decoration: none; display:block; text-align:center; color: rgb(144,154,53); } a:hover.btnGetStarted { color: rgb(129,129,129); } a.btnMore { margin-left: 15px; margin-top: 15px; /* wierd, but top margin will not be set unless padding in zone is 1 or more */ margin-right: 0px; margin-bottom: 0px; padding-top: 8px!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; font: Arial; letter-spacing: -1px; background-image: url("images/take2/btn_more.jpg"); background-repeat:no-repeat; width: 194px; height:42px; text-decoration: none; display:block; text-align:center; color: rgb(144,154,53); } a:hover.btnMore { color: rgb(129,129,129); } /* home page boxes */ .SplitPageCol1 { clear: both; float: left; display:inline; width: 300px; /*45%; *//*270px;*/ margin-left: 0px; /*was 3*/ margin-right: 0px; /*10*/ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .SplitPageCol2 { float: left; display:inline; width: 300px; /*45%; *//*270px;*/ margin-left: 10px; margin-right: 0px; padding-left: 0px; } .SplitPageCol1 h3, .SplitPageCol2 h3 { padding-left: 10px; text-transform: uppercase; } .ul_border_bottom { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; background: url("images/take2/box_bottom.jpg") bottom left repeat-x; width: 293px; background-image: url("images/take2/box_bottom.jpg"); background-position:left bottom; background-repeat:repeat-x; border-top: solid 2px rgb(238,238,238); list-style-type:none !important; padding-bottom: 2px; } .li_border_y { background: url("images/take2/li_1_vert.jpg") top left repeat-y; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: solid 2px #e8e8e8; width: 293px; padding-top: 7px; padding-bottom: 7px; /* padding-left: 10px; makes border extend beyond width, see a and p below */ } .li_border_y a { margin-left: 10px; margin-bottom: 0px; padding: 0px 0px 0px 0px; } .li_border_y p { margin-top: 0px!important; margin-left: 10px; margin-bottom: 0px; padding: 0px 0px 0px 0px!important; } .ul_border_bottom_right { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; width: 293px; background-image: url("images/take2/box_bottom.jpg"); background-position:left bottom; background-repeat:repeat-x; border-top: solid 2px rgb(238,238,238); list-style-type:none !important; padding-bottom: 2px; } .ul_second_level { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; width: 293px; list-style-type:none!important; padding-bottom: 34px; background: url("images/take2/li_2_bkg.jpg") top left; } .li_second_level { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 293px; /* padding-left: 10px; makes border extend beyond width, see p below */ } .li_second_level p { margin-top: 0px!important; margin-left: 10px; margin-bottom: 0px; padding: 0px 0px 0px 0px!important; } .p_testimonial { margin-top: 0px!important; margin-left: 10px!important; margin-right: 10px!important; margin-bottom: 14px!important; padding: 0px 0px 0px 0px!important; /*font-family: Garamond, Georgia, serif;*/ font-style:oblique; font-weight: normal; /*font: Georgia;*/ font-size: 14px; letter-spacing: normal!important; } /* footer */ .mfm_footer_box { clear:both; /*height: 150px;*/ font: 11px Verdana; font-weight:normal; letter-spacing: 0.0em; line-height:1.0em; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; color: #000; background: #f5f5f5; display: block; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; } .mfm_footer_box p { margin-top: 6px; margin-bottom: 3px; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; color: #535353; font-weight: bold; font-size: 11px; background-color: White; text-align: center; line-height: 25px; } .mfm_footer_box a { color: #535353; /*#7d7d7d; */ text-decoration: underline; font-weight: normal; } .mfm_footer_box a:hover { color: #000000; font-weight: bold; } .trust_images { background-repeat:no-repeat; background-position: center center; background-image:url(images/take2/trust_logos.jpg); height: 139px; width: 951px; padding: 0 0 0 0; margin: 0 0 0 0; } /* stay connected box */ .mfmsocial_box_outside { background-image: url("images/take2/box_bottom.jpg"); background-position:left bottom; background-repeat:repeat-x; border-top: solid 2px rgb(238,238,238); padding-bottom: 2px; } .mfmsocial_box { height: 370px; font:14px Arial; font-weight:normal; margin-top: 0px; margin-left: 0px; margin-bottom: 20px; color: rgb(151,151,151); display: block; width: 259px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; background: url("images/take2/sc_bkg.jpg") top left repeat-y; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: solid 2px rgb(238,238,238); border-bottom: solid 2px rgb(151,151,151); } .mfmsocial_box p { margin-top: 10px; margin-bottom: 10px!important; padding-top: 0px; padding-left: 16px; padding-right: 0px; padding-bottom: 0px; font-weight: bold; } .mfmsocial_box a { color: #D7018; text-decoration: underline; } .mfmsocial_box input.text-input { margin:0 0 0 0!important; margin-left:0px; width: 217px!important; height: 28px!important; padding: 12px 0px 0px 5px ! important; background-image: url("images/take2/sc_edit_bkg.jpg"); background-repeat:repeat-x; font-size: 12px; border: solid 0px; } .mfmsocial_box input.button { margin-left: 15px; margin-top: 15px; /* wierd, but top margin will not be set unless padding in zone is 1 or more */ margin-right: 0px; margin-bottom: 0px; padding-top: 0px!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; font: Arial; letter-spacing: -1px; background-image: url("images/take2/btn_learn.jpg"); background-repeat:no-repeat; width: 132px; height:42px; text-decoration: none; display:block; text-align:center; color: rgb(144,154,53); border: solid 0px; } .mfmsocial_box input.button:hover { color: rgb(129,129,129); } .mfmsocial_box label.error { font-weight:normal; color:#d36d00; } .mfmsocial_box_follow { background-image: url("images/take2/sc_icons_bkg.jpg"); background-repeat:no-repeat; padding: 0 0 0 0; margin: 0 0 0 2px; width: 255px; height: 164px; } .mfmsocial_box_follow .social_icons {float:left; width:100%/*38%*/; } .mfmsocial_box_follow .social_icons a {border:none; text-decoration:none; margin-left:18px; color:Black; } .mfmsocial_box_follow .social_icons img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; width: 32px; height: 32px; vertical-align:middle; } .mfmsocial_box_follow .social_icons img:hover {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;-khtml-opacity: 0.7; } .mfmsocial_box_follow .social_icons p { margin-bottom: 0; margin-top: 28px; margin-left: 9px; padding: 0 0 0 0!important } #mfmsocialform { } #mfmsocialform_message { background-image: url(images/take2/check.jpg); background-repeat: no-repeat; padding-left: 60px; margin-top: 10px; height: 148px; margin-left: 10px; } #mfmsocialform_message h2 { font: 12px Arial; font-weight: bold; letter-spacing: 1px; color: black; padding-top: 5px; } #mfmsocialform_message p { color:black;font-weight:normal;margin:6px 0px 0px 0px; padding:0px 0px 0px 0px!important;} /* get a quote */ .mfmquote_box { height: 202px; font:14px Arial; font-weight:normal; margin-top: 0px; margin-left: 0px; margin-bottom: 20px; color: rgb(151,151,151); display: block; width: 259px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; background: url("images/take2/sc_bkg.jpg") top left repeat-y; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: solid 2px rgb(238,238,238); border-bottom: solid 2px rgb(151,151,151); } .mfmquote_box p { margin-top: 10px; margin-bottom: 10px!important; padding-top: 0px; padding-left: 16px; padding-right: 0px; padding-bottom: 0px; font-weight: bold; } .mfmquote_box a { color: #D7018; text-decoration: underline; } .mfmquote_box input.text-input { margin:0 0 0 0!important; margin-left:0px; width: 217px!important; height: 28px!important; padding: 12px 0px 0px 5px ! important; background-image: url("images/take2/sc_edit_bkg.jpg"); background-repeat:repeat-x; font-size: 12px; border: solid 0px; } .mfmquote_box input.button { margin-left: 15px; margin-top: 15px; /* wierd, but top margin will not be set unless padding in zone is 1 or more */ margin-right: 0px; margin-bottom: 0px; padding-top: 0px!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; font: Arial; letter-spacing: -1px; background-image: url("images/take2/btn_learn.jpg"); background-repeat:no-repeat; width: 132px; height:42px; text-decoration: none; display:block; text-align:center; color: rgb(144,154,53); border: solid 0px; } .mfmquote_box input.button:hover { color: rgb(129,129,129); } #mfmquoteform label.error { font-weight:normal; /*color:#d36d00;*/ color:#000000; } #mfmquoteform_message { background-image: url(images/take2/check.jpg); background-repeat: no-repeat; padding-left: 60px; margin-top: 10px; height: 70px; margin-left: 10px; } #mfmquoteform_message h2 { font: 12px Arial; font-weight: bold; letter-spacing: 1px; color: black; padding-top: 5px; } #mfmquoteform_message p { color:black;font-weight:normal;margin:6px 0px 0px 0px; padding:0px 0px 0px 0px!important;} /* blog */ .custom h1.entry-title { /* font to do font-family:Trade Gothic LT Std Bold; font-weight:bold; font: TradeGothicLTStd-BdCn20; font-size:43px; */ font-family: "Trebuchet MS", sans-serif ; font-weight:bold; font: "Trebuchet MS"; font-size:26px; letter-spacing: normal; /*-2px;*/ color:rgb(200,210,3); margin:0; } .custom h2.entry-title { font-size: 24px; letter-spacing: normal; } .custom .widget_links li { margin-bottom: 10px!important; } .custom .widget_categories li { margin-bottom: 10px!important; } .custom .widget_archive li { margin-bottom: 10px!important; } /************** request form **************/ #request_form p { padding: 0 0 0 0; margin-top: 0px; margin-bottom: 0; clear:both; } #request_form { font-size:1.0em; } #request_form fieldset { border: solid 0px white; } #request_form form fieldset legend { } #request_form form label { font-weight:bold; text-align:left; color: #000000; } #request_form label.error { font-weight:normal; color: #4b67a1; text-align:left; width:200px; margin-left: 20px; } #request_form input.text-input { margin:0 0 0 0!important; color: #000000; margin-left:0px; width: 320px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; background-image: url("images/take2/edit_bkg.jpg"); background-repeat:repeat-x; } #request_form textarea.text-long { margin:0 0 0 0!important; padding:2px 0; color: #000000; margin-left:0px; background-color: #f7f7f7; } #request_form label { color: #535353; margin-left: 0px; font-weight: bold; } #request_form input.button { margin-left: 15px; margin-top: 15px; /* wierd, but top margin will not be set unless padding in zone is 1 or more */ margin-right: 0px; margin-bottom: 0px; padding-top: 0px!important; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; font: Arial; letter-spacing: -1px; background-image: url("images/take2/btn_learn.jpg"); background-repeat:no-repeat; width: 132px; height:42px; text-decoration: none; display:block; text-align:center; color: rgb(144,154,53); border: solid 0px; } #request_form input.button:hover { color: rgb(129,129,129); } #message { width:300px; margin:60px 0 0 100px; background-image: url(images/take2/check.jpg); background-repeat: no-repeat; padding-left: 60px; margin-top: 300px; } #message h2 { font: 12px Arial; font-weight: bold; letter-spacing: 1px; color: black; padding-top: 5px; } #message p { color:black;font-weight:normal;margin:6px 0px 0px 0px; padding:0px 0px 0px 0px!important;} #request_form table { width: 80%; font-weight:normal; margin: 0 0 0 0; padding: 0 0 0 0; margin-top: 3px; margin-bottom: 20px; } #request_form label td { margin-left: 0px; padding-left: 0px; margin: 0 0 0 0; padding: 0 0 0 0; } #request_form input.rfcheckbox { margin: 0 0 0 0!important; padding: 0 0 0 0!important; width: 20px!important; text-align:left; border: none; background-color:#ffffff; } /* secondary nav bar */ .second_navbar_box { clear:both; display:block; height: 30px; width: 100%; /*background-image:url("images/take2/gradient-grey.png");*/ background-image:url("images/take2/nav_2_bkg.jpg"); background-repeat:repeat-x; border-bottom: solid 1px rgb(151,151,151); font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; letter-spacing:-1px; } .second_navbar_box ul { margin:0;padding:0;float:left;width:100%; border: 0px; } .second_navbar_box ul li { margin:0;padding:0;list-style:none;float:left;margin:0 1.3em 0 0; } .second_navbar_box ul li a { text-decoration:none;display:block; padding-left: 7px; padding-right: 7px; padding-top: 8px; padding-bottom: 0px; border:0px solid silver; height: 22px; margin: 0 0 0 0; color: #818181; font-weight:bold; background-color:Transparent; text-transform:lowercase; } .second_navbar_box ul li a:hover { border:0px solid gray; color:#000; background-color:Transparent; } .second_navbar_box .current a { border:0px solid gray; /*color: #EF6D00; orange */ color: rgb(144,154,53); background:#ffffff; border-left: 1px solid rgb(151,151,151); border-right: 1px solid rgb(151,151,151); border-bottom: solid 1px white; } .second_navbar_box .current a:hover { border:0px solid gray; /*color: #EF6D00; orange */ color: rgb(144,154,53); background:#ffffff; border-left: 1px solid rgb(151,151,151); border-right: 1px solid rgb(151,151,151); border-bottom: solid 1px white; } /* sitemap display overrides */ .custom .ddsg-wrapper h2 { display:none; } .custom .ddsg-wrapper li { padding-top: 5px; } /* input form hidden field to id human user */ /* use with */ .iduser { visibility: hidden; } /* comments form */ .custom .form_submit { color: rgb(144,154,53); } .custom .form_submit:hover { color: rgb(129,129,129); }