/* Custom Styles */ body, #page-content-title .title-description { font-family:'Arial'; } body { font-size:12px; } body { line-height:1.7; } h1, h2, h3, h4, h5, h6, #slogan, .single-post-categories { font-family:'Tahoma'; } h1, h2, h3, h4, h5, h6 { line-height:1.2; } #top-elements { height:110px; } #logo h1 a, #logo .site-name a { background:transparent url( ../style1/images/logo.png ) no-repeat 0 100%; width:175px; height:108px; } #slogan { top:100px; left:0px; } #slogan { font-size:12px; } #navigation-menu { font-family:'Arial'; } #navigation-menu { font-size:14px; } #navigation-menu > ul.sf-menu { margin-top:0; } h1 {font-size:1.883em; } h2 {font-size:1.667em; } h3 {font-size:1.5em; } h4 {font-size:1.333em; } h5 {font-size:1.25em; } h6 {font-size:1.083em; } #page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3, #page-content-title #page-title .single-post-categories {font-size:1.667em;} .post-top h1, .post-top h2, .post-top h3 { font-size:1.9em; } #sidebarSubnav h3, h3.bottom-col-title {font-size:1.21em; } .portfolio-items-wrapper h2 {font-size:1.333em !important; } h2.portfolio-single-column {font-size:1.667em !important; } #gs-header #header-content { width:940px; } #c2-slider .slide-desc h2, #c2-slider .slide-desc { color:#333333; } #c2-slider .slide-desc h2 { font-size:1.8em !important; font-family:'Arial'; line-height:1.7; } #c2-slider .slide-desc p, #c2-slider .slide-desc ul { font-size:1.2em; line-height:1.7; } #c3-slider .sliding-text { color:#FFFFFF; font-size:1.2em; line-height:1.7; } #navigation-menu > ul.sf-menu { float:right; } /* secondary nav bar items' alignments */ #sec-nav-text-area-1 { text-align: left; } #sec-nav-text-area-2 { text-align: right; } #sec-nav-menu-area { text-align: center; } @media screen and (min-width: 720px) { .u-design-fixed-menu-on.fixed-menu #top-wrapper { background-color:#FBFBFB; } .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { background-color: transparent; } .u-design-fixed-menu-on.fixed-menu #navigation-menu > ul.sf-menu { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 960px) { /* Set the Container widths first */ .container_24 { width: 94%; margin-left: 3%; margin-right: 3%; } /* Sidebar */ #main-content.grid_16 { width: 67%; } #sidebar.grid_8 { width: 33%; } #sidebar.push_8, #main-content.push_8 { left: 33%; } #main-content.pull_16, #sidebar.pull_16 { right: 67%; } }