2012-05-09 17:16:21 +02:00
header : after , . main : after , # Root : after , . search-bar : after , header . inner : after { height : 0 ; content : "." ; display : block ; clear : both ; visibility : hidden ; }
2012-03-14 00:24:41 +01:00
2012-04-04 07:52:54 +02:00
body { margin : 0 ; background : #ededed ; min-width : 240 px ; -webkit- text-size-adjust : none ; font-family : Arial , Helvetica , sans-serif ; }
2012-03-29 09:10:28 +02:00
. ie7 body , . ie8 body { min-width : 860 px ; }
2012-03-14 00:24:41 +01:00
:: -moz-selection { background : #b80000 ; color : #fff ; text-shadow : none ; }
:: selection { background : #b80000 ; color : #fff ; text-shadow : none ; }
a : link { -webkit- tap-highlight-color : #b80000 ; }
a . btn { background : #b80000 ; color : #fff ; display : inline-block ; border-radius : 4 px ; padding : 6 px 15 px ; margin-top : 10 px ; text-transform : uppercase ; letter-spacing : 1 px ; border-bottom : none !important ; font-size : 13 px ; }
a . btn : after { content : '\2192' ; padding-left : 10 px ; font-size : 14 px ; font-family : Arial , Helvetica , sans-serif ; }
a . btn : hover { background : #d80000 ; color : #fff ; }
. content img { border : 5 px solid #d7d7d7 ; width : 60 % ; height : auto ; float : left ; margin : 6 px 20 px 10 px 0 ; }
. content ul { margin : 20 px 0 20 px 30 px ; }
. content li { line-height : 22 px ; margin-bottom : 5 px ; list-style-type : disc ; }
2012-05-09 17:16:21 +02:00
. content-container h1 { font-size : 36 px ; border-bottom : 1 px solid #e5e5e5 ; padding-bottom : 6 px ; margin : 0 0 23 px 0 ; line-height : 45 px ; }
2012-03-14 00:24:41 +01:00
. content-container h1 span . amp { font-family : Baskerville , "Goudy Old Style" , "Palatino" , "Book Antiqua" , Georgia ; font-style : italic ; }
. content-container h2 { font-size : 25 px ; margin-bottom : 15 px ; padding-top : 15 px ; }
. content-container h3 { font-size : 21 px ; margin-bottom : 10 px ; padding-top : 10 px ; }
. content a { border-bottom : 1 px dashed #b80000 ; }
2012-04-10 00:45:25 +02:00
. brand { float : left ; display : inline-block ; }
2012-04-04 07:52:54 +02:00
. brand h1 { margin : 0 ; padding : 0 ; font-size : 50 px ; font-family : "HelveticaNeueLTPro-Bd" , "Helvetica Neue LT Pro Bold" , "HelveticaNeueBold" , "HelveticaNeue-Bold" , "Helvetica Neue Bold" , "Helvetica Neue LT Pro" , "HelveticaNeue" , "Helvetica Neue" , Helvetica , Arial , sans-serif ; color : #fff ; font-weight : 600 ; font-stretch : normal ; line-height : 1 em ; }
2012-03-14 00:24:41 +01:00
. brand , . brand : hover { color : #fff ; }
2012-05-09 17:16:21 +02:00
. search-bar form input . action , . header . primary li a , . footer a { -moz- transition : color 0.2 s ; -webkit- transition : color 0.2 s ; transition : color 0.2 s ; }
2012-04-04 07:52:54 +02:00
/* Search Form */
2012-05-09 17:16:21 +02:00
. search-bar { position : absolute ; right : 30 px ; top : 32 px ; }
2012-04-04 07:52:54 +02:00
. search-dropdown-icon { display : none ; }
2012-05-09 17:16:21 +02:00
. search-bar form fieldset { position : relative ; padding : 0 ; margin : 0 ; }
. search-bar form input . text { width : 155 px ; padding-left : 10 px ; padding-right : 35 px ; color : #888 ; margin : 0 ; border : none ; border-radius : 20 px ; background : #fff ; font-family : Arial , Helvetica , sans-serif ; }
. search-bar form input . active { color : #000 ; }
. search-bar form input . action { font-size : 15 px ; position : absolute ; right : 3 px ; top : -1 px ; cursor : pointer ; border : none ; padding : 5 px ; background : none ; font-family : 'WebSymbolsRegular' ; color : #848484 ; }
. search-bar form input . action : hover { color : #000 ; }
2012-04-24 04:11:33 +02:00
. search-bar form input : focus , . header textarea : focus { outline : none ; }
2012-04-04 07:52:54 +02:00
2012-05-09 17:16:21 +02:00
. header . primary ul { float : right ; margin : 23 px -12 px 0 0 ; }
. header . primary li { float : left ; padding-bottom : 20 px ; margin : 0 5 px ; position : relative ; white-space : nowrap ; }
. header . primary li a { color : #888 ; font-size : 15 px ; font-family : Helvetica , Arial , sans-serif ; padding : 6 px 8 px ; font-weight : bold ; display : block ; }
. header . primary li a : hover { color : #fff ; }
2012-03-14 00:24:41 +01:00
. header . primary li . section a , . header . primary li . current a { color : #fff ; }
2012-05-09 17:16:21 +02:00
. header . primary li . section : after , . header . primary li . current : after { content : '}' ; display : block ; position : absolute ; left : 50 % ; margin-left : -7 px ; bottom : -6 px ; font-family : 'WebSymbolsRegular' ; font-size : 28 px ; color : #fff ; text-align : center ; line-height : 20 px ; }
2012-04-04 07:52:54 +02:00
2012-05-09 17:16:21 +02:00
/* when navigation and logo overlap tablet-nav is initialized */
. tablet-nav . header . inner { padding-top : 20 px ; }
. tablet-nav . header . primary ul { float : left ; clear : both ; margin : 20 px 0 4 px -12 px ; white-space : nowrap ; }
. tablet-nav . header . primary ul li { margin-bottom : 10 px ; padding-bottom : 0 ; white-space : nowrap ; }
. tablet-nav . header . primary ul li a { -moz- transition : none ; -webkit- transition : none ; transition : none ; }
. tablet-nav . header . primary ul li . current a , . tablet-nav . header . primary ul li . section a { background-color : #525252 ; border-radius : 4 px ; }
. tablet-nav . header . primary li . section : after , . tablet-nav . header . primary li . current : after { display : none ; }
. tablet-nav . footer . right { float : left ; width : 100 % ; }
2012-04-04 07:52:54 +02:00
2012-05-09 17:16:21 +02:00
. header . nav-open-button { display : none ; }
2012-04-04 07:52:54 +02:00
. inner { max-width : 1100 px ; margin : 0 auto ; padding : 0 30 px ; }
2012-03-14 00:24:41 +01:00
. ie6 . inner { width : 960 px ; }
2012-03-29 09:10:28 +02:00
2012-03-14 00:24:41 +01:00
. main { background : #fff ; padding : 50 px 0 60 px ; }
2012-05-09 17:16:21 +02:00
aside { float : left ; width : 23 % ; margin-top : 17 px ; }
2012-03-14 00:24:41 +01:00
2012-04-04 07:52:54 +02:00
. secondary h3 { font-size : 20 px ; color : #b8b7b7 ; margin : 0 0 8 px 0 ; }
2012-03-14 00:24:41 +01:00
. secondary { border-bottom : 1 px solid #e5e5e5 ; }
2012-04-04 07:52:54 +02:00
. secondary ul { padding : 0 ; margin : 0 ; }
. secondary li { border-top : 1 px solid #e5e5e5 ; position : relative ; list-style-type : none ; }
2012-03-27 17:00:47 +02:00
. secondary li . arrow { color : #b80000 ; padding-right : 5 px ; display : block ; font-size : 15 px ; line-height : 20 px ; position : absolute ; left : 2 px ; top : 5 px ; -moz- transition : 0.2 s ; -webkit- transition : 0.2 s ; transition : 0.2 s ; }
2012-03-14 00:24:41 +01:00
. secondary li : hover . arrow { left : 6 px ; }
2012-03-27 17:00:47 +02:00
. secondary li a { padding : 8 px 0 ; display : block ; width : 100 % ; text-transform : uppercase ; letter-spacing : 2 px ; font-size : 11 px ; color : #333 ; line-height : 17 px ; font-family : 'Lucida Sans' , 'Lucida Grande' , Arial , Helvetica , sans-serif ; }
2012-03-14 00:24:41 +01:00
. secondary li . text { padding-left : 28 px ; display : block ; }
2012-05-09 17:16:21 +02:00
. secondary li . section , . secondary li . current { background-color : #f7f7f7 ; }
2012-03-14 00:24:41 +01:00
. secondary li . section a , . secondary li . current a { color : #000 ; }
2012-05-09 17:16:21 +02:00
. content-container { float : right ; width : 73 % ; padding-bottom : 20 px ; }
2012-03-14 00:24:41 +01:00
. no-sidebar . content-container { float : left ; }
. header { background : #161616 ; }
2012-04-04 07:52:54 +02:00
. header . inner { padding-top : 55 px ; position : relative ; }
/* Search Results */
. searchResults h1 { font-size : 36 px ; margin-bottom : 15 px ; }
. searchResults p . searchQuery { color : #333 ; margin-bottom : 10 px ; }
2012-05-09 17:16:21 +02:00
. searchResults ul # SearchResults { padding : 0 ; }
. searchResults ul # SearchResults li { border-top : 1 px solid #e5e5e5 ; padding : 20 px 0 ; list-style-type : none ; }
. searchResults ul # SearchResults p { margin-bottom : 12 px ; }
. searchResults ul # SearchResults a . searchResultHeader { font-size : 16 px ; font-weight : bold ; margin-bottom : 6 px ; display : block ; }
. searchResults # PageNumbers { border-top : 1 px solid #e5e5e5 ; padding-top : 20 px ; }
. searchResults # PageNumbers a { padding : 0 5 px ; }
2012-04-10 00:45:25 +02:00
. searchResults # PageNumbers . pagination { float : left ; }
. searchResults # PageNumbers p { float : right ; }
2012-05-09 17:16:21 +02:00
. searchResults # PageNumbers . next , . searchResults # PageNumbers . prev { font-size : 14 px ; }
. searchResults # PageNumbers . next { margin-left : 15 px ; }
. searchResults # PageNumbers . prev { margin-right : 15 px ; }
2012-03-14 00:24:41 +01:00
2012-04-10 00:45:25 +02:00
/* Footer */
2012-03-27 17:00:47 +02:00
. footer { color : #999 ; background : #ededed ; padding : 20 px 0 ; font-size : 11 px ; line-height : 22 px ; }
2012-03-14 00:24:41 +01:00
. footer a { color : #999 ; }
2012-05-09 17:16:21 +02:00
. footer a : hover { color : #000 ; }
. footer . left { float : left ; color : #000 ; display : block ; margin-bottom : 10 px ; }
2012-03-14 00:24:41 +01:00
. footer . right { float : right ; display : block ; }
. footer span { padding : 0 3 px ; color : #bbb ; }
2012-04-04 07:52:54 +02:00
. footer . primary , . footer . primary ul { display : inline ; margin : 0 ; padding : 0 ; }
2012-03-27 17:00:47 +02:00
. footer . primary li { display : inline ; }
2012-05-09 17:16:21 +02:00
. ie6 . footer . primary li , . ie7 . footer . primary li { display : inline ; zoom : 1 ; margin-right : 10 px ; }
2012-03-14 00:24:41 +01:00
. footer . primary li : after { padding : 0 3 px 0 5 px ; content : '/' ; color : #999 ; }
. footer . primary li : last-child : after { content : '' ; }
. footer . arrow { padding : 0 8 px 0 5 px ; color : #b80000 ; font-size : 13 px ; }
2012-04-04 07:52:54 +02:00
. footer . primary . nav-open-button { display : none ; }
. footer . primary ul # nav . menu-bubble-arrow { display : none ; }
2012-05-09 17:16:21 +02:00
# media-query-trigger { display : none ; visibility : hidden ; }
2012-03-14 00:24:41 +01:00
@ media only screen and ( max-width : 960px ) {
. content img { width : 97 % ; height : auto ; margin : 0 0 20 px ; }
2012-04-04 07:52:54 +02:00
. header . primary ul { margin-left : -12 px ; -webkit- padding-start : 0 px ; }
2012-03-14 00:24:41 +01:00
}
2012-05-09 17:16:21 +02:00
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@ media only screen and ( max-width : 640px ) {
# media-query-trigger { visibility : visible ; }
2012-04-24 04:11:33 +02:00
. brand { float : none ; display : inline-block ; margin-left : 22 px ; margin-bottom : 24 px ; }
. brand h1 { font-size : 40 px ; }
2012-04-04 07:52:54 +02:00
. header { padding : 0 px ; }
2012-04-24 04:11:33 +02:00
. header . inner { padding : 20 px 0 0 0 ; }
. header . primary . nav-open-button { z-index : 100 ; width : 20 px ; height : 20 px ; position : absolute ; right : 20 px ; top : 30 px ; display : block ; cursor : pointer ; font-family : 'WebSymbolsRegular' ; font-size : 20 px ; color : #ededed ; }
2012-05-09 17:16:21 +02:00
. header . primary ul { z-index : 10 ; position : relative ; display : none ; float : left ; margin : 0 !important ; padding : 0 ; white-space : normal ; width : 100 % ; }
. header . primary ul li { width : 100 % ; margin : 0 !important ; float : none ; background : none ; position : relative ; text-shadow : 0 1 px #fff ; }
. header . primary ul li : after { content : '\003e' ; display : block ; position : absolute ; right : 20 px ; top : 0 px ; font-family : 'WebSymbolsRegular' ; font-size : 14 px ; color : #999 ; text-align : center ; vertical-align : middle ; line-height : 38 px ; }
. header . primary ul li a , . header . primary ul li . current a , . header . primary ul li . section a { padding : 10 px 0 10 px 22 px ; font-weight : bold ; border-bottom : 1 px solid #bbb ; color : #434343 ; border-radius : 0 !important ; background : #e7e7e7 !important ; }
. header . primary ul li a : hover { color : inherit ; }
2012-04-04 07:52:54 +02:00
/* Search Form */
2012-05-09 17:16:21 +02:00
. search-bar { width : 100 % ; position : relative ; top : 0 ; right : 0 ; display : none ; padding : 20 px 0 ; margin : 0 ; background-color : #E7E7E7 ; }
2012-04-24 04:11:33 +02:00
. search-dropdown-icon { display : block ; cursor : pointer ; width : 20 px ; height : 20 px ; position : absolute ; right : 60 px ; top : 32 px ; font-family : 'WebSymbolsRegular' ; font-size : 20 px ; color : #ededed ; text-align : center ; line-height : 20 px ; }
2012-05-09 17:16:21 +02:00
. search-bar form { margin : 0 ; width : 100 % ; }
. search-bar form fieldset { padding : 0 18 px ; left : 0 ; right : 0 ; position : relative ; }
. search-bar div . field { margin-bottom : 0 ; }
. search-bar form input . text { width : 93 % ; padding : 8 px 7 % 8 px 0 ; text-indent : 15 px ; position : relative ; display : block ; right : 0 ; left : 0 ; border : 1 px solid #e5e5e5 ; background : #fff ; font-size : 17 px ; }
. search-bar form input . action { right : 24 px ; top : 2 px ; font-size : 18 px ; }
2012-04-04 07:52:54 +02:00
/* Main Content */
2012-03-14 00:24:41 +01:00
. main { padding : 20 px 0 45 px ; }
. content-container , aside { width : 100 % ; }
. content-container h1 { font-size : 30 px ; margin-bottom : 15 px ; padding-bottom : 3 px ; }
2012-03-27 17:00:47 +02:00
. content-container p { font-size : 14 px ; line-height : 23 px ; }
p . intro { font-size : 19 px ; line-height : 27 px ; }
2012-04-04 07:52:54 +02:00
. main . inner { padding : 0 22 px ; }
2012-05-09 17:16:21 +02:00
2012-04-04 07:52:54 +02:00
/* Secondry Nav */
2012-03-27 17:00:47 +02:00
. secondary li a { line-height : 24 px ; }
. secondary li . arrow { line-height : 26 px ; }
2012-05-09 17:16:21 +02:00
2012-04-04 07:52:54 +02:00
/* Footer */
2012-05-09 17:16:21 +02:00
. footer . right { float : left ; width : 100 % ; }
2012-03-14 00:24:41 +01:00
}
@ media print {
2012-03-27 17:00:47 +02:00
* { background : transparent !important ; color : black !important ; box-shadow : none !important ; text-shadow : none !important ; filter : none !important ; -ms- filter : none !important ; }
2012-03-14 00:24:41 +01:00
. header , . footer { display : none ; }
2012-03-27 17:00:47 +02:00
a , a : visited { text-decoration : underline ; }
thead { display : table-header-group ; }
tr , img { page-break-inside : avoid ; }
img { max-width : 100 % !important ; }
@ page { margin : 0 . 5cm ; }
p , h2 , h3 { orphans : 3 ; widows : 3 ; }
h2 , h3 { page-break-after : avoid ; }
2012-03-14 00:24:41 +01:00
}