/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the <body> 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. ... /****************/ /* Imported CSS */ /****************/ /*@import url("reset.css");*/ /*@import url("js/jquery-ui-latest.custom.css");*/ @import url("shadowbox/shadowbox.css"); /****************************/ /* Body, # container, #page */ /****************************/ body.custom { color: #44443f; /*background: #f6f4f3;*/ /*background: -moz-linear-gradient(20% center, 30% center, from(blue), to(yellow));*/ /* Requires Moz 3.6 */ } .custom #container { margin-top: 1em; margin-bottom: 2em; } .custom #page { /*min-width: 960px;*/ /* Don't mess with the R and L page padding. It screws up Thesis' column layout */ /* Use the outer page padding setting in Design Options instead */ padding: 2.3em 3.2em; /* In Thesis Design Options, set Outer Page Padding to 2.0em, column widths: 560px, 250px. */ /*outline: 0.3em solid #33332f;*/ /*-moz-border-radius: 8px;*/ /* was 11px */ /*-webkit-border-radius: 8px;*/ /* was 11px */ /*-moz-background-clip: padding; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-box-shadow: 0 6px 22px #1e1e1a; -webkit-box-shadow: 0 6px 22px #1e1e1a;*/ /*20091116*/ background: transparent; } .custom .page { /*min-width: 960px;*/ background: transparent; } /******************************************/ /* Header -- contains #logo but not .menu */ /******************************************/ .custom #header { margin: 10px 0 0 0; padding: 0; border: none; } /* Required for home page. */ .custom #header #logo { padding: 0; margin: 0; } /* Required for other pages where a

contains the fr logo. */ .custom p#logo { margin: 0; padding: 0; } /* The logo is a bg image. Text is hidden off screen. */ .custom #header #logo a { position: relative; top: 3px; z-index: 100; width: 295px; /*274px;*/ height: 63px; display: block; /*background: url(images/fr-logo_274x63.png) no-repeat top left;*/ background: url(images/fr-logo-beta_295x63.gif) no-repeat top left; font-size: 0; /* hides a text in FF */ line-height: 1000px; /* hides anchor text in IE */ overflow: hidden; /* hides anchor text in IE */ padding: 0; margin: 0; } /*******************/ /* Top nav (.menu) */ /*******************/ .custom .menu { clear: both; float: right; width: auto; /* Required for IE to render container at less than 100% width. */ margin: -30px -2pt 10pt 10pt; padding: 0; border: none; background: transparent; } .custom .menu li { float: left; } .custom .menu li a { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; color: #44443f; font-weight: normal; letter-spacing: normal; text-transform: none; margin: 0 1pt; padding: 0.05em 0.5em; } .custom .menu a, .menu .current ul a, .menu .current-cat ul a { color: inherit; background: transparent; /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/ } .custom .menu a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover { text-decoration: none; /*color: #fff;*/ background: #e5eaee; /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/ } .custom .menu .current a, .custom .menu .current-cat a { text-decoration: none; color: #44443f; background: transparent; /*color: #fff; background: #44443f; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ } /*.custom .menu a[title] { color: red; }*/ /* Small buttons in top nav */ .btn_26x26 { width: 26px; height: 26px; border: none; padding: 0; margin: 0; } .custom .menu a.plain, .menu .current ul a.plain, .menu .current-cat ul a.plain, .custom .menu a.plain:hover, .custom .menu .current ul a.plain:hover, .custom .menu .current-cat ul a.plain:hover, .custom .menu .current a.plain, .custom .menu .current-cat a.plain { text-decoration: none; padding: 0; margin-left: 0.4em; border: none; background: transparent; } /***************/ /* Page titles */ /***************/ /* Remove title from homepage */ .home .headline_area { display: none; } .custom .headline_area { display: none; } /******************/ /* Content layout */ /******************/ /* Space above page headlines. */ .custom .post_box { padding-top: 2.8em; } /*.custom #content { margin-bottom: 2em; }*/ /* Set min height of content */ .custom #content_area { min-height: 450px; } /* Draw dividers at top and bottom of content */ .custom #content_area, .custom #footer_area { /*background: white url(images/hdivider_1x3.png) repeat-x top left;*/ border-top: 1px solid #dad5cf; } /* Page bg (except homepage) */ .custom #content_area { background: url(images/page-bg_1x300.gif) repeat-x top left; } /* Set sidebar and content width in Thesis Design Options. */ /*.custom #content { width: 75%; }*/ /* Home banner bg */ .home #content_area { background: url(images/home/home-bg_1x350.jpg) repeat-x top left; } #home_banner { position: relative; height: 350px; margin: 0 0.6em; /* Should be same as padding of .content */ background: transparent; } /* Remove padding under homepage banner */ .home .post_box { padding-top: 0; } /*****************/ /* Footer sytles */ /*****************/ .custom #footer_area { margin-top: 2.2em; /*background: #e9e9e8 url(images/hdivider_1x3.png) repeat-x top left;*/ /*background: #f6f4f3;*/ } /***********/ /* Columns */ /***********/ /* Percentage based columns configured for equal width of content. The borders of adjacent columns overlap to ensure consitent heights.*/ .column { float: left; margin: 0.6em 0 0.6em -1px; /* was margin: 0 0 1.2em -1px */ border: none; } /* Over-ride the auto para added by WP. */ .column > p { /*margin: 0;*/ } /* Border and padding for columns. */ ._left { padding: 0 2% 0 0; border-right: 1px solid #e5e1db; } ._center { padding: 0 2% 0 2%; border-right: 1px solid #e5e1db; } ._right { padding: 0 0 0 2%; border: none; } /* Eight column layout for homepage. */ ._16percent { width: 16.66%; color: #000; text-align: center; font-size: 14pt; line-height: 0.75em; padding: 0; } ._16percent * { margin: 0 auto 0.3em auto; } /* Four column layout */ ._25percent { width: 22%; } ._33percent { width: 30.6%; } ._50percent { width: 48%; } ._75percent { width: 74%; } ._100percent { clear: both; width: 100%; padding: 0; /*0.6em 0;*/ margin: .2em 0 .4em 0; /*0 0 1.0em 0;*/ } .border-top { border-top: 1px solid #e5e1db; } .border-bottom { border-bottom: 1px solid #e5e1db; } .border-none { border: none; } .breaker { clear: both; width: 100%; height: 0; border: none; background: none; } .float-right { float: right; margin: 0 0 auto 20px; } .float-left { float: left; margin: 0 20px auto 0; } .align-center { text-align: center; } .align-center img { display: block; margin-left: auto; margin-right: auto; } .self-clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /**********/ /* Panels */ /**********/ ._3panel { float: left; width: 27%; padding: 1.3em 2% 1.0em; margin-top: 0.6em; margin-bottom: 0.6em; background: #fff; border: 3px solid #d7d3ce; /* #e3dfd9; #e9e6e2; */ -moz-border-radius: 9px; -webkit-border-radius: 9px; -moz-background-clip: padding; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-box-shadow: 0 -3px 9px #e9e6e2; /* x-offset y-offset spread color */ -webkit-box-shadow: 0 -3px 9px #e9e6e2; } ._3panel._left { margin-left: 0; margin-right: 1%; } ._3panel._center { margin-left: 1%; margin-right: 1%; } ._3panel._right { margin-left: 1%; margin-right: 0; } ._3panel img { display: block; margin: 0 auto 1.2em; } /******************/ /* sidebar layout */ /******************/ /* Set sidebar and content width in Thesis Design Options. */ /*.custom #sidebars { width: 25%; }*/ .custom .sidebar { /* Rules written here are overruled by more specific rules for children of sidebars unless marked as !important. */ color: #696965 !important; min-height: 300px !important; border-left: 1px solid #e5e1db !important; } /* left border */ .custom #sidebar_1, .custom #sidebar_2, .custom #sidebar_3 { /*color: #696965;*/ /*min-height: 300px; border-left: 1px solid #e5e1db;*/ } /* Spacing of sidebar content */ .custom ul.sidebar_list { padding: 2.2em 0 2.2em 2em; } .custom .widget { margin-bottom: 1.0em; } /* Hide the first element (empty <;li>) in sidebar_1 */ .custom ul.sidebar_list > li:first-child { display: none; } /*****************/ /* Sidebar menus */ /*****************/ .custom ul.sidebar-menu li { padding: 0; margin: 0; border-bottom: 1px solid #e5eaee; } .custom ul.sidebar-menu li a { display: block; color: #696965; text-decoration: none; padding: 0.3em 0.9em; margin: 0; background: transparent; } .custom ul.sidebar-menu li a:link, .custom ul.sidebar-menu li a:visited { color: #696965; background: transparent; } .custom ul.sidebar-menu li a:hover { color: #000; background: #eeedeb; } .custom ul.sidebar-menu li a:active { color: #fff; background: #9e9a93; } /*********************/ /* Buttons &; sprites */ /*********************/ /* Get FR sprite */ a#get-fr-btn { display: block; width: 220px; height: 69px; border: none; line-height: 1000px; /* hides anchor text in IE */ overflow: hidden; /* hides anchor text in IE */ cursor: pointer; margin: 0 auto; /* Causes issues in IE */ } a#get-fr-btn:link { background: url(images/buttons/get-fr-btn_220x207.png) no-repeat 0px 0px; } a#get-fr-btn:visited { background: url(images/buttons/get-fr-btn_220x207.png) no-repeat 0px 0px; } a#get-fr-btn:hover { background: url(images/buttons/get-fr-btn_220x207.png) no-repeat 0px -69px; } a#get-fr-btn:active { background: url(images/buttons/get-fr-btn_220x207.png) no-repeat 0px -138px; } /* View demo sprite */ a#view-demo-btn { display: block; width: 220px; height: 69px; border: none; line-height: 1000px; /* hides anchor text in IE */ overflow: hidden; /* hides anchor text in IE */ cursor: auto; margin: 0 auto; /* Causes issues in IE */ } a#view-demo-btn:link { background: url(images/buttons/view-demo-btn_220x207.png) no-repeat 0px 0px; } a#view-demo-btn:visited { background: url(images/buttons/view-demo-btn_220x207.png) no-repeat 0px 0px; } a#view-demo-btn:hover { background: url(images/buttons/view-demo-btn_220x207.png) no-repeat 0px -69px; } a#view-demo-btn:active { background: url(images/buttons/view-demo-btn_220x207.png) no-repeat 0px -138px; } /* Wrapper to position big buttons in banner */ .btn-wrapper { width: 220px; /* Specify width in order to center properly in IE. */ color: white; font-size: 12pt; font-weight: bold; line-height: 1.6em; text-align: center; text-shadow: 0.5px 0.5px 5px #0a3a72; } /* Alignment of big buttons in text widgets (sidebars). */ .textwidget a#get-fr-btn { float: left; margin-top: 0.8em; } /**************/ /* Typography */ /**************/ /*body.custom { font-size: 1em; line-height: 1.5em; }*/ .custom p { margin: 0 0 0.8em 0; } /* On homepage */ .home p { margin: 0.6em 0; } .custom .disabled { color: #9b9b98 !important; } /* Titles */ .custom * h1, .custom * h2, .custom * h2 a, .custom * h3, .custom * h3 a, .custom * h4, .custom * h4 a, .custom * h5, .custom * h5 a { color: #44443f; font-weight: normal; text-decoration: none; text-transform: none; letter-spacing: normal; margin: 1.2em 0 0.4em; } .custom * h1, .custom * h1 a { font-size: 24pt; margin: 0 0 0.6em 0; } .custom * h2, .custom * h2 a { font-size: 20pt; } .custom * h3, .custom * h3 a { font-size: 18pt; } .custom * h4, .custom * h4 a { font-size: 16pt; font-weight: normal; } .custom * h5, .custom * h5 a { font-size: 12pt; /* Same as body text */ font-weight: bold; text-transform: none; letter-spacing: normal; } /* Orange title on homepage */ .custom .orange { color: #f36715 !important; } .custom h2#hot-off-the-stove { color: #f36715 !important; padding-left: 27px; background: url(images/icons/flames_24x30.gif) no-repeat top left; } /* Heading margins in columns */ .custom .column h2, .custom .column h2 a, .custom .column h3, .custom .column h3 a, .custom .column h4, .custom .column h4 a, .custom .column h5, .custom .column h5 a { margin: 0.3em 0 0.2em 0; } /* Heading margins in panels */ .custom ._3panel h2, .custom ._3panel h2 a, .custom ._3panel h3, .custom ._3panel h3 a, .custom ._3panel h4, .custom ._3panel h4 a, .custom ._3panel h5, .custom ._3panel h5 a { margin: 0.3em 0 0.2em 0; } /* On homepage */ .home .column h2, .home .column h2 a { font-weight: bold; margin: 0.6em 0 0.4em; } /* Headings in sidebar widgets */ .custom .sidebar * h2, .custom .sidebar * h3 { color: #696965; font-size: 16pt; font-weight: normal; font-variant: normal; letter-spacing: normal; text-transform: none; margin: 0 0 0.6em 0; } .callout { /*color: #696965;*/ font-size: 14pt; font-weight: normal; line-height: 1.2em; text-align: left; padding: 0 0 0.5em 0; margin: 1.2em 0; border-bottom: 1px solid #dad5cf; /*#8d8d8d;*/ /*#ebe8e6;*/ /*#dad5cf;*/ } .callout > img { float: right; margin-left: 10px; border: none; } .custom p.quote { min-height: 46px; padding-left: 65px; margin: 2em 5em 1em 2em; border: none; background: transparent url(images/icons/quotes_46x43.png) no-repeat top left; } .custom p.quote:first-line { font-size: 1.6em; } p.quote-attribution { text-align: right; font-weight: normal; margin: -1em 5em 3em 0; } p.quote-attribution:before { content: "—"; } .custom #footer p { margin: 0 0 .6em; } /*********/ /* Lists */ /*********/ /* Green tick list */ /* technique for consistent cross browser layout. */ /* The tick image includes margin on the rhs. */ .custom * ul.green-ticks { display: block; line-height: 1.45em; list-style-position: outside; list-style-type: none; list-style-image: url(images/icons/green-tick_22x27.gif); padding: 0 0 0 5px !important; margin: 0 0 0 60px !important; } .custom * ul.green-ticks li { /*background: url(images/icons/green-tick_22x19.gif) no-repeat 0 0;*/ padding: 0; margin: 0 0 0.15em -30px; } /* Faux list with bg image */ .custom .blue-dot_1 { min-height: 26px; padding-top: .2em!important; padding-left: 32px; margin: .5em 0 0; background: url(images/icons/1-dot-blue_26x26.gif) no-repeat top left; } .custom .blue-dot_2 { min-height: 26px; padding-top: .2em!important; padding-left: 32px; margin: .5em 0 0; background: url(images/icons/2-dot-blue_26x26.gif) no-repeat top left; } .custom .blue-dot_3 { min-height: 26px; padding-top: .2em!important; padding-left: 32px; margin: .5em 0 0; background: url(images/icons/3-dot-blue_26x26.gif) no-repeat top left; } .custom .blue-dot_4 { min-height: 26px; padding-top: .2em !important; padding-left: 32px; margin: .5em 0 0; background: url(images/icons/4-dot-blue_26x26.gif) no-repeat top left; } /* Remove top margin for children e.g. headings */ /*.custom .blue-dot_1 > *, .custom .blue-dot_2 > *, .custom .blue-dot_3 > *, .custom .blue-dot_4 > * { margin-top: 0; }*/ /***********/ /* Anchors */ /***********/ a.plain { color: #44443f; text-decoration: none; } a.tell-me-more { display: block; float: right; /*height: 28px;*/ /* height = image height - padding */ height: 22px; color: #44443f; font-size: 14pt; font-weight: normal; text-decoration: none; /*padding: 12px 0 0 38px;*/ padding: 4px 0 0 28px; /* padding-left to match .blue-dot_# */ margin: 1em 0 0; border: none; background: transparent url(images/icons/more-arrow-orange_22x26.png) no-repeat bottom left; } a.tell-me-more:link, a.tell-me-more:visited { text-decoration: none; /*background: transparent url(images/icons/more-arrow-grey_22x26.png) no-repeat bottom left;*/ } a.tell-me-more:hover { text-decoration: underline; /*background: transparent url(images/icons/more-arrow-orange_22x26.png) no-repeat bottom left;*/ } a.tell-me-more:active { color: #000; text-decoration: none; /*background: transparent url(images/icons/more-arrow-orange_22x26.png) no-repeat bottom left;*/ } a.video-guides { display: block; /*float: right;*/ height: 17px; /* height = image height - padding */ color: #44443f; font-size: 12pt; font-weight: bold; text-decoration: none; padding: 2px 0 2px 28px; margin: 0 0 .6em; border: none; background: transparent url(images/icons/video_21x21.png) no-repeat bottom left; } a.video-guides:link, a.video-guides:visited { text-decoration: none; } a.video-guides:hover { text-decoration: underline; } a.video-guides:active { color: #000; text-decoration: none; } a.tour-nav-forward { display: block; float: right; height: 30px; /* height = image height - padding */ color: #44443f; font-size: 18pt; font-weight: normal; text-decoration: none; padding: 15px 70px 5px 0; /* margin: .6em 0 0; */ margin: 0; border: none; background: transparent url(images/icons/green-arrow-right_64x50.gif) no-repeat bottom right; } a.tour-nav-forward:hover { text-decoration: underline; } .custom #footer a { text-decoration: none; border: none; } .custom #footer a:hover { text-decoration: underline; border: none; } /* Connect buttons */ a.rss-subscribe { display: block; height: 22px; /* height = image height - padding */ color: #44443f; font-weight: normal; text-decoration: none; padding: 4px 0 0 32px; margin: 0 0 .3em; border: none; background: transparent url(images/buttons/rss-btn_26x26.gif) no-repeat bottom left; } a.twitter-follow { display: block; height: 22px; /* height = image height - padding */ color: #44443f; font-weight: normal; text-decoration: none; padding: 4px 0 0 32px; margin: 0 0 .3em; border: none; background: transparent url(images/buttons/twitter-btn_26x26.gif) no-repeat bottom left; } a.facebook-link { display: block; height: 22px; /* height = image height - padding */ color: #44443f; font-weight: normal; text-decoration: none; padding: 4px 0 0 32px; margin: 0 0 .3em; border: none; background: transparent url(images/buttons/facebook-btn_26x26.gif) no-repeat bottom left; } /******************/ /* Accordion tabs */ /******************/ .accordion { width: 100%; margin: 1em 0; } .accordion .head { text-decoration: none; padding: .5em 1em; margin: 3px 0; background: #e5eaee; border: none; cursor: pointer; } /* Hover style for headers */ .accordion .head:hover { text-decoration: none; background: #dde1e3; } .accordion > div { padding: 1em; } /* End of file */